@exsto/ds 0.0.1-rc.13 → 0.0.1-rc.14

package/dist/ui/src/components/ui/popover/popover.js

@@ -0,0 +1,56 @@
+import { cn } from "../../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region ../ui/src/components/ui/popover/popover.tsx
+var Popover$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Root, {
+		"data-slot": "popover",
+		...props
+	});
+};
+var PopoverTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+};
+var PopoverContent = ({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, anchor, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		align,
+		alignOffset,
+		anchor,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Popover.Popup, {
+			"data-slot": "popover-content",
+			className: cn("z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 motion-reduce:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props
+		})
+	}) });
+};
+var PopoverHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "popover-header",
+		className: cn("flex flex-col gap-0.5 text-sm", className),
+		...props
+	});
+};
+var PopoverTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-slot": "popover-title",
+		className: cn("font-medium", className),
+		...props
+	});
+};
+var PopoverDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-slot": "popover-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+};
+//#endregion
+export { Popover$1 as Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/ui/src/components/ui/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../../../../../../ui/src/components/ui/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport { cn } from '@edyn/ui/lib/utils';\nimport type * as React from 'react';\n\nexport const Popover = ({ ...props }: PopoverPrimitive.Root.Props) => {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n};\n\nexport const PopoverTrigger = ({ ...props }: PopoverPrimitive.Trigger.Props) => {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n};\n\nexport const PopoverContent = ({\n  className,\n  align = 'center',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  anchor,\n  ...props\n}: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'anchor' | 'side' | 'sideOffset'>) => {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <PopoverPrimitive.Popup\n          data-slot=\"popover-content\"\n          className={cn(\n            'z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 motion-reduce:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n};\n\nexport const PopoverHeader = ({ className, ...props }: React.ComponentProps<'div'>) => {\n  return <div data-slot=\"popover-header\" className={cn('flex flex-col gap-0.5 text-sm', className)} {...props} />;\n};\n\nexport const PopoverTitle = ({ className, ...props }: PopoverPrimitive.Title.Props) => {\n  return <PopoverPrimitive.Title data-slot=\"popover-title\" className={cn('font-medium', className)} {...props} />;\n};\n\nexport const PopoverDescription = ({ className, ...props }: PopoverPrimitive.Description.Props) => {\n  return <PopoverPrimitive.Description data-slot=\"popover-description\" className={cn('text-muted-foreground', className)} {...props} />;\n};\n"],"mappings":";;;;AAIA,IAAa,aAAW,EAAE,GAAG,YAAyC;CACpE,OAAO,oBAAC,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,IAAa,kBAAkB,EAAE,GAAG,YAA4C;CAC9E,OAAO,oBAAC,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,IAAa,kBAAkB,EAC7B,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,QACA,GAAG,YACqI;CACxI,OACE,oBAAC,QAAiB,QAAlB,EAAA,UACE,oBAAC,QAAiB,YAAlB;EACS;EACM;EACL;EACF;EACM;EACZ,WAAU;EAEV,UAAA,oBAAC,QAAiB,OAAlB;GACE,aAAU;GACV,WAAW,GACT,klBACA,SACF;GACA,GAAI;EACL,CAAA;CAC0B,CAAA,EACN,CAAA;AAE7B;AAEA,IAAa,iBAAiB,EAAE,WAAW,GAAG,YAAyC;CACrF,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,GAAG,iCAAiC,SAAS;EAAG,GAAI;CAAQ,CAAA;AAChH;AAEA,IAAa,gBAAgB,EAAE,WAAW,GAAG,YAA0C;CACrF,OAAO,oBAAC,QAAiB,OAAlB;EAAwB,aAAU;EAAgB,WAAW,GAAG,eAAe,SAAS;EAAG,GAAI;CAAQ,CAAA;AAChH;AAEA,IAAa,sBAAsB,EAAE,WAAW,GAAG,YAAgD;CACjG,OAAO,oBAAC,QAAiB,aAAlB;EAA8B,aAAU;EAAsB,WAAW,GAAG,yBAAyB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACtI"}

package/dist/ui/src/components/ui/progress/progress.js

@@ -0,0 +1,70 @@
+import { cn } from "../../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Progress } from "@base-ui/react/progress";
+//#region ../ui/src/components/ui/progress/progress.tsx
+/**
+* The tones: a closed set of semantic colours rather than a class string, so a bar cannot carry a
+* colour the theme does not define and dark mode and a re-theme keep working. Each is the theme token
+* the fill uses; the track is a 20% tint of the same token.
+*/
+var TONE_TOKEN = {
+	default: "var(--primary)",
+	info: "var(--info)",
+	success: "var(--success)",
+	warning: "var(--warning)",
+	destructive: "var(--destructive)"
+};
+/**
+* Colours an app can set without a class string. --progress-color replaces the fill (any colour, such as an
+* app's own status tokens); --progress-track replaces the track, which does not follow the fill: an app
+* that wants a neutral track sets it to var(--muted). Both are read where the bar is, so they follow the
+* theme and can be set on :root or on any ancestor.
+*/
+var progressFill = (tone) => `var(--progress-color, ${TONE_TOKEN[tone]})`;
+var progressTrack = (tone) => `var(--progress-track, color-mix(in oklab, ${TONE_TOKEN[tone]} 20%, transparent))`;
+/**
+* How the fill eases its width. The defaults are the 300ms ease-in-out it always had; an app retunes them
+* with --progress-duration and --progress-ease, or turns the easing off with `animated={false}` when the
+* number it shows is itself animated and the bar is driven from the same clock.
+*/
+var PROGRESS_DURATION = "var(--progress-duration, 300ms)";
+var PROGRESS_EASE = "var(--progress-ease, cubic-bezier(0.4, 0, 0.2, 1))";
+var progressTrackVariants = cva("relative w-full overflow-hidden rounded-full", {
+	variants: { size: {
+		sm: "h-1",
+		default: "h-2"
+	} },
+	defaultVariants: { size: "default" }
+});
+var Progress$1 = ({ value = null, tone = "default", size, animated = true, className, ...props }) => {
+	const fillStyle = {
+		backgroundColor: progressFill(tone),
+		...value != null ? { width: `${value}%` } : null,
+		...animated ? {
+			transitionDuration: PROGRESS_DURATION,
+			transitionTimingFunction: PROGRESS_EASE
+		} : null
+	};
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		"data-slot": "progress",
+		value: value ?? null,
+		className: cn("w-full", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Progress.Track, {
+			"data-slot": "progress-track",
+			className: progressTrackVariants({ size }),
+			style: { backgroundColor: progressTrack(tone) },
+			children: /* @__PURE__ */ jsx(Progress.Indicator, {
+				"data-slot": "progress-indicator",
+				"data-tone": tone,
+				className: cn("h-full rounded-full motion-reduce:transition-none motion-reduce:animate-none data-indeterminate:w-1/3 data-indeterminate:animate-[progress-indeterminate_1.5s_ease-in-out_infinite]", animated ? "transition-[width] duration-300 ease-in-out" : "transition-none"),
+				style: fillStyle
+			})
+		})
+	});
+};
+//#endregion
+export { PROGRESS_DURATION, PROGRESS_EASE, Progress$1 as Progress, progressFill, progressTrack };
+
+//# sourceMappingURL=progress.js.map

