52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T3e0e,"use client"; import { Tick02Icon } from "@hugeicons/core-free-icons"; import { HugeiconsIcon } from "@hugeicons/react"; import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire"; import * as stylex from "@stylexjs/stylex"; import type { ComponentProps } from "react"; import { buttonStyles } from "@/components/primitives/button"; import type { ButtonStyleOptions } from "@/components/primitives/button"; import { Input } from "@/components/primitives/input"; import { Kbd } from "@/components/primitives/kbd"; import type { Sx } from "@/lib/constella/styles"; import { typeStyles } from "@/lib/constella/styles"; import { colors, durations, easings, fontWeights, lineHeights, media, motion, opacities, radii, shadows, sizes, space, strokes, } from "@/lib/constella/tokens.stylex"; type Styled = Omit & { sx?: Sx; }; type NavigationProps = Styled & Pick; // The primitive hides inactive items and unused buttons with `hidden`, which any `display` overrides. const hidden = ":is([hidden])"; const checked = ":is([data-checked] *)"; const radio = ":is([data-type='radio'] *)"; const invalid = ":is([data-invalid])"; const disabled = ":is([data-disabled])"; const firstLineInset = `calc((${lineHeights.textSm} - ${sizes.icon}) / 2)`; const noDescription = ":not(:has(~ [data-slot='questionnaire-description']))"; const styles = stylex.create({ root: { display: "flex", flexDirection: "column", gap: space.md, marginBlockEnd: 0, marginBlockStart: 0, marginInlineEnd: 0, marginInlineStart: 0, minWidth: 0, width: "100%", }, progress: { color: colors.textSecondary, fontVariantNumeric: "tabular-nums", fontWeight: fontWeights.medium, minHeight: lineHeights.textSm, }, item: { borderBlockStartWidth: 0, borderBlockEndWidth: 0, borderInlineStartWidth: 0, borderInlineEndWidth: 0, display: { default: "flex", [hidden]: "none" }, flexDirection: "column", gap: space.md, marginBlockEnd: 0, marginBlockStart: 0, marginInlineEnd: 0, marginInlineStart: 0, minWidth: 0, paddingBlockStart: 0, paddingBlockEnd: 0, paddingInlineStart: 0, paddingInlineEnd: 0, }, // A legend sits outside the fieldset's flex gap, so it spaces itself. title: { color: colors.textPrimary, fontWeight: fontWeights.medium, marginBlockEnd: { default: space.xxs, [noDescription]: space.md }, paddingBlockStart: 0, paddingBlockEnd: 0, paddingInlineStart: 0, paddingInlineEnd: 0, textWrap: "pretty", }, description: { color: colors.textSecondary, marginBlockEnd: 0, marginBlockStart: 0, marginInlineEnd: 0, marginInlineStart: 0, textWrap: "pretty", }, choices: { display: "grid", gap: space.xs, minWidth: 0, }, choice: { alignItems: "flex-start", backgroundColor: { default: "transparent", ":is([data-checked])": colors.fillSubtle, [media.hover]: { default: "transparent", ":hover:not([data-disabled])": colors.fillSubtle, ":is([data-checked])": colors.fillSubtle, }, ":active:not([data-disabled])": colors.fillSubtle, }, borderBlockStartColor: { default: colors.border, ":is([data-checked]):not([data-invalid])": colors.infoSolid, [invalid]: colors.dangerBorder, }, borderBlockEndColor: { default: colors.border, ":is([data-checked]):not([data-invalid])": colors.infoSolid, [invalid]: colors.dangerBorder, }, borderInlineStartColor: { default: colors.border, ":is([data-checked]):not([data-invalid])": colors.infoSolid, [invalid]: colors.dangerBorder, }, borderInlineEndColor: { default: colors.border, ":is([data-checked]):not([data-invalid])": colors.infoSolid, [invalid]: colors.dangerBorder, }, borderStartStartRadius: radii.md, borderStartEndRadius: radii.md, borderEndStartRadius: radii.md, borderEndEndRadius: radii.md, borderBlockStartStyle: "solid", borderBlockEndStyle: "solid", borderInlineStartStyle: "solid", borderInlineEndStyle: "solid", borderBlockStartWidth: strokes.border, borderBlockEndWidth: strokes.border, borderInlineStartWidth: strokes.border, borderInlineEndWidth: strokes.border, color: colors.textPrimary, cursor: { default: "pointer", [disabled]: "not-allowed" }, display: "flex", gap: space.sm, minWidth: 0, opacity: { default: 1, [disabled]: opacities.disabled }, paddingBlockStart: space.sm, paddingBlockEnd: space.sm, paddingInlineStart: space.sm, paddingInlineEnd: space.sm, position: "relative", textAlign: "start", transitionDuration: durations.hover, transitionProperty: "background-color, border-color", transitionTimingFunction: "ease", userSelect: "none", }, choiceInput: { cursor: "inherit", height: "100%", insetBlockStart: 0, insetInlineStart: 0, marginBlockEnd: 0, marginBlockStart: 0, marginInlineEnd: 0, marginInlineStart: 0, opacity: 0, position: "absolute", width: "100%", zIndex: 1, }, // Checkbox's box, or Radio's circle; the primitive needs a native input, so neither component fits. indicator: { alignItems: "center", backgroundClip: { default: "padding-box", [checked]: "border-box" }, backgroundColor: { default: colors.fillSubtle, [checked]: colors.infoSolid, }, borderBlockStartColor: { default: colors.border, [checked]: colors.infoSolid, }, borderBlockEndColor: { default: colors.border, [checked]: colors.infoSolid, }, borderInlineStartColor: { default: colors.border, [checked]: colors.infoSolid, }, borderInlineEndColor: { default: colors.border, [checked]: colors.infoSolid, }, borderStartStartRadius: { default: radii.xs, [radio]: radii.full }, borderStartEndRadius: { default: radii.xs, [radio]: radii.full }, borderEndStartRadius: { default: radii.xs, [radio]: radii.full }, borderEndEndRadius: { default: radii.xs, [radio]: radii.full }, borderBlockStartStyle: "solid", borderBlockEndStyle: "solid", borderInlineStartStyle: "solid", borderInlineEndStyle: "solid", borderBlockStartWidth: strokes.border, borderBlockEndWidth: strokes.border, borderInlineStartWidth: strokes.border, borderInlineEndWidth: strokes.border, boxShadow: shadows.default, color: colors.infoOnSolid, display: "flex", flexShrink: 0, height: sizes.icon, justifyContent: "center", marginBlockEnd: firstLineInset, marginBlockStart: firstLineInset, transitionDuration: durations.hover, transitionProperty: "background-color, border-color", transitionTimingFunction: "ease", width: sizes.icon, }, // The tick draws in from its start; unchecking is the system answering, so it's quick. tick: { clipPath: { default: "inset(0 100% 0 0)", [checked]: "inset(0)" }, display: { default: "block", [radio]: "none" }, opacity: { default: 0, [checked]: 1 }, transitionDuration: { default: durations.hover, [checked]: durations.move }, transitionProperty: { default: "clip-path, opacity", [media.reducedMotion]: "opacity", }, transitionTimingFunction: easings.out, }, dot: { backgroundColor: colors.infoOnSolid, borderStartStartRadius: radii.full, borderStartEndRadius: radii.full, borderEndStartRadius: radii.full, borderEndEndRadius: radii.full, display: { default: "none", [radio]: "block" }, height: `calc(${sizes.icon} / 2)`, opacity: { default: 0, [checked]: 1 }, transform: { default: `scale(${motion.dotScale})`, [checked]: "scale(1)" }, transitionDuration: durations.popover, transitionProperty: { default: "transform, opacity", [media.reducedMotion]: "opacity", }, transitionTimingFunction: `${easings.overshoot}, ${easings.out}`, width: `calc(${sizes.icon} / 2)`, }, choiceLabel: { display: "flex", flexDirection: "column", flexGrow: 1, fontWeight: fontWeights.medium, gap: space.xxxs, minWidth: 0, overflowWrap: "anywhere", }, choiceDescription: { color: colors.textSecondary, fontWeight: fontWeights.regular, }, shortcut: { display: { default: "inline-flex", [hidden]: "none" }, flexShrink: 0, marginInlineStart: "auto", }, error: { color: colors.dangerText, marginBlockEnd: 0, marginBlockStart: 0, marginInlineEnd: 0, marginInlineStart: 0, overflowWrap: "anywhere", }, actions: { alignItems: "center", display: "grid", gap: space.xs, gridTemplateColumns: "minmax(0, 1fr) auto auto", justifyItems: "start", minHeight: sizes.controlMd, width: "100%", }, navigation: { display: { default: "inline-flex", [hidden]: "none" }, gridRowStart: 1, }, previous: { gridColumnStart: 1, justifySelf: "start" }, skip: { gridColumnStart: 2, justifySelf: "end" }, forward: { gridColumnStart: 3, justifySelf: "end" }, }); function Questionnaire({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireProgress({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireItem({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireTitle({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireDescription({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireChoices({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireChoice({ children, sx, ...props }: Styled>) { return ( {children} } /> ); } function QuestionnaireChoiceDescription({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireInput({ sx, ...props }: Styled>) { return } />; } function QuestionnaireError({ sx, ...props }: Styled>) { return ( ); } function QuestionnaireActions({ sx, ...props }: Styled>) { return (

); } function QuestionnairePrevious({ children = "Previous", size = "default", sx, variant = "outline", ...props }: NavigationProps>) { return ( {children} ); } function QuestionnaireSkip({ children = "Skip", size = "default", sx, variant = "outline", ...props }: NavigationProps>) { return ( {children} ); } function QuestionnaireNext({ children = "Next", size = "default", sx, variant = "primary", ...props }: NavigationProps>) { return ( {children} ); } function QuestionnaireSubmit({ children = "Submit", size = "default", sx, variant = "primary", ...props }: NavigationProps>) { return ( {children} ); } export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, }; export type { QuestionnaireChoiceDefinition, QuestionnaireItemDefinition, QuestionnaireItemStatus, QuestionnaireShortcutMode, } from "@shadcn/react/questionnaire"; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@hugeicons/core-free-icons",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Fcore-free-icons","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/core-free-icons"}]]}]}],["$","li","@hugeicons/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40hugeicons%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@hugeicons/react"}]]}]}],["$","li","@shadcn/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40shadcn%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@shadcn/react"}]]}]}],["$","li","@stylexjs/stylex",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40stylexjs%2Fstylex","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@stylexjs/stylex"}]]}]}]]}],["$","$L52",null,{"namespace":"@constella","registryDependencies":["https://constella.aayush.cv/r/base.json","https://constella.aayush.cv/r/button.json","https://constella.aayush.cv/r/input.json","https://constella.aayush.cv/r/kbd.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/components/ai/questionnaire.tsx","content":"$54","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]