@exsto/ds 0.0.1-rc.2 → 0.0.1-rc.4

package/README.md

@@ -38,14 +38,28 @@ markup, import the token layer as well and let your Tailwind build generate the
 whole vocabulary:
 
 ```css
+@import "@exsto/ds/styles.css";
 @import "tailwindcss";
 @import "@exsto/ds/theme.css";
-@import "@exsto/ds/styles.css";
 ```
 
-`theme.css` is uncompiled on purpose: it carries the tokens, the `.dark` scope
-and the `@theme` mapping Tailwind needs to turn them into utilities. Do not copy
-that block into your app, or it will drift from the design system.
+**The order matters, and `styles.css` has to come first.** It is a compiled
+Tailwind build, so its utilities land in the same cascade layer as yours, and at
+equal specificity the later rule wins. Import it after your Tailwind entry and
+its unconditional `.hidden` beats your `.md:table-cell`: responsive columns
+vanish, widths collapse. Library CSS before app CSS, as with any CSS dependency.
+
+Nothing else is needed. `theme.css` also points your build at the components'
+shipped code, so your build emits their classes too, each responsive variant
+after its own base. That is what keeps a design system class such as the
+sidebar's `hidden md:block` working when your own markup uses `hidden` as well:
+one build decides the order for both sides. Earlier releases needed a
+`@source` line in the app to get this, and that line can be removed.
+
+`theme.css` is uncompiled on purpose. It carries the tokens, the `.dark` scope,
+the brand layer (Inter, `text-2xs`) and the `@theme` mapping Tailwind needs to
+turn them into utilities. Do not copy that block into your app, or it will drift
+from the design system.
 
 Without it some token utilities still work, because our components happen to use
 them, but the coverage is incidental: roughly half of `bg-*` and nearly every
@@ -89,7 +103,7 @@ supply your own sheet. Calling it more than once is harmless.
 |---|---|
 | `@exsto/ds` | React components (the default) |
 | `@exsto/ds/styles.css` | Precompiled tokens and component styles |
-| `@exsto/ds/theme.css` | Uncompiled tokens plus the Tailwind `@theme` mapping |
+| `@exsto/ds/theme.css` | Uncompiled tokens, brand layer, and the Tailwind `@theme` mapping |
 | `@exsto/ds/elements` | `<edx-*>` custom elements and `registerElements()` |
 
 ## Status

package/dist/chunks/{toggle-group-ByNq8g7H.js → toggle-group-CTTjTe-K.js}

@@ -18,6 +18,7 @@ import * as RechartsPrimitive from "recharts";
 import { Checkbox } from "@base-ui/react/checkbox";
 import { Collapsible } from "@base-ui/react/collapsible";
 import { Combobox } from "@base-ui/react/combobox";
+import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Command } from "cmdk";
 import { Dialog } from "@base-ui/react/dialog";
 import { Input } from "@base-ui/react/input";
@@ -37,7 +38,6 @@ import { Questionnaire } from "@shadcn/react/questionnaire";
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Select } from "@base-ui/react/select";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { Switch } from "@base-ui/react/switch";
@@ -1495,6 +1495,126 @@ var CollapsibleContent = ({ ...props }) => {
 	});
 };
 //#endregion