package/dist/ui/src/components/ui/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":[],"sources":["../../../../../../../ui/src/components/ui/progress/progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from '@base-ui/react/progress';\nimport { cn } from '@edyn/ui/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { CSSProperties } from 'react';\n\n/**\n * The tones: a closed set of semantic colours rather than a class string, so a bar cannot carry a\n * colour the theme does not define and dark mode and a re-theme keep working. Each is the theme token\n * the fill uses; the track is a 20% tint of the same token.\n */\nconst TONE_TOKEN = {\n  default: 'var(--primary)',\n  info: 'var(--info)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  destructive: 'var(--destructive)',\n} as const;\n\nexport type TProgressTone = keyof typeof TONE_TOKEN;\n\n/**\n * Colours an app can set without a class string. --progress-color replaces the fill (any colour, such as an\n * app's own status tokens); --progress-track replaces the track, which does not follow the fill: an app\n * that wants a neutral track sets it to var(--muted). Both are read where the bar is, so they follow the\n * theme and can be set on :root or on any ancestor.\n */\nexport const progressFill = (tone: TProgressTone): string => `var(--progress-color, ${TONE_TOKEN[tone]})`;\n\nexport const progressTrack = (tone: TProgressTone): string => `var(--progress-track, color-mix(in oklab, ${TONE_TOKEN[tone]} 20%, transparent))`;\n\n/**\n * How the fill eases its width. The defaults are the 300ms ease-in-out it always had; an app retunes them\n * with --progress-duration and --progress-ease, or turns the easing off with `animated={false}` when the\n * number it shows is itself animated and the bar is driven from the same clock.\n */\nexport const PROGRESS_DURATION = 'var(--progress-duration, 300ms)';\nexport const PROGRESS_EASE = 'var(--progress-ease, cubic-bezier(0.4, 0, 0.2, 1))';\n\nconst progressTrackVariants = cva('relative w-full overflow-hidden rounded-full', {\n  variants: {\n    size: {\n      sm: 'h-1',\n      default: 'h-2',\n    },\n  },\n  defaultVariants: { size: 'default' },\n});\n\nexport interface IProgressProps extends Omit<ProgressPrimitive.Root.Props, 'value'> {\n  value?: number | null;\n  /** The bar's colour: a share of a total reads as `warning` when nearly used up, `success` when done. */\n  tone?: TProgressTone;\n  /** 4px (`sm`) or 8px (default) tall. */\n  size?: VariantProps<typeof progressTrackVariants>['size'];\n  /**\n   * Whether the fill eases when `value` changes. Turn it off when the value already moves smoothly\n   * (driven from an animated number's clock), or the bar eases a second time behind it.\n   */\n  animated?: boolean;\n}\n\nexport const Progress = ({ value = null, tone = 'default', size, animated = true, className, ...props }: IProgressProps) => {\n  const fillStyle: CSSProperties = {\n    backgroundColor: progressFill(tone),\n    ...(value != null ? { width: `${value}%` } : null),\n    ...(animated ? { transitionDuration: PROGRESS_DURATION, transitionTimingFunction: PROGRESS_EASE } : null),\n  };\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" value={value ?? null} className={cn('w-full', className)} {...props}>\n      <ProgressPrimitive.Track\n        data-slot=\"progress-track\"\n        className={progressTrackVariants({ size })}\n        style={{ backgroundColor: progressTrack(tone) }}\n      >\n        <ProgressPrimitive.Indicator\n          data-slot=\"progress-indicator\"\n          data-tone={tone}\n          className={cn(\n            'h-full rounded-full motion-reduce:transition-none motion-reduce:animate-none data-indeterminate:w-1/3 data-indeterminate:animate-[progress-indeterminate_1.5s_ease-in-out_infinite]',\n            animated ? 'transition-[width] duration-300 ease-in-out' : 'transition-none',\n          )}\n          style={fillStyle}\n        />\n      </ProgressPrimitive.Track>\n    </ProgressPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAM,aAAa;CACjB,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;AACf;;;;;;;AAUA,IAAa,gBAAgB,SAAgC,yBAAyB,WAAW,MAAM;AAEvG,IAAa,iBAAiB,SAAgC,6CAA6C,WAAW,MAAM;;;;;;AAO5H,IAAa,oBAAoB;AACjC,IAAa,gBAAgB;AAE7B,IAAM,wBAAwB,IAAI,gDAAgD;CAChF,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,MAAM,UAAU;AACrC,CAAC;AAeD,IAAa,cAAY,EAAE,QAAQ,MAAM,OAAO,WAAW,MAAM,WAAW,MAAM,WAAW,GAAG,YAA4B;CAC1H,MAAM,YAA2B;EAC/B,iBAAiB,aAAa,IAAI;EAClC,GAAI,SAAS,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;EAC7C,GAAI,WAAW;GAAE,oBAAoB;GAAmB,0BAA0B;EAAc,IAAI;CACtG;CACA,OACE,oBAAC,SAAkB,MAAnB;EAAwB,aAAU;EAAW,OAAO,SAAS;EAAM,WAAW,GAAG,UAAU,SAAS;EAAG,GAAI;EACzG,UAAA,oBAAC,SAAkB,OAAnB;GACE,aAAU;GACV,WAAW,sBAAsB,EAAE,KAAK,CAAC;GACzC,OAAO,EAAE,iBAAiB,cAAc,IAAI,EAAE;GAE9C,UAAA,oBAAC,SAAkB,WAAnB;IACE,aAAU;IACV,aAAW;IACX,WAAW,GACT,uLACA,WAAW,gDAAgD,iBAC7D;IACA,OAAO;GACR,CAAA;EACsB,CAAA;CACH,CAAA;AAE5B"}