+//#region ../ui/src/hooks/use-merged-refs.ts
+var assignRef = (ref, value) => {
+	if (typeof ref === "function") ref(value);
+	else if (ref !== null) ref.current = value;
+};
+var mergeRefs = (...refs) => {
+	return (node) => {
+		for (const ref of refs) if (ref) assignRef(ref, node);
+	};
+};
+var useMergedRefs = (...refs) => {
+	return useCallback(mergeRefs(...refs), [...refs]);
+};
+//#endregion
+//#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-full w-2 border-l border-l-transparent p-px", orientation === "horizontal" && "h-2 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" })
+	});
+};
+var FADE_FROM = {
+	card: "from-card",
+	background: "from-background",
+	sidebar: "from-sidebar",
+	popover: "from-popover"
+};
+/**
+* Each fade follows one of the overflow flags Base UI keeps on the root, so the
+* reveal is pure CSS: no scroll listener, no measurement, nothing to re-render.
+* The flags are logical (x-start / x-end rather than left / right), which is
+* also what makes the horizontal pair correct under RTL.
+*
+* Below the scrollbar's z-100, so the bar never dissolves into the edge it sits on.
+*/
+var FADE_BASE = "pointer-events-none absolute z-10 opacity-0 to-transparent transition-opacity duration-200 motion-reduce:transition-none";
+var FADE_EDGES = {
+	"y-start": "inset-x-0 top-0 h-8 bg-linear-to-b group-data-overflow-y-start/scroll-area:opacity-100",
+	"y-end": "inset-x-0 bottom-0 h-8 bg-linear-to-t group-data-overflow-y-end/scroll-area:opacity-100",
+	"x-start": "inset-y-0 start-0 w-12 ltr:bg-linear-to-r rtl:bg-linear-to-l group-data-overflow-x-start/scroll-area:opacity-100",
+	"x-end": "inset-y-0 end-0 w-12 ltr:bg-linear-to-l rtl:bg-linear-to-r group-data-overflow-x-end/scroll-area:opacity-100"
+};
+/**
+* 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` draws an edge fade on each side that is currently hiding content, rather than
+* always painting 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. 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, 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();
+		};
+	}, []);
+	const fadeEdges = fade ? [...orientation === "horizontal" ? [] : ["y-start", "y-end"], ...orientation === "vertical" ? [] : ["x-start", "x-end"]] : [];
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: cn("group/scroll-area relative grid min-w-0 grid-rows-1 overflow-hidden", className),
+		...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,
+				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, {
+					style: orientation === "vertical" ? { minWidth: 0 } : void 0,
+					children
+				})
+			}),
+			fadeEdges.map((edge) => /* @__PURE__ */ jsx("div", {
+				"aria-hidden": true,
+				"data-slot": "scroll-area-fade",
+				"data-edge": edge,
+				className: cn(FADE_BASE, FADE_EDGES[edge], FADE_FROM[fadeFrom])
+			}, edge))
+		]
+	});
+};
+//#endregion
 //#region ../ui/src/components/ui/combobox/combobox.tsx
 var Combobox$1 = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(Combobox.Root, {
@@ -1531,10 +1651,16 @@ var ComboboxContent = ({ className, children, empty, portalContainer, ...props }
 				"data-slot": "combobox-content",
 				className: cn("min-w-[var(--anchor-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md outline-none motion-reduce:animate-none 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,
-				children: [/* @__PURE__ */ jsx(ComboboxEmpty, { children: empty }), /* @__PURE__ */ jsx(Combobox.List, {
-					"data-slot": "combobox-list",
-					className: "max-h-60 overflow-y-auto p-1",
-					children
+				children: [/* @__PURE__ */ jsx(ComboboxEmpty, { children: empty }), /* @__PURE__ */ jsx(ScrollArea$1, {
+					type: "always",
+					fade: true,
+					fadeFrom: "popover",
+					className: "max-h-60",
+					children: /* @__PURE__ */ jsx(Combobox.List, {
+						"data-slot": "combobox-list",
+						className: "p-1",
+						children
+					})
 				})]
 			})
 		})
@@ -1770,11 +1896,35 @@ var CommandInput = ({ className, ...props }) => {
 		})
 	});
 };
-var CommandList = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx(Command.List, {
-		"data-slot": "command-list",
-		className: cn("no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
-		...props
+/**
+* The palette's results list. The scroll container is the DS ScrollArea rather
+* than the primitive's own `overflow-y-auto`, because a list of results that
+* continues past the fold with no bar and no fade reads as a complete list. The
+* cap stays overridable: `cn` lets a caller's own `max-h-*` replace the default.
+*
+* The ScrollArea wraps the list from OUTSIDE rather than lining it: cmdk's list
+* carries `role="listbox"`, and a listbox may not contain presentation wrappers
+* (axe flags that as a critical aria-required-children violation). The options
+* have to stay direct children of the element that holds the role.
+*
+* cmdk keeps the active item in view with `scrollIntoView({ block: 'nearest' })`
+* on the item, which acts on the nearest scrollable ancestor, so that keeps
+* working now that the viewport is the one that scrolls. `scroll-py-1` goes on
+* the viewport for the same reason: it is what pads that scroll.
+*/
+var CommandList = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(ScrollArea$1, {
+		type: "always",
+		fade: true,
+		fadeFrom: "popover",
+		className: cn("max-h-72", className),
+		viewPortClassName: "scroll-py-1",
+		children: /* @__PURE__ */ jsx(Command.List, {
+			"data-slot": "command-list",
+			className: "outline-none",
+			...props,
+			children
+		})
 	});
 };
 var CommandEmpty = ({ className, ...props }) => {
@@ -2037,6 +2187,18 @@ var DropdownMenuTrigger = ({ ...props }) => {
 		...props
 	});
 };
+/**
+* The menu scrolls itself, with the browser's own scrollbar, where the popup
+* lists in Command, Select and Combobox scroll inside a DS ScrollArea.
+*
+* That is not an oversight. Base UI puts `role="menu"` on this popup and offers
+* no inner list part to move it onto, and a menu may not contain the
+* presentation wrappers a ScrollArea brings: axe reports it as a critical
+* aria-required-children violation, which is exactly what the palette and the
+* select hit before their scroll container was moved outside the role. Select
+* and Combobox were fixable because their primitives hand the role to a list
+* part (Select.List) and leave the popup as presentation.
+*/
 var DropdownMenuContent = ({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) => {
 	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
 		className: "isolate z-50 outline-none",
@@ -2378,11 +2540,25 @@ var InputOTPSeparator = ({ ...props }) => {
 };
 //#endregion
 //#region ../ui/src/components/ui/separator/separator.tsx
+/**
+* Hairline rule between content, announced as `role="separator"`.
+*
+* The orientation styles are branched in TS rather than written as
+* `data-[orientation=*]:` variants on purpose. A variant carries two
+* selectors' worth of specificity, so it would outrank a plain class passed in
+* by the caller: the sidebar's own `w-auto` lost to `w-full` that way. Branching
+* emits one plain class per axis, which `cn` can dedupe and a caller can
+* override.
+*
+* Vertical uses `self-stretch` instead of `h-full`: a percentage height needs a
+* definite parent, and the usual host is an `items-center` row whose height
+* comes from its content.
+*/
 var Separator$1 = ({ className, orientation = "horizontal", ...props }) => {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "separator",
 		orientation,
-		className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className),
+		className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-px w-full" : "w-px self-stretch", className),
 		...props
 	});
 };
@@ -3266,83 +3442,6 @@ var ResizableHandle = ({ withHandle, className, ...props }) => {
 	});
 };
 //#endregion
-//#region ../ui/src/hooks/use-merged-refs.ts
-var assignRef = (ref, value) => {
-	if (typeof ref === "function") ref(value);
-	else if (ref !== null) ref.current = value;
-};
-var mergeRefs = (...refs) => {
-	return (node) => {
-		for (const ref of refs) if (ref) assignRef(ref, node);
-	};
-};
-var useMergedRefs = (...refs) => {
-	return useCallback(mergeRefs(...refs), [...refs]);
-};
-//#endregion
-//#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-full w-2 border-l border-l-transparent p-px", orientation === "horizontal" && "h-2 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" })
-	});
-};
-/**
-* 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.
-*
-* The viewport publishes its size as --scroll-area-width/--scroll-area-height CSS vars
-* so children can size against the visible area. Edge fades are NOT built in; apply
-* the faded-* utilities from @edyn/theme/utilities.css on the ScrollArea (it is the
-* positioning root) where a fade is wanted.
-*/
-var ScrollArea$1 = ({ className, children, orientation = "vertical", type = "hover", viewPortId, viewPortRef, viewPortClassName, scrollVerticalClassName, scrollHorizontalClassName, ...props }) => {
-	const refInner = useRef(null);
-	const refsViewport = useMergedRefs(refInner, 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",
-		className: cn("group/scroll-area relative overflow-hidden", className),
-		...props,
-		children: [
-			(orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
-				orientation: "vertical",
-				visibility: type,
-				className: scrollVerticalClassName
-			}),
-			(orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, {
-				orientation: "horizontal",
-				visibility: type,
-				className: scrollHorizontalClassName
-			}),
-			/* @__PURE__ */ jsx(ScrollArea.Corner, {}),
-			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
-				"data-slot": "scroll-area-viewport",
-				id: viewPortId,
-				ref: refsViewport,
-				className: cn("h-full w-full rounded-[inherit]", orientation === "vertical" && "overflow-x-hidden", viewPortClassName),
-				children: /* @__PURE__ */ jsx(ScrollArea.Content, { children })
-			})
-		]
-	});
-};
-//#endregion
 //#region ../ui/src/components/ui/select/select.tsx
 var Select$1 = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(Select.Root, {
@@ -3380,7 +3479,16 @@ var SelectContent = ({ className, children, portalContainer, ...props }) => {
 				"data-slot": "select-content",
 				className: cn("z-50 min-w-[var(--anchor-width)] overflow-hidden rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] motion-reduce:animate-none motion-reduce:transition-none data-open:scale-100 data-open:opacity-100 data-closed:scale-95 data-closed:opacity-0 data-open:animate-in data-closed:animate-out data-open:fade-in-0 data-closed:fade-out-0", className),
 				...props,
-				children
+				children: /* @__PURE__ */ jsx(ScrollArea$1, {
+					type: "always",
+					fade: true,
+					fadeFrom: "popover",
+					className: "max-h-(--available-height)",
+					children: /* @__PURE__ */ jsx(Select.List, {
+						"data-slot": "select-list",
+						children
+					})
+				})
 			})
 		})
 	});