package/dist/ui/src/components/ui/questionnaire/questionnaire.js

@@ -0,0 +1,171 @@
+"use client";
+import { cn } from "../../../lib/utils.js";
+import { buttonVariants } from "../button/button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconCheck } from "@tabler/icons-react";
+import { Questionnaire } from "@shadcn/react/questionnaire";
+//#region ../ui/src/components/ui/questionnaire/questionnaire.tsx
+var Questionnaire$1 = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Root, {
+		"data-slot": "questionnaire",
+		className: cn("flex w-full min-w-0 flex-col gap-4", className),
+		...props
+	});
+};
+var QuestionnaireProgress = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Progress, {
+		"data-slot": "questionnaire-progress",
+		className: cn("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", className),
+		...props
+	});
+};
+var QuestionnaireItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Item, {
+		"data-slot": "questionnaire-item",
+		className: cn("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", className),
+		...props
+	});
+};
+var QuestionnaireTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Title, {
+		"data-slot": "questionnaire-title",
+		className: cn("font-heading text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", className),
+		...props
+	});
+};
+var QuestionnaireDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Description, {
+		"data-slot": "questionnaire-description",
+		className: cn("text-sm text-pretty text-muted-foreground", className),
+		...props
+	});
+};
+var QuestionnaireChoices = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Choices, {
+		"data-slot": "questionnaire-choices",
+		className: cn("group/questionnaire-choices grid min-w-0 gap-2", className),
+		...props
+	});
+};
+var QuestionnaireChoice = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsxs(Questionnaire.Choice, {
+		"data-slot": "questionnaire-choice",
+		className: cn("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Questionnaire.ChoiceInput, {
+				"data-slot": "questionnaire-choice-input",
+				className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				"aria-hidden": "true",
+				"data-slot": "questionnaire-choice-indicator",
+				className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-slot": "questionnaire-choice-indicator-dot",
+					className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				}), /* @__PURE__ */ jsx(IconCheck, {
+					"data-slot": "questionnaire-choice-indicator-check",
+					className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Questionnaire.ChoiceLabel, {
+				"data-slot": "questionnaire-choice-label",
+				className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
+				children
+			}),
+			/* @__PURE__ */ jsx(Questionnaire.ChoiceShortcut, {
+				"data-slot": "questionnaire-choice-shortcut",
+				className: "pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex"
+			})
+		]
+	});
+};
+var QuestionnaireChoiceDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "questionnaire-choice-description",
+		className: cn("text-muted-foreground", className),
+		...props
+	});
+};
+var QuestionnaireInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "questionnaire-input-wrapper",
+		className: "group/questionnaire-input relative w-full min-w-0",
+		children: /* @__PURE__ */ jsx(Questionnaire.Input, {
+			"data-slot": "questionnaire-input",
+			className: cn("h-8 min-h-11 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", className),
+			...props
+		})
+	});
+};
+var QuestionnaireError = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Error, {
+		"data-slot": "questionnaire-error",
+		className: cn("mt-2 text-sm text-destructive", className),
+		...props
+	});
+};
+var QuestionnaireActions = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "questionnaire-actions",
+		className: cn("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", className),
+		...props
+	});
+};
+var QuestionnairePrevious = ({ children, className, size = "default", variant = "outline", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Previous, {
+		"data-slot": "questionnaire-previous",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0", className),
+		...props,
+		children: children ?? "Previous"
+	});
+};
+var QuestionnaireSkip = ({ children, className, size = "default", variant = "outline", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Skip, {
+		"data-slot": "questionnaire-skip",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Skip"
+	});
+};
+var QuestionnaireNext = ({ children, className, size = "default", variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Next, {
+		"data-slot": "questionnaire-next",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Next"
+	});
+};
+var QuestionnaireSubmit = ({ children, className, size = "default", variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(Questionnaire.Submit, {
+		"data-slot": "questionnaire-submit",
+		"data-size": size,
+		"data-variant": variant,
+		className: cn(buttonVariants({
+			size,
+			variant
+		}), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className),
+		...props,
+		children: children ?? "Submit"
+	});
+};
+//#endregion
+export { Questionnaire$1 as Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle };
+
+//# sourceMappingURL=questionnaire.js.map

package/dist/ui/src/components/ui/questionnaire/questionnaire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionnaire.js","names":[],"sources":["../../../../../../../ui/src/components/ui/questionnaire/questionnaire.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@edyn/ui/lib/utils';\nimport { Questionnaire as QuestionnairePrimitive } from '@shadcn/react/questionnaire';\nimport { IconCheck } from '@tabler/icons-react';\nimport type * as React from 'react';\nimport { type Button, buttonVariants } from '../button';\n\nexport const Questionnaire = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Root>) => {\n  return <QuestionnairePrimitive.Root data-slot=\"questionnaire\" className={cn('flex w-full min-w-0 flex-col gap-4', className)} {...props} />;\n};\n\nexport const QuestionnaireProgress = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Progress>) => {\n  return (\n    <QuestionnairePrimitive.Progress\n      data-slot=\"questionnaire-progress\"\n      className={cn('min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums', className)}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnaireItem = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Item>) => {\n  return (\n    <QuestionnairePrimitive.Item\n      data-slot=\"questionnaire-item\"\n      className={cn('flex min-w-0 flex-col gap-4 border-0 p-0 outline-none', className)}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnaireTitle = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Title>) => {\n  return (\n    <QuestionnairePrimitive.Title\n      data-slot=\"questionnaire-title\"\n      className={cn(\n        'font-heading text-base leading-snug font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnaireDescription = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Description>) => {\n  return (\n    <QuestionnairePrimitive.Description\n      data-slot=\"questionnaire-description\"\n      className={cn('text-sm text-pretty text-muted-foreground', className)}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnaireChoices = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choices>) => {\n  return (\n    <QuestionnairePrimitive.Choices\n      data-slot=\"questionnaire-choices\"\n      className={cn('group/questionnaire-choices grid min-w-0 gap-2', className)}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnaireChoice = ({ children, className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choice>) => {\n  return (\n    <QuestionnairePrimitive.Choice\n      data-slot=\"questionnaire-choice\"\n      className={cn(\n        'group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive dark:bg-input/20 data-checked:border-primary/40 data-checked:bg-muted dark:data-checked:bg-muted',\n        'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <QuestionnairePrimitive.ChoiceInput\n        data-slot=\"questionnaire-choice-input\"\n        className=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"\n      />\n      <span\n        aria-hidden=\"true\"\n        data-slot=\"questionnaire-choice-indicator\"\n        className=\"pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-[4px] border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground dark:bg-input/30 dark:group-data-checked/questionnaire-choice:bg-primary\"\n      >\n        <span\n          data-slot=\"questionnaire-choice-indicator-dot\"\n          className=\"hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n        />\n        <IconCheck\n          data-slot=\"questionnaire-choice-indicator-check\"\n          className=\"hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block\"\n        />\n      </span>\n      <QuestionnairePrimitive.ChoiceLabel data-slot=\"questionnaire-choice-label\" className=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\">\n        {children}\n      </QuestionnairePrimitive.ChoiceLabel>\n      <QuestionnairePrimitive.ChoiceShortcut\n        data-slot=\"questionnaire-choice-shortcut\"\n        className=\"pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex\"\n      />\n    </QuestionnairePrimitive.Choice>\n  );\n};\n\nexport const QuestionnaireChoiceDescription = ({ className, ...props }: React.ComponentProps<'span'>) => {\n  return <span data-slot=\"questionnaire-choice-description\" className={cn('text-muted-foreground', className)} {...props} />;\n};\n\nexport const QuestionnaireInput = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Input>) => {\n  return (\n    <div data-slot=\"questionnaire-input-wrapper\" className=\"group/questionnaire-input relative w-full min-w-0\">\n      <QuestionnairePrimitive.Input\n        data-slot=\"questionnaire-input\"\n        className={cn(\n          'h-8 min-h-11 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40',\n          'selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport const QuestionnaireError = ({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Error>) => {\n  return <QuestionnairePrimitive.Error data-slot=\"questionnaire-error\" className={cn('mt-2 text-sm text-destructive', className)} {...props} />;\n};\n\nexport const QuestionnaireActions = ({ className, ...props }: React.ComponentProps<'div'>) => {\n  return (\n    <div\n      data-slot=\"questionnaire-actions\"\n      className={cn('grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8', className)}\n      {...props}\n    />\n  );\n};\n\nexport const QuestionnairePrevious = ({\n  children,\n  className,\n  size = 'default',\n  variant = 'outline',\n  ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) => {\n  return (\n    <QuestionnairePrimitive.Previous\n      data-slot=\"questionnaire-previous\"\n      data-size={size}\n      data-variant={variant}\n      className={cn(buttonVariants({ size, variant }), 'col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0', className)}\n      {...props}\n    >\n      {children ?? 'Previous'}\n    </QuestionnairePrimitive.Previous>\n  );\n};\n\nexport const QuestionnaireSkip = ({\n  children,\n  className,\n  size = 'default',\n  variant = 'outline',\n  ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) => {\n  return (\n    <QuestionnairePrimitive.Skip\n      data-slot=\"questionnaire-skip\"\n      data-size={size}\n      data-variant={variant}\n      className={cn(buttonVariants({ size, variant }), 'col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0', className)}\n      {...props}\n    >\n      {children ?? 'Skip'}\n    </QuestionnairePrimitive.Skip>\n  );\n};\n\nexport const QuestionnaireNext = ({\n  children,\n  className,\n  size = 'default',\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) => {\n  return (\n    <QuestionnairePrimitive.Next\n      data-slot=\"questionnaire-next\"\n      data-size={size}\n      data-variant={variant}\n      className={cn(buttonVariants({ size, variant }), 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0', className)}\n      {...props}\n    >\n      {children ?? 'Next'}\n    </QuestionnairePrimitive.Next>\n  );\n};\n\nexport const QuestionnaireSubmit = ({\n  children,\n  className,\n  size = 'default',\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<React.ComponentProps<typeof Button>, 'size' | 'variant'>) => {\n  return (\n    <QuestionnairePrimitive.Submit\n      data-slot=\"questionnaire-submit\"\n      data-size={size}\n      data-variant={variant}\n      className={cn(buttonVariants({ size, variant }), 'col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0', className)}\n      {...props}\n    >\n      {children ?? 'Submit'}\n    </QuestionnairePrimitive.Submit>\n  );\n};\n"],"mappings":"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"}

package/dist/ui/src/components/ui/radio-group/radio-group.js

@@ -0,0 +1,29 @@
+import { cn } from "../../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region ../ui/src/components/ui/radio-group/radio-group.tsx
+var RadioGroup$1 = ({ className, orientation = "vertical", ...props }) => {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		"data-slot": "radio-group",
+		"data-orientation": orientation,
+		"aria-orientation": orientation,
+		className: cn("grid w-full gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:items-center", className),
+		...props
+	});
+};
+var RadioGroupItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		"data-slot": "radio-group-item",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-full border border-input transition-colors outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Radio.Indicator, {
+			"data-slot": "radio-group-item-indicator",
+			className: "flex size-2 shrink-0 rounded-full bg-primary transition-none"
+		})
+	});
+};
+//#endregion
+export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+
+//# sourceMappingURL=radio-group.js.map

package/dist/ui/src/components/ui/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":[],"sources":["../../../../../../../ui/src/components/ui/radio-group/radio-group.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\n\nimport { cn } from '@edyn/ui/lib/utils';\n\nexport interface IRadioGroupProps extends RadioGroupPrimitive.Props {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport const RadioGroup = ({ className, orientation = 'vertical', ...props }: IRadioGroupProps) => {\n  return (\n    <RadioGroupPrimitive\n      data-slot=\"radio-group\"\n      data-orientation={orientation}\n      aria-orientation={orientation}\n      className={cn('grid w-full gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:items-center', className)}\n      {...props}\n    />\n  );\n};\n\nexport interface IRadioGroupItemProps extends Radio.Root.Props {\n  className?: string;\n}\n\nexport const RadioGroupItem = ({ className, ...props }: IRadioGroupItemProps) => {\n  return (\n    <Radio.Root\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'peer relative flex size-4 shrink-0 items-center justify-center rounded-full border border-input transition-colors outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40',\n        className,\n      )}\n      {...props}\n    >\n      <Radio.Indicator data-slot=\"radio-group-item-indicator\" className=\"flex size-2 shrink-0 rounded-full bg-primary transition-none\" />\n    </Radio.Root>\n  );\n};\n"],"mappings":";;;;;AASA,IAAa,gBAAc,EAAE,WAAW,cAAc,YAAY,GAAG,YAA8B;CACjG,OACE,oBAAC,YAAD;EACE,aAAU;EACV,oBAAkB;EAClB,oBAAkB;EAClB,WAAW,GAAG,mGAAmG,SAAS;EAC1H,GAAI;CACL,CAAA;AAEL;AAMA,IAAa,kBAAkB,EAAE,WAAW,GAAG,YAAkC;CAC/E,OACE,oBAAC,MAAM,MAAP;EACE,aAAU;EACV,WAAW,GACT,mcACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,MAAM,WAAP;GAAiB,aAAU;GAA6B,WAAU;EAAgE,CAAA;CACxH,CAAA;AAEhB"}

package/dist/ui/src/components/ui/resizable/resizable.js

@@ -0,0 +1,29 @@
+import { cn } from "../../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import * as ResizablePrimitive from "react-resizable-panels";
+//#region ../ui/src/components/ui/resizable/resizable.tsx
+var ResizablePanelGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
+		"data-slot": "resizable-panel-group",
+		className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
+		...props
+	});
+};
+var ResizablePanel = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
+		"data-slot": "resizable-panel",
+		...props
+	});
+};
+var ResizableHandle = ({ withHandle, className, ...props }) => {
+	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
+		"data-slot": "resizable-handle",
+		className: cn("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className),
+		...props,
+		children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+	});
+};
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+
+//# sourceMappingURL=resizable.js.map