@@ -4037,10 +4145,10 @@ var Tabs$1 = ({ value, defaultValue, onValueChange, className, orientation = "ho
 	onValueChange: (next) => {
 		onValueChange?.(String(next));
 	},
-	className: cn("group/tabs flex w-full gap-2 data-horizontal:flex-col", className),
+	className: cn("group/tabs flex w-full gap-2 data-[orientation=horizontal]:flex-col", className),
 	children
 });
-var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", {
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
 	variants: { variant: {
 		default: "bg-muted",
 		line: "gap-1 bg-transparent"
@@ -4056,7 +4164,7 @@ var TabsList = ({ className, variant = "default", children }) => /* @__PURE__ */
 var TabsTrigger = ({ value, disabled, className, children }) => /* @__PURE__ */ jsx(Tabs.Tab, {
 	value,
 	disabled,
-	className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
+	className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", className),
 	children
 });
 var TabsContent = ({ value, keepMounted = false, className, children }) => /* @__PURE__ */ jsx(Tabs.Panel, {
@@ -4235,7 +4343,7 @@ var ToggleGroup$1 = ({ className, variant = "default", size = "default", spacing
 			orientation,
 			"aria-orientation": void 0,
 			style: { gap: `calc(var(--spacing) * ${spacing})` },
-			className: cn("group/toggle-group flex w-fit flex-row items-center rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch", className),
+			className: cn("group/toggle-group flex w-fit flex-row items-center rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
 			...props,
 			children
 		})
@@ -4250,7 +4358,7 @@ var ToggleGroupItem = ({ className, variant, size, ...props }) => {
 		"data-variant": resolvedVariant,
 		"data-size": resolvedSize,
 		"data-spacing": ctx.spacing,
-		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+		className: cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
 			variant: resolvedVariant,
 			size: resolvedSize
 		}), className),
@@ -4258,6 +4366,6 @@ var ToggleGroupItem = ({ className, variant, size, ...props }) => {
 	});
 };
 //#endregion
-export { SidebarProvider as $, AlertDialogAction as $a, ChartContainer as $i, Kbd as $n, DrawerTrigger as $r, PopoverHeader as $t, TableRow as A, BreadcrumbLink as Aa, InputGroupText as Ai, MessageGroup as An, EmptyTitle as Ar, ResizablePanel as At, SidebarGroupLabel as B, AvatarGroupCount as Ba, DialogOverlay as Bi, MenubarRadioGroup as Bn, DropdownMenuSeparator as Br, QuestionnaireError as Bt, Table as C, Bubble as Ca, CommandList as Ci, useMessageScroller as Cn, Button$1 as Co, FieldError as Cr, SelectSeparator as Ct, TableFooter as D, Breadcrumb as Da, InputGroupAddon as Di, MessageAvatar as Dn, EmptyDescription as Dr, ScrollBar as Dt, TableCell as E, BubbleReactions as Ea, InputGroup as Ei, Message as En, EmptyContent as Er, ScrollArea$1 as Et, SidebarContent as F, badgeVariants as Fa, DialogClose as Fi, MenubarGroup as Fn, DropdownMenuItem as Fr, QuestionnaireActions as Ft, SidebarMenuAction as G, AttachmentContent as Ga, ComboboxContent as Gi, MenubarSubContent as Gn, DropdownMenuTrigger as Gr, QuestionnaireProgress as Gt, SidebarInput as H, Attachment as Ha, DialogTitle as Hi, MenubarSeparator as Hn, DropdownMenuSub as Hr, QuestionnaireItem as Ht, SidebarFooter as I, Avatar$1 as Ia, DialogContent as Ii, MenubarItem as In, DropdownMenuLabel as Ir, QuestionnaireChoice as It, SidebarMenuItem as J, AttachmentMedia as Ja, ComboboxItem as Ji, Marker as Jn, DrawerContent as Jr, QuestionnaireTitle as Jt, SidebarMenuBadge as K, AttachmentDescription as Ka, ComboboxEmpty as Ki, MenubarSubTrigger as Kn, Drawer as Kr, QuestionnaireSkip as Kt, SidebarGroup as L, AvatarBadge as La, DialogDescription as Li, MenubarLabel as Ln, DropdownMenuPortal as Lr, QuestionnaireChoiceDescription as Lt, Spinner as M, BreadcrumbPage as Ma, Textarea as Mi, Menubar$1 as Mn, DropdownMenuCheckboxItem as Mr, RadioGroup$1 as Mt, spinnerVariants as N, BreadcrumbSeparator as Na, Input$1 as Ni, MenubarCheckboxItem as Nn, DropdownMenuContent as Nr, RadioGroupItem as Nt, TableHead as O, BreadcrumbEllipsis as Oa, InputGroupButton as Oi, MessageContent as On, EmptyHeader as Or, useMergedRefs as Ot, Sidebar as P, Badge as Pa, Dialog$1 as Pi, MenubarContent as Pn, DropdownMenuGroup as Pr, Questionnaire$1 as Pt, SidebarMenuSubItem as Q, AlertDialog$1 as Qa, Checkbox$1 as Qi, Label as Qn, DrawerTitle as Qr, PopoverDescription as Qt, SidebarGroupAction as R, AvatarFallback as Ra, DialogFooter as Ri, MenubarMenu as Rn, DropdownMenuRadioGroup as Rr, QuestionnaireChoices as Rt, tabsListVariants as S, ButtonGroupText as Sa, CommandItem as Si, MessageScrollerViewport as Sn, Slider$1 as So, FieldDescription as Sr, SelectLabel as St, TableCaption as T, BubbleGroup as Ta, CommandShortcut as Ti, useMessageScrollerVisibility as Tn, cn as To, Empty as Tr, SelectValue as Tt, SidebarInset as U, AttachmentAction as Ua, DialogTrigger as Ui, MenubarShortcut as Un, DropdownMenuSubContent as Ur, QuestionnaireNext as Ut, SidebarHeader as V, AvatarImage as Va, DialogPortal as Vi, MenubarRadioItem as Vn, DropdownMenuShortcut as Vr, QuestionnaireInput as Vt, SidebarMenu as W, AttachmentActions as Wa, Combobox$1 as Wi, MenubarSub as Wn, DropdownMenuSubTrigger as Wr, QuestionnairePrevious as Wt, SidebarMenuSub as X, AttachmentTrigger as Xa, CollapsibleContent as Xi, MarkerIcon as Xn, DrawerFooter as Xr, Popover$1 as Xt, SidebarMenuSkeleton as Y, AttachmentTitle as Ya, Collapsible$1 as Yi, MarkerContent as Yn, DrawerDescription as Yr, Progress$1 as Yt, SidebarMenuSubButton as Z, AspectRatio as Za, CollapsibleTrigger as Zi, markerVariants as Zn, DrawerHeader as Zr, PopoverContent as Zt, useToastManager as _, CardTitle as _a, Command$1 as _i, MessageScroller$1 as _n, AccordionTrigger as _o, indicatorVariants as _r, SheetTrigger as _t, Toast$1 as a, Carousel as aa, ContextMenuGroup as ai, NavigationMenu$1 as an, AlertDialogMedia as ao, ItemFooter as ar, TooltipContent as at, TabsList as b, ButtonGroup as ba, CommandGroup as bi, MessageScrollerItem as bn, formatMediaTime as bo, HoverCardTrigger as br, SelectGroup as bt, ToastContent as c, CarouselNext as ca, ContextMenuPortal as ci, NavigationMenuItem as cn, AlertDialogTitle as co, ItemMedia as cr, Skeleton as ct, ToastProvider as d, Card as da, ContextMenuSeparator as di, NavigationMenuPositioner as dn, AlertAction as do, Separator$1 as dr, SheetClose as dt, ChartLegend as ea, DirectionProvider as ei, PopoverTitle as en, AlertDialogCancel as eo, KbdGroup as er, SidebarRail as et, ToastTitle as f, CardAction as fa, ContextMenuShortcut as fi, NavigationMenuTrigger as fn, AlertDescription as fo, InputOTP as fr, SheetContent as ft, toast as g, CardHeader as ga, ContextMenuTrigger as gi, NativeSelectOption as gn, AccordionItem as go, Indicator as gr, SheetTitle as gt, createToastManager as h, CardFooter as ha, ContextMenuSubTrigger as hi, NativeSelectOptGroup as hn, AccordionContent as ho, InputOTPSlot as hr, SheetHeader as ht, toggleVariants as i, ChartTooltipContent as ia, ContextMenuContent as ii, getPaginationRange as in, AlertDialogHeader as io, ItemDescription as ir, Tooltip$1 as it, Switch$1 as j, BreadcrumbList as ja, InputGroupTextarea as ji, MessageHeader as jn, DropdownMenu as jr, ResizablePanelGroup as jt, TableHeader as k, BreadcrumbItem as ka, InputGroupInput as ki, MessageFooter as kn, EmptyMedia as kr, ResizableHandle as kt, ToastDescription as l, CarouselPrevious as la, ContextMenuRadioGroup as li, NavigationMenuLink as ln, AlertDialogTrigger as lo, ItemSeparator as lr, useIsMobile as lt, Toaster as m, CardDescription as ma, ContextMenuSubContent as mi, NativeSelect as mn, Accordion$1 as mo, InputOTPSeparator as mr, SheetFooter as mt, ToggleGroupItem as n, ChartStyle as na, ContextMenu$1 as ni, Pagination as nn, AlertDialogDescription as no, ItemActions as nr, SidebarTrigger as nt, ToastAction as o, CarouselContent as oa, ContextMenuItem as oi, NavigationMenuContent as on, AlertDialogOverlay as oo, ItemGroup as or, TooltipProvider as ot, ToastViewport as p, CardContent as pa, ContextMenuSub as pi, navigationMenuTriggerStyle as pn, AlertTitle as po, InputOTPGroup as pr, SheetDescription as pt, SidebarMenuButton as q, AttachmentGroup as qa, ComboboxInput as qi, MenubarTrigger as qn, DrawerClose as qr, QuestionnaireSubmit as qt, Toggle$1 as r, ChartTooltip as ra, ContextMenuCheckboxItem as ri, clampPage as rn, AlertDialogFooter as ro, ItemContent as rr, useSidebar as rt, ToastClose as s, CarouselItem as sa, ContextMenuLabel as si, NavigationMenuIndicator as sn, AlertDialogPortal as so, ItemHeader as sr, TooltipTrigger as st, ToggleGroup$1 as t, ChartLegendContent as ta, useDirection as ti, PopoverTrigger as tn, AlertDialogContent as to, Item as tr, SidebarSeparator as tt, ToastPortal as u, useCarousel as ua, ContextMenuRadioItem as ui, NavigationMenuList as un, Alert as uo, ItemTitle as ur, Sheet as ut, Tabs$1 as v, Calendar as va, CommandDialog as vi, MessageScrollerButton as vn, VideoPlayer as vo, HoverCard as vr, Select$1 as vt, TableBody as w, BubbleContent as wa, CommandSeparator as wi, useMessageScrollerScrollable as wn, buttonVariants as wo, FieldLabel as wr, SelectTrigger as wt, TabsTrigger as x, ButtonGroupSeparator as xa, CommandInput as xi, MessageScrollerProvider as xn, useMediaPlayer as xo, Field$1 as xr, SelectItem as xt, TabsContent as y, CalendarDayButton as ya, CommandEmpty as yi, MessageScrollerContent as yn, AudioPlayer as yo, HoverCardContent as yr, SelectContent as yt, SidebarGroupContent as z, AvatarGroup as za, DialogHeader as zi, MenubarPortal as zn, DropdownMenuRadioItem as zr, QuestionnaireDescription as zt };
+export { SidebarProvider as $, AlertDialogAction as $a, ChartContainer as $i, ItemActions as $n, ContextMenu$1 as $r, Pagination as $t, TableRow as A, BreadcrumbLink as Aa, Input$1 as Ai, MenubarCheckboxItem as An, DropdownMenuContent as Ar, RadioGroupItem as At, SidebarGroupLabel as B, AvatarGroupCount as Ba, DialogTrigger as Bi, MenubarShortcut as Bn, DropdownMenuSubContent as Br, QuestionnaireNext as Bt, Table as C, Bubble as Ca, InputGroup as Ci, Message as Cn, Button$1 as Co, EmptyContent as Cr, SelectSeparator as Ct, TableFooter as D, Breadcrumb as Da, InputGroupText as Di, MessageGroup as Dn, EmptyTitle as Dr, ResizablePanel as Dt, TableCell as E, BubbleReactions as Ea, InputGroupInput as Ei, MessageFooter as En, EmptyMedia as Er, ResizableHandle as Et, SidebarContent as F, badgeVariants as Fa, DialogFooter as Fi, MenubarMenu as Fn, DropdownMenuRadioGroup as Fr, QuestionnaireChoices as Ft, SidebarMenuAction as G, AttachmentContent as Ga, ComboboxItem as Gi, Marker as Gn, DrawerContent as Gr, QuestionnaireTitle as Gt, SidebarInput as H, Attachment as Ha, ComboboxContent as Hi, MenubarSubContent as Hn, DropdownMenuTrigger as Hr, QuestionnaireProgress as Ht, SidebarFooter as I, Avatar$1 as Ia, DialogHeader as Ii, MenubarPortal as In, DropdownMenuRadioItem as Ir, QuestionnaireDescription as It, SidebarMenuItem as J, AttachmentMedia as Ja, useMergedRefs as Ji, markerVariants as Jn, DrawerHeader as Jr, PopoverContent as Jt, SidebarMenuBadge as K, AttachmentDescription as Ka, ScrollArea$1 as Ki, MarkerContent as Kn, DrawerDescription as Kr, Progress$1 as Kt, SidebarGroup as L, AvatarBadge as La, DialogOverlay as Li, MenubarRadioGroup as Ln, DropdownMenuSeparator as Lr, QuestionnaireError as Lt, Spinner as M, BreadcrumbPage as Ma, DialogClose as Mi, MenubarGroup as Mn, DropdownMenuItem as Mr, QuestionnaireActions as Mt, spinnerVariants as N, BreadcrumbSeparator as Na, DialogContent as Ni, MenubarItem as Nn, DropdownMenuLabel as Nr, QuestionnaireChoice as Nt, TableHead as O, BreadcrumbEllipsis as Oa, InputGroupTextarea as Oi, MessageHeader as On, DropdownMenu as Or, ResizablePanelGroup as Ot, Sidebar as P, Badge as Pa, DialogDescription as Pi, MenubarLabel as Pn, DropdownMenuPortal as Pr, QuestionnaireChoiceDescription as Pt, SidebarMenuSubItem as Q, AlertDialog$1 as Qa, Checkbox$1 as Qi, Item as Qn, useDirection as Qr, PopoverTrigger as Qt, SidebarGroupAction as R, AvatarFallback as Ra, DialogPortal as Ri, MenubarRadioItem as Rn, DropdownMenuShortcut as Rr, QuestionnaireInput as Rt, tabsListVariants as S, ButtonGroupText as Sa, CommandShortcut as Si, useMessageScrollerVisibility as Sn, Slider$1 as So, Empty as Sr, SelectLabel as St, TableCaption as T, BubbleGroup as Ta, InputGroupButton as Ti, MessageContent as Tn, cn as To, EmptyHeader as Tr, SelectValue as Tt, SidebarInset as U, AttachmentAction as Ua, ComboboxEmpty as Ui, MenubarSubTrigger as Un, Drawer as Ur, QuestionnaireSkip as Ut, SidebarHeader as V, AvatarImage as Va, Combobox$1 as Vi, MenubarSub as Vn, DropdownMenuSubTrigger as Vr, QuestionnairePrevious as Vt, SidebarMenu as W, AttachmentActions as Wa, ComboboxInput as Wi, MenubarTrigger as Wn, DrawerClose as Wr, QuestionnaireSubmit as Wt, SidebarMenuSub as X, AttachmentTrigger as Xa, CollapsibleContent as Xi, Kbd as Xn, DrawerTrigger as Xr, PopoverHeader as Xt, SidebarMenuSkeleton as Y, AttachmentTitle as Ya, Collapsible$1 as Yi, Label as Yn, DrawerTitle as Yr, PopoverDescription as Yt, SidebarMenuSubButton as Z, AspectRatio as Za, CollapsibleTrigger as Zi, KbdGroup as Zn, DirectionProvider as Zr, PopoverTitle as Zt, useToastManager as _, CardTitle as _a, CommandGroup as _i, MessageScrollerItem as _n, AccordionTrigger as _o, HoverCardTrigger as _r, SheetTrigger as _t, Toast$1 as a, Carousel as aa, ContextMenuPortal as ai, NavigationMenuItem as an, AlertDialogMedia as ao, ItemMedia as ar, TooltipContent as at, TabsList as b, ButtonGroup as ba, CommandList as bi, useMessageScroller as bn, formatMediaTime as bo, FieldError as br, SelectGroup as bt, ToastContent as c, CarouselNext as ca, ContextMenuSeparator as ci, NavigationMenuPositioner as cn, AlertDialogTitle as co, Separator$1 as cr, Skeleton as ct, ToastProvider as d, Card as da, ContextMenuSubContent as di, NativeSelect as dn, AlertAction as do, InputOTPSeparator as dr, SheetClose as dt, ChartLegend as ea, ContextMenuCheckboxItem as ei, clampPage as en, AlertDialogCancel as eo, ItemContent as er, SidebarRail as et, ToastTitle as f, CardAction as fa, ContextMenuSubTrigger as fi, NativeSelectOptGroup as fn, AlertDescription as fo, InputOTPSlot as fr, SheetContent as ft, toast as g, CardHeader as ga, CommandEmpty as gi, MessageScrollerContent as gn, AccordionItem as go, HoverCardContent as gr, SheetTitle as gt, createToastManager as h, CardFooter as ha, CommandDialog as hi, MessageScrollerButton as hn, AccordionContent as ho, HoverCard as hr, SheetHeader as ht, toggleVariants as i, ChartTooltipContent as ia, ContextMenuLabel as ii, NavigationMenuIndicator as in, AlertDialogHeader as io, ItemHeader as ir, Tooltip$1 as it, Switch$1 as j, BreadcrumbList as ja, Dialog$1 as ji, MenubarContent as jn, DropdownMenuGroup as jr, Questionnaire$1 as jt, TableHeader as k, BreadcrumbItem as ka, Textarea as ki, Menubar$1 as kn, DropdownMenuCheckboxItem as kr, RadioGroup$1 as kt, ToastDescription as l, CarouselPrevious as la, ContextMenuShortcut as li, NavigationMenuTrigger as ln, AlertDialogTrigger as lo, InputOTP as lr, useIsMobile as lt, Toaster as m, CardDescription as ma, Command$1 as mi, MessageScroller$1 as mn, Accordion$1 as mo, indicatorVariants as mr, SheetFooter as mt, ToggleGroupItem as n, ChartStyle as na, ContextMenuGroup as ni, NavigationMenu$1 as nn, AlertDialogDescription as no, ItemFooter as nr, SidebarTrigger as nt, ToastAction as o, CarouselContent as oa, ContextMenuRadioGroup as oi, NavigationMenuLink as on, AlertDialogOverlay as oo, ItemSeparator as or, TooltipProvider as ot, ToastViewport as p, CardContent as pa, ContextMenuTrigger as pi, NativeSelectOption as pn, AlertTitle as po, Indicator as pr, SheetDescription as pt, SidebarMenuButton as q, AttachmentGroup as qa, ScrollBar as qi, MarkerIcon as qn, DrawerFooter as qr, Popover$1 as qt, Toggle$1 as r, ChartTooltip as ra, ContextMenuItem as ri, NavigationMenuContent as rn, AlertDialogFooter as ro, ItemGroup as rr, useSidebar as rt, ToastClose as s, CarouselItem as sa, ContextMenuRadioItem as si, NavigationMenuList as sn, AlertDialogPortal as so, ItemTitle as sr, TooltipTrigger as st, ToggleGroup$1 as t, ChartLegendContent as ta, ContextMenuContent as ti, getPaginationRange as tn, AlertDialogContent as to, ItemDescription as tr, SidebarSeparator as tt, ToastPortal as u, useCarousel as ua, ContextMenuSub as ui, navigationMenuTriggerStyle as un, Alert as uo, InputOTPGroup as ur, Sheet as ut, Tabs$1 as v, Calendar as va, CommandInput as vi, MessageScrollerProvider as vn, VideoPlayer as vo, Field$1 as vr, Select$1 as vt, TableBody as w, BubbleContent as wa, InputGroupAddon as wi, MessageAvatar as wn, buttonVariants as wo, EmptyDescription as wr, SelectTrigger as wt, TabsTrigger as x, ButtonGroupSeparator as xa, CommandSeparator as xi, useMessageScrollerScrollable as xn, useMediaPlayer as xo, FieldLabel as xr, SelectItem as xt, TabsContent as y, CalendarDayButton as ya, CommandItem as yi, MessageScrollerViewport as yn, AudioPlayer as yo, FieldDescription as yr, SelectContent as yt, SidebarGroupContent as z, AvatarGroup as za, DialogTitle as zi, MenubarSeparator as zn, DropdownMenuSub as zr, QuestionnaireItem as zt };
 
-//# sourceMappingURL=toggle-group-ByNq8g7H.js.map
+//# sourceMappingURL=toggle-group-CTTjTe-K.js.map