package/dist/ui/src/components/ui/resizable/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":[],"sources":["../../../../../../../ui/src/components/ui/resizable/resizable.tsx"],"sourcesContent":["import { cn } from '@edyn/ui/lib/utils';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nexport const ResizablePanelGroup = ({ className, ...props }: ResizablePrimitive.GroupProps) => {\n  return (\n    <ResizablePrimitive.Group\n      data-slot=\"resizable-panel-group\"\n      className={cn('flex h-full w-full aria-[orientation=vertical]:flex-col', className)}\n      {...props}\n    />\n  );\n};\n\nexport const ResizablePanel = ({ ...props }: ResizablePrimitive.PanelProps) => {\n  return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n};\n\nexport const ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: ResizablePrimitive.SeparatorProps & {\n  withHandle?: boolean;\n}) => {\n  return (\n    <ResizablePrimitive.Separator\n      data-slot=\"resizable-handle\"\n      className={cn(\n        'relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n        className,\n      )}\n      {...props}\n    >\n      {withHandle && <div className=\"z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border\" />}\n    </ResizablePrimitive.Separator>\n  );\n};\n"],"mappings":";;;;AAGA,IAAa,uBAAuB,EAAE,WAAW,GAAG,YAA2C;CAC7F,OACE,oBAAC,mBAAmB,OAApB;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;CACL,CAAA;AAEL;AAEA,IAAa,kBAAkB,EAAE,GAAG,YAA2C;CAC7E,OAAO,oBAAC,mBAAmB,OAApB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,IAAa,mBAAmB,EAC9B,YACA,WACA,GAAG,YAGC;CACJ,OACE,oBAAC,mBAAmB,WAApB;EACE,aAAU;EACV,WAAW,GACT,wkBACA,SACF;EACA,GAAI;EAEH,UAAA,cAAc,oBAAC,OAAD,EAAK,WAAU,kDAAmD,CAAA;CACrD,CAAA;AAElC"}

package/dist/ui/src/components/ui/scroll-area/scroll-area.js

@@ -0,0 +1,119 @@
+import { cn } from "../../../lib/utils.js";
+import { useMergedRefs } from "../../../hooks/use-merged-refs.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region ../ui/src/components/ui/scroll-area/scroll-area.tsx
+var ScrollBar = ({ className, orientation = "vertical", visibility = "hover", ...props }) => {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		className: cn("peer/scrollbar z-100 flex touch-none select-none motion-safe:transition-opacity motion-safe:duration-150", orientation === "vertical" && "h-(--scroll-bar-length) w-(--scroll-bar-size) me-(--scroll-bar-gap) mt-(--scroll-bar-offset-top) border-l border-l-transparent p-px", orientation === "horizontal" && "h-(--scroll-bar-size) ms-(--scroll-bar-gap) me-(--scroll-bar-gap) mb-(--scroll-bar-gap) flex-col border-t border-t-transparent p-px", visibility !== "always" && "opacity-0 data-scrolling:opacity-100", visibility === "hover" && "data-hovering:opacity-100 group-hover/scroll-area:opacity-100", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-muted-foreground/50 transition-colors hover:bg-muted-foreground/70 data-scrolling:bg-muted-foreground/70" })
+	});
+};
+/**
+* Which axes fade, published for scroll-fade.css to key its mask off. The
+* stylesheet reaches this element's own viewport through a child combinator, so a
+* ScrollArea nested in another one cannot pick up its ancestor's edges.
+*/
+/**
+* Base UI gives the root, the viewport and the content `role="presentation"`. On
+* a div that changes nothing for a screen reader, but it is an EXPLICIT role, and
+* axe treats explicit presentation children as foreign to a parent that owns
+* required children. A ScrollArea inside `role="menu"` or `role="listbox"` then
+* fails as a critical aria-required-children violation, while the same div with
+* no role passes straight through. Clearing it is what makes a ScrollArea legal
+* in a popup list. A spread because the literal `role={undefined}` is flagged by
+* the a11y lint rule, which cannot tell it from an invalid role.
+*/
+var NO_ROLE = { role: void 0 };
+/** Base UI makes the viewport a tab stop (0, or -1 with nothing to scroll); undefined takes that away. */
+var NO_TAB_STOP = { tabIndex: void 0 };
+var FADE_AXIS = {
+	vertical: "block",
+	horizontal: "inline",
+	both: "both"
+};
+/**
+* Themed scroll container (Base UI): overflowing content scrolls INSIDE the component
+* with a slim overlay scrollbar instead of exposing a native browser scrollbar. House
+* rule: wide/tall content (tables, lists, code) always goes through this, never a bare
+* overflow-* utility.
+*
+* Cap the height with a plain class on the component itself, e.g.
+* `<ScrollArea className="max-h-88">`. The viewport picks the cap up through
+* `max-h-inherit`, which matters because the viewport is the element that actually
+* scrolls: a cap that lands only on the root leaves tall content spilling out
+* underneath with no scrollbar, and that reads as a working height right up until the
+* content outgrows it.
+*
+* `fade` fades out each edge that is currently hiding content, rather than always
+* fading one: a permanent fade is a lie half the time, dimming the last row that fits
+* and promising more below when the reader is already at the end. It is cut into the
+* content by a mask (@edyn/theme/scroll-fade.css), so it needs no surface colour and
+* reads correctly over a tint, a gradient or a glow. A host that keeps something
+* unscrolled at the top, such as a sticky table header, exempts that band by setting
+* --scroll-fade-offset on the ScrollArea. The static faded-* utilities in
+* @edyn/theme/utilities.css are the other tool, for DECORATIVE edges that do not
+* track scroll position.
+*
+* The viewport publishes its size as --scroll-area-width/--scroll-area-height CSS vars
+* so children can size against the visible area.
+*/
+var ScrollArea$1 = ({ className, children, orientation = "vertical", type = "hover", fade = false, fadeFrom = "card", scrollbarClassName, viewportId, viewportRef, viewportClassName, scrollRestorationId, focusable = true, viewPortId, viewPortRef, viewPortClassName, scrollVerticalClassName, scrollHorizontalClassName, ...props }) => {
+	const refInner = useRef(null);
+	const refsViewport = useMergedRefs(refInner, viewportRef ?? viewPortRef);
+	useEffect(() => {
+		const el = refInner.current;
+		if (!el) return;
+		const observer = new ResizeObserver(() => {
+			el.style.setProperty("--scroll-area-width", `${el.clientWidth}px`);
+			el.style.setProperty("--scroll-area-height", `${el.clientHeight}px`);
+		});
+		observer.observe(el);
+		return () => {
+			observer.disconnect();
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		"data-focus": "inset",
+		className: cn("group/scroll-area relative grid min-w-0 grid-rows-1 overflow-hidden", className),
+		"data-fade": fade ? FADE_AXIS[orientation] : void 0,
+		...NO_ROLE,
+		...props,
+		children: [
+			(orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
+				orientation: "vertical",
+				visibility: type,
+				className: cn(scrollbarClassName, scrollVerticalClassName)
+			}),
+			(orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
+				orientation: "horizontal",
+				visibility: type,
+				className: cn(scrollbarClassName, scrollHorizontalClassName)
+			}),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, {}),
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				id: viewportId ?? viewPortId,
+				ref: refsViewport,
+				"data-scroll-restoration-id": scrollRestorationId,
+				...NO_ROLE,
+				...focusable ? null : NO_TAB_STOP,
+				className: cn("max-h-inherit w-full rounded-[inherit]", orientation === "vertical" && "overflow-x-hidden!", orientation === "horizontal" && "overflow-y-hidden!", viewportClassName ?? viewPortClassName),
+				children: /* @__PURE__ */ jsx(ScrollArea.Content, {
+					...NO_ROLE,
+					style: orientation === "vertical" ? { minWidth: 0 } : void 0,
+					children
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/ui/src/components/ui/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../../../../../ui/src/components/ui/scroll-area/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';\nimport { useMergedRefs } from '@edyn/ui/hooks/use-merged-refs';\nimport { cn } from '@edyn/ui/lib/utils';\nimport { type ComponentProps, type RefObject, useEffect, useRef } from 'react';\n\n/**\n * When the bar shows: 'hover' on area hover or while scrolling (default),\n * 'scroll' only while scrolling, 'always' permanent. In every mode the bar is\n * mounted only while that axis actually overflows, so 'always' means \"always\n * when there is something to scroll\", never a bar on a list that fits.\n */\nexport type TScrollbarVisibility = 'hover' | 'scroll' | 'always';\n\n/**\n * Surface the edge fades blended into, back when they were painted.\n *\n * @deprecated The fades are cut into the content by a mask, so they match any\n * surface without being told which one. Still accepted, and ignored.\n */\nexport type TScrollAreaFadeFrom = 'card' | 'background' | 'sidebar' | 'popover';\n\nexport interface IScrollBarProps extends ComponentProps<typeof BaseScrollArea.Scrollbar> {\n  visibility?: TScrollbarVisibility;\n}\n\nexport const ScrollBar = ({ className, orientation = 'vertical', visibility = 'hover', ...props }: IScrollBarProps) => {\n  return (\n    <BaseScrollArea.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'peer/scrollbar z-100 flex touch-none select-none motion-safe:transition-opacity motion-safe:duration-150',\n        // Size, gap and start read --scroll-bar-size, --scroll-bar-gap and --scroll-bar-start (see scroll-bar.css), whose\n        // defaults are the 8px bar flush with the box that it has always been.\n        orientation === 'vertical' &&\n          'h-(--scroll-bar-length) w-(--scroll-bar-size) me-(--scroll-bar-gap) mt-(--scroll-bar-offset-top) border-l border-l-transparent p-px',\n        orientation === 'horizontal' &&\n          'h-(--scroll-bar-size) ms-(--scroll-bar-gap) me-(--scroll-bar-gap) mb-(--scroll-bar-gap) flex-col border-t border-t-transparent p-px',\n        visibility !== 'always' && 'opacity-0 data-scrolling:opacity-100',\n        visibility === 'hover' && 'data-hovering:opacity-100 group-hover/scroll-area:opacity-100',\n        className,\n      )}\n      {...props}\n    >\n      <BaseScrollArea.Thumb className=\"relative flex-1 rounded-full bg-muted-foreground/50 transition-colors hover:bg-muted-foreground/70 data-scrolling:bg-muted-foreground/70\" />\n    </BaseScrollArea.Scrollbar>\n  );\n};\n\nexport interface IScrollAreaProps extends ComponentProps<typeof BaseScrollArea.Root> {\n  /** Which axes get a styled scrollbar; content decides what actually overflows. */\n  orientation?: 'horizontal' | 'vertical' | 'both';\n  /** Scrollbar reveal behavior (mirrors the Radix ScrollArea `type` prop). */\n  type?: TScrollbarVisibility;\n  /** Edge fades hinting at clipped content; each one shows only while its own edge hides something. */\n  fade?: boolean;\n  /**\n   * @deprecated No longer read. The fades mask the content, so they sit correctly\n   * on any surface; passing this does nothing and is safe to delete.\n   */\n  fadeFrom?: TScrollAreaFadeFrom;\n  /** Places both bars, for a host that gives them a gutter of their own (a sidebar menu). */\n  scrollbarClassName?: string;\n  viewportId?: string;\n  /** Access to the scrollable viewport (e.g. to reset scroll position on route changes). */\n  viewportRef?: RefObject<HTMLDivElement | null>;\n  viewportClassName?: string;\n  /** Published on the viewport as data-scroll-restoration-id, for a router that restores scroll position. */\n  scrollRestorationId?: string;\n  /**\n   * Whether the viewport is a tab stop of its own (default). Turn it off inside a\n   * widget that already owns focus, a menu above all: its items are the tab\n   * stops, and a focusable wrapper between the role and its items is both\n   * redundant and an aria-required-children violation.\n   */\n  focusable?: boolean;\n  /** @deprecated Use `viewportId`. */\n  viewPortId?: string;\n  /** @deprecated Use `viewportRef`. */\n  viewPortRef?: RefObject<HTMLDivElement | null>;\n  /** @deprecated Use `viewportClassName`. */\n  viewPortClassName?: string;\n  /** Places the vertical bar only; `scrollbarClassName` covers both. */\n  scrollVerticalClassName?: string;\n  /** Places the horizontal bar only; `scrollbarClassName` covers both. */\n  scrollHorizontalClassName?: string;\n}\n\n/**\n * Which axes fade, published for scroll-fade.css to key its mask off. The\n * stylesheet reaches this element's own viewport through a child combinator, so a\n * ScrollArea nested in another one cannot pick up its ancestor's edges.\n */\n/**\n * Base UI gives the root, the viewport and the content `role=\"presentation\"`. On\n * a div that changes nothing for a screen reader, but it is an EXPLICIT role, and\n * axe treats explicit presentation children as foreign to a parent that owns\n * required children. A ScrollArea inside `role=\"menu\"` or `role=\"listbox\"` then\n * fails as a critical aria-required-children violation, while the same div with\n * no role passes straight through. Clearing it is what makes a ScrollArea legal\n * in a popup list. A spread because the literal `role={undefined}` is flagged by\n * the a11y lint rule, which cannot tell it from an invalid role.\n */\nconst NO_ROLE = { role: undefined } as const;\n\n/** Base UI makes the viewport a tab stop (0, or -1 with nothing to scroll); undefined takes that away. */\nconst NO_TAB_STOP = { tabIndex: undefined } as const;\n\nconst FADE_AXIS = {\n  vertical: 'block',\n  horizontal: 'inline',\n  both: 'both',\n} as const;\n\n/**\n * Themed scroll container (Base UI): overflowing content scrolls INSIDE the component\n * with a slim overlay scrollbar instead of exposing a native browser scrollbar. House\n * rule: wide/tall content (tables, lists, code) always goes through this, never a bare\n * overflow-* utility.\n *\n * Cap the height with a plain class on the component itself, e.g.\n * `<ScrollArea className=\"max-h-88\">`. The viewport picks the cap up through\n * `max-h-inherit`, which matters because the viewport is the element that actually\n * scrolls: a cap that lands only on the root leaves tall content spilling out\n * underneath with no scrollbar, and that reads as a working height right up until the\n * content outgrows it.\n *\n * `fade` fades out each edge that is currently hiding content, rather than always\n * fading one: a permanent fade is a lie half the time, dimming the last row that fits\n * and promising more below when the reader is already at the end. It is cut into the\n * content by a mask (@edyn/theme/scroll-fade.css), so it needs no surface colour and\n * reads correctly over a tint, a gradient or a glow. A host that keeps something\n * unscrolled at the top, such as a sticky table header, exempts that band by setting\n * --scroll-fade-offset on the ScrollArea. The static faded-* utilities in\n * @edyn/theme/utilities.css are the other tool, for DECORATIVE edges that do not\n * track scroll position.\n *\n * The viewport publishes its size as --scroll-area-width/--scroll-area-height CSS vars\n * so children can size against the visible area.\n */\nexport const ScrollArea = ({\n  className,\n  children,\n  orientation = 'vertical',\n  type = 'hover',\n  fade = false,\n  fadeFrom = 'card',\n  scrollbarClassName,\n  viewportId,\n  viewportRef,\n  viewportClassName,\n  scrollRestorationId,\n  focusable = true,\n  viewPortId,\n  viewPortRef,\n  viewPortClassName,\n  scrollVerticalClassName,\n  scrollHorizontalClassName,\n  ...props\n}: IScrollAreaProps) => {\n  const refInner = useRef<HTMLDivElement | null>(null);\n  // The viewPort* spellings are the pre-rc.4 names, kept so existing callers\n  // keep working; the viewport* ones match the rest of the ecosystem.\n  const refsViewport = useMergedRefs(refInner, viewportRef ?? viewPortRef);\n\n  useEffect(() => {\n    const el = refInner.current;\n    if (!el) {\n      return;\n    }\n    const observer = new ResizeObserver(() => {\n      el.style.setProperty('--scroll-area-width', `${el.clientWidth}px`);\n      el.style.setProperty('--scroll-area-height', `${el.clientHeight}px`);\n    });\n    observer.observe(el);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  return (\n    <BaseScrollArea.Root\n      data-slot=\"scroll-area\"\n      // Everything inside clips at this box, so a focus ring drawn outside an\n      // element at the edge would be cut off; see @edyn/theme/focus.css.\n      data-focus=\"inset\"\n      // The single-row grid is load-bearing rather than tidying. `h-full` on the viewport\n      // cannot be trusted to size it: a percentage height only resolves against a definite\n      // containing block, and a host that sizes this by flex inside a max-height column\n      // (`min-h-0 flex-1`) is not definite, so the viewport fell back to auto and grew to\n      // its content instead of scrolling. A grid item stretches to its track, and the track\n      // is sized from the root's used height, which flex has already settled. `grid-rows-1`\n      // is `repeat(1, minmax(0, 1fr))`: one track that may shrink below its content.\n      className={cn('group/scroll-area relative grid min-w-0 grid-rows-1 overflow-hidden', className)}\n      data-fade={fade ? FADE_AXIS[orientation] : undefined}\n      {...NO_ROLE}\n      {...props}\n    >\n      {(orientation === 'vertical' || orientation === 'both') && (\n        <ScrollBar orientation=\"vertical\" visibility={type} className={cn(scrollbarClassName, scrollVerticalClassName)} />\n      )}\n      {(orientation === 'horizontal' || orientation === 'both') && (\n        <ScrollBar orientation=\"horizontal\" visibility={type} className={cn(scrollbarClassName, scrollHorizontalClassName)} />\n      )}\n      <BaseScrollArea.Corner />\n      <BaseScrollArea.Viewport\n        data-slot=\"scroll-area-viewport\"\n        id={viewportId ?? viewPortId}\n        ref={refsViewport}\n        data-scroll-restoration-id={scrollRestorationId}\n        {...NO_ROLE}\n        {...(focusable ? null : NO_TAB_STOP)}\n        // One axis means one axis. Base UI leaves both axes scrollable, so a\n        // vertical list could still be dragged sideways, and anything that put a\n        // row in view (focus moving, scrollIntoView with inline: nearest) slid\n        // the whole list across. The clamp is marked important because Base UI\n        // sets the viewport's overflow itself.\n        className={cn(\n          'max-h-inherit w-full rounded-[inherit]',\n          orientation === 'vertical' && 'overflow-x-hidden!',\n          orientation === 'horizontal' && 'overflow-y-hidden!',\n          viewportClassName ?? viewPortClassName,\n        )}\n      >\n        {/* Content is NOT optional: it carries the ResizeObserver that recomputes the\n            thumb when the CONTENT resizes without the viewport resizing (e.g. a route\n            swap to a shorter page). Without it the thumb keeps the previous page's\n            geometry and a fully-visible page still shows a scrollbar.\n\n            A vertical scroller also pins its content to the viewport's width, so a\n            long label truncates instead of widening the list and inventing a\n            horizontal scroll. Base UI sets min-width: fit-content inline, which is\n            what makes that happen and why this is an inline style too. */}\n        <BaseScrollArea.Content {...NO_ROLE} style={orientation === 'vertical' ? { minWidth: 0 } : undefined}>\n          {children}\n        </BaseScrollArea.Content>\n      </BaseScrollArea.Viewport>\n    </BaseScrollArea.Root>\n  );\n};\n"],"mappings":";;;;;;AAyBA,IAAa,aAAa,EAAE,WAAW,cAAc,YAAY,aAAa,SAAS,GAAG,YAA6B;CACrH,OACE,oBAAC,WAAe,WAAhB;EACE,aAAU;EACG;EACb,WAAW,GACT,4GAGA,gBAAgB,cACd,uIACF,gBAAgB,gBACd,uIACF,eAAe,YAAY,wCAC3B,eAAe,WAAW,iEAC1B,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,WAAe,OAAhB,EAAsB,WAAU,2IAA4I,CAAA;CACpJ,CAAA;AAE9B;;;;;;;;;;;;;;;;AAwDA,IAAM,UAAU,EAAE,MAAM,KAAA,EAAU;;AAGlC,IAAM,cAAc,EAAE,UAAU,KAAA,EAAU;AAE1C,IAAM,YAAY;CAChB,UAAU;CACV,YAAY;CACZ,MAAM;AACR;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAa,gBAAc,EACzB,WACA,UACA,cAAc,YACd,OAAO,SACP,OAAO,OACP,WAAW,QACX,oBACA,YACA,aACA,mBACA,qBACA,YAAY,MACZ,YACA,aACA,mBACA,yBACA,2BACA,GAAG,YACmB;CACtB,MAAM,WAAW,OAA8B,IAAI;CAGnD,MAAM,eAAe,cAAc,UAAU,eAAe,WAAW;CAEvE,gBAAgB;EACd,MAAM,KAAK,SAAS;EACpB,IAAI,CAAC,IACH;EAEF,MAAM,WAAW,IAAI,qBAAqB;GACxC,GAAG,MAAM,YAAY,uBAAuB,GAAG,GAAG,YAAY,GAAG;GACjE,GAAG,MAAM,YAAY,wBAAwB,GAAG,GAAG,aAAa,GAAG;EACrE,CAAC;EACD,SAAS,QAAQ,EAAE;EACnB,aAAa;GACX,SAAS,WAAW;EACtB;CACF,GAAG,CAAC,CAAC;CAEL,OACE,qBAAC,WAAe,MAAhB;EACE,aAAU;EAGV,cAAW;EAQX,WAAW,GAAG,uEAAuE,SAAS;EAC9F,aAAW,OAAO,UAAU,eAAe,KAAA;EAC3C,GAAI;EACJ,GAAI;EAfN,UAAA;IAiBI,gBAAgB,cAAc,gBAAgB,WAC9C,oBAAC,WAAD;IAAW,aAAY;IAAW,YAAY;IAAM,WAAW,GAAG,oBAAoB,uBAAuB;GAAI,CAAA;IAEjH,gBAAgB,gBAAgB,gBAAgB,WAChD,oBAAC,WAAD;IAAW,aAAY;IAAa,YAAY;IAAM,WAAW,GAAG,oBAAoB,yBAAyB;GAAI,CAAA;GAEvH,oBAAC,WAAe,QAAhB,CAAwB,CAAA;GACxB,oBAAC,WAAe,UAAhB;IACE,aAAU;IACV,IAAI,cAAc;IAClB,KAAK;IACL,8BAA4B;IAC5B,GAAI;IACJ,GAAK,YAAY,OAAO;IAMxB,WAAW,GACT,0CACA,gBAAgB,cAAc,sBAC9B,gBAAgB,gBAAgB,sBAChC,qBAAqB,iBACvB;IAWA,UAAA,oBAAC,WAAe,SAAhB;KAAwB,GAAI;KAAS,OAAO,gBAAgB,aAAa,EAAE,UAAU,EAAE,IAAI,KAAA;KACxF;IACqB,CAAA;GACD,CAAA;EACN;;AAEzB"}