@inui/design-system 0.0.0-stage → 1.22.0

package/dist/components/ui/toggle-group.js

@@ -0,0 +1,94 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle.js";
+import * as React from "react";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/toggle-group.tsx
+/**
+* ToggleGroup — set of related Toggles sharing one selection state.
+*
+* `type` (required) is "single" for radio-like exclusive selection or
+* "multiple" for any-number-pressed. variant/size set on the group cascade to
+* every ToggleGroupItem via context, so items don't need to repeat them.
+* Built on the Radix ToggleGroup primitive. Adds `orientation` (vertical
+* stacking) and `spacing` (gap between items — spacing=0 collapses items
+* into one seamless bar with shared borders, like ButtonGroup).
+*/
+var ToggleGroupContext = React.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 2,
+	orientation: "horizontal"
+});
+function ToggleGroup({ className, variant, size, spacing = 2, orientation = "horizontal", children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		"data-orientation": orientation,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md,0.375rem),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing,
+				orientation
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant = "default", size = "default", ...props }) {
+	const context = React.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroup$1.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.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-[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: context.variant || variant,
+			size: context.size || size
+		}), className),
+		...props,
+		children
+	});
+}
+/**
+* WHEN TO USE
+* - Text alignment pickers, view density switchers, multi-select formatting toolbars
+* - Any set of related Toggles that should share pressed state, variant, and size
+*
+* NOT WHEN
+* - Switching between views/pages of content — use Tabs
+* - A form field that needs a single mutually-exclusive value — use RadioGroup
+* - Actions that don't hold pressed state — use ButtonGroup
+*
+* KEY RULES
+* - type is required: "single" (only one item pressed at a time, like radio) or "multiple" (any number pressed)
+* - variant/size set on ToggleGroup cascade to every ToggleGroupItem and take priority over a variant/size
+*   passed directly on an item
+* - spacing: default 2 (gap between items); spacing={0} collapses items into a seamless segmented
+*   control with shared borders and collapsed inner radii
+* - orientation: horizontal (default) | vertical
+* - Each ToggleGroupItem needs its own aria-label (or visible text) when icon-only — none is added automatically
+*
+* USAGE
+* <ToggleGroup type="single" defaultValue="center" variant="outline">
+*   <ToggleGroupItem value="left" aria-label="Align left"><AlignLeftIcon /></ToggleGroupItem>
+*   <ToggleGroupItem value="center" aria-label="Align center"><AlignCenterIcon /></ToggleGroupItem>
+*   <ToggleGroupItem value="right" aria-label="Align right"><AlignRightIcon /></ToggleGroupItem>
+* </ToggleGroup>
+*
+* <ToggleGroup type="multiple" defaultValue={["bold"]}>
+*   <ToggleGroupItem value="bold" aria-label="Bold"><BoldIcon /></ToggleGroupItem>
+*   <ToggleGroupItem value="italic" aria-label="Italic"><ItalicIcon /></ToggleGroupItem>
+* </ToggleGroup>
+*/
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/ui/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\n/**\n * ToggleGroup — set of related Toggles sharing one selection state.\n *\n * `type` (required) is \"single\" for radio-like exclusive selection or\n * \"multiple\" for any-number-pressed. variant/size set on the group cascade to\n * every ToggleGroupItem via context, so items don't need to repeat them.\n * Built on the Radix ToggleGroup primitive. Adds `orientation` (vertical\n * stacking) and `spacing` (gap between items — spacing=0 collapses items\n * into one seamless bar with shared borders, like ButtonGroup).\n */\n\nimport * as React from \"react\"\nimport { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 2,\n  orientation: \"horizontal\",\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 2,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md,0.375rem),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        \"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\",\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n\n/**\n * WHEN TO USE\n * - Text alignment pickers, view density switchers, multi-select formatting toolbars\n * - Any set of related Toggles that should share pressed state, variant, and size\n *\n * NOT WHEN\n * - Switching between views/pages of content — use Tabs\n * - A form field that needs a single mutually-exclusive value — use RadioGroup\n * - Actions that don't hold pressed state — use ButtonGroup\n *\n * KEY RULES\n * - type is required: \"single\" (only one item pressed at a time, like radio) or \"multiple\" (any number pressed)\n * - variant/size set on ToggleGroup cascade to every ToggleGroupItem and take priority over a variant/size\n *   passed directly on an item\n * - spacing: default 2 (gap between items); spacing={0} collapses items into a seamless segmented\n *   control with shared borders and collapsed inner radii\n * - orientation: horizontal (default) | vertical\n * - Each ToggleGroupItem needs its own aria-label (or visible text) when icon-only — none is added automatically\n *\n * USAGE\n * <ToggleGroup type=\"single\" defaultValue=\"center\" variant=\"outline\">\n *   <ToggleGroupItem value=\"left\" aria-label=\"Align left\"><AlignLeftIcon /></ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\" aria-label=\"Align center\"><AlignCenterIcon /></ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\" aria-label=\"Align right\"><AlignRightIcon /></ToggleGroupItem>\n * </ToggleGroup>\n *\n * <ToggleGroup type=\"multiple\" defaultValue={[\"bold\"]}>\n *   <ToggleGroupItem value=\"bold\" aria-label=\"Bold\"><BoldIcon /></ToggleGroupItem>\n *   <ToggleGroupItem value=\"italic\" aria-label=\"Italic\"><ItalicIcon /></ToggleGroupItem>\n * </ToggleGroup>\n */\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,IAAM,qBAAqB,MAAM,cAK/B;CACA,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;AACf,CAAC;AAED,SAAS,YAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,cAAc,cACd,UACA,GAAG,SAKA;CACH,OACE,oBAAC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,oBAAkB;EAClB,OAAO,EAAE,SAAS,QAAQ;EAC1B,WAAW,GACT,0OACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,mBAAmB,UAApB;GACE,OAAO;IAAE;IAAS;IAAM;IAAS;GAAY;GAE5C;EAC0B,CAAA;CACJ,CAAA;AAE/B;AAEA,SAAS,gBAAgB,EACvB,WACA,UACA,UAAU,WACV,OAAO,WACP,GAAG,SAEkC;CACrC,MAAM,UAAU,MAAM,WAAW,kBAAkB;CAEnD,OACE,oBAAC,cAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,o/BACA,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;EACxB,CAAC,GACD,SACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/components/ui/toggle.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Toggle — two-state pressed/unpressed button.
+ *
+ * A Radix UI Toggle primitive (`data-state="on"|"off"`) styled with cva; two
+ * variants and three sizes. Uses the same
+ * `data-icon="inline-start"|"inline-end"` padding convention as Button so an
+ * icon paired with a label doesn't need manual gap tuning.
+ */
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Toggle as TogglePrimitive } from "radix-ui";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+export { Toggle, toggleVariants };
+/**
+ * WHEN TO USE
+ * - A single formatting or display option that applies immediately — bold, italic, underline, show/hide
+ * - An icon-only or icon+label pressed/unpressed control that isn't part of a related set
+ *
+ * NOT WHEN
+ * - A form value that needs submitting — use Checkbox
+ * - An on/off setting that reads as a switch (e.g. dark mode) — use Switch
+ * - One selection among several related toggles — use ToggleGroup with type="single"
+ *
+ * KEY RULES
+ * - variant: default | outline (default "default")
+ * - size: default | sm | lg (default "default") — no icon-only size step; min-width keeps an icon-only toggle square
+ * - State is controlled via `pressed` / `defaultPressed` / `onPressedChange` (Radix Toggle), not `checked`
+ * - Icon-only toggles need aria-label (or aria-labelledby) — there is no visible text for screen readers otherwise
+ * - A leading/trailing icon next to a label can take data-icon="inline-start"/"inline-end" so the size's
+ *   padding self-adjusts, matching Button's convention
+ *
+ * USAGE
+ * <Toggle aria-label="Toggle bold">
+ *   <BoldIcon />
+ * </Toggle>
+ *
+ * <Toggle variant="outline" aria-label="Toggle italic">
+ *   <ItalicIcon />
+ * </Toggle>
+ *
+ * <Toggle>
+ *   <UnderlineIcon />
+ *   Underline
+ * </Toggle>
+ */
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/ui/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAIpD,QAAA,MAAM,cAAc;;;8EAuBnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,qBAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA;AAEjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG"}

package/dist/components/ui/toggle.js

@@ -0,0 +1,70 @@
+import { cn } from "../../lib/utils.js";
+import "react";
+import { Toggle as Toggle$1 } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/components/ui/toggle.tsx
+var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-primary/10 aria-pressed:text-primary data-[state=on]:bg-primary/10 data-[state=on]:text-primary dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted aria-pressed:border-primary data-[state=on]:border-primary"
+		},
+		size: {
+			default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md,0.375rem),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Toggle({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Toggle$1.Root, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+/**
+* WHEN TO USE
+* - A single formatting or display option that applies immediately — bold, italic, underline, show/hide
+* - An icon-only or icon+label pressed/unpressed control that isn't part of a related set
+*
+* NOT WHEN
+* - A form value that needs submitting — use Checkbox
+* - An on/off setting that reads as a switch (e.g. dark mode) — use Switch
+* - One selection among several related toggles — use ToggleGroup with type="single"
+*
+* KEY RULES
+* - variant: default | outline (default "default")
+* - size: default | sm | lg (default "default") — no icon-only size step; min-width keeps an icon-only toggle square
+* - State is controlled via `pressed` / `defaultPressed` / `onPressedChange` (Radix Toggle), not `checked`
+* - Icon-only toggles need aria-label (or aria-labelledby) — there is no visible text for screen readers otherwise
+* - A leading/trailing icon next to a label can take data-icon="inline-start"/"inline-end" so the size's
+*   padding self-adjusts, matching Button's convention
+*
+* USAGE
+* <Toggle aria-label="Toggle bold">
+*   <BoldIcon />
+* </Toggle>
+*
+* <Toggle variant="outline" aria-label="Toggle italic">
+*   <ItalicIcon />
+* </Toggle>
+*
+* <Toggle>
+*   <UnderlineIcon />
+*   Underline
+* </Toggle>
+*/
+//#endregion
+export { Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/ui/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":[],"sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["/**\n * Toggle — two-state pressed/unpressed button.\n *\n * A Radix UI Toggle primitive (`data-state=\"on\"|\"off\"`) styled with cva; two\n * variants and three sizes. Uses the same\n * `data-icon=\"inline-start\"|\"inline-end\"` padding convention as Button so an\n * icon paired with a label doesn't need manual gap tuning.\n */\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-primary/10 aria-pressed:text-primary data-[state=on]:bg-primary/10 data-[state=on]:text-primary dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        // Selection recolors the existing border to primary — no separate\n        // ring layered on top of it.\n        outline:\n          \"border border-input bg-transparent hover:bg-muted aria-pressed:border-primary data-[state=on]:border-primary\",\n      },\n      size: {\n        default:\n          \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md,0.375rem),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n\n/**\n * WHEN TO USE\n * - A single formatting or display option that applies immediately — bold, italic, underline, show/hide\n * - An icon-only or icon+label pressed/unpressed control that isn't part of a related set\n *\n * NOT WHEN\n * - A form value that needs submitting — use Checkbox\n * - An on/off setting that reads as a switch (e.g. dark mode) — use Switch\n * - One selection among several related toggles — use ToggleGroup with type=\"single\"\n *\n * KEY RULES\n * - variant: default | outline (default \"default\")\n * - size: default | sm | lg (default \"default\") — no icon-only size step; min-width keeps an icon-only toggle square\n * - State is controlled via `pressed` / `defaultPressed` / `onPressedChange` (Radix Toggle), not `checked`\n * - Icon-only toggles need aria-label (or aria-labelledby) — there is no visible text for screen readers otherwise\n * - A leading/trailing icon next to a label can take data-icon=\"inline-start\"/\"inline-end\" so the size's\n *   padding self-adjusts, matching Button's convention\n *\n * USAGE\n * <Toggle aria-label=\"Toggle bold\">\n *   <BoldIcon />\n * </Toggle>\n *\n * <Toggle variant=\"outline\" aria-label=\"Toggle italic\">\n *   <ItalicIcon />\n * </Toggle>\n *\n * <Toggle>\n *   <UnderlineIcon />\n *   Underline\n * </Toggle>\n */\n"],"mappings":";;;;;;AAeA,IAAM,iBAAiB,IACrB,2lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GAGT,SACE;EACJ;EACA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,OAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,SAEkC;CACrC,OACE,oBAAC,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Tooltip — short, non-interactive hover/focus label.
+ *
+ * Built on the Radix Tooltip primitive. Sets `delayDuration={0}` as the
+ * TooltipProvider default (no hover delay) and renders a
+ * `TooltipContent` arrow by default.
+ */
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+/**
+ * WHEN TO USE
+ * - Labelling an icon-only button so its purpose is discoverable on hover/focus
+ * - Explaining a truncated or abbreviated value in place, without navigation
+ *
+ * NOT WHEN
+ * - The user needs to click, read at length, or interact with the content —
+ *   use Popover (click-driven, interactive) or HoverCard (hover, richer preview)
+ * - The information is essential to completing the task — never hide
+ *   required information behind a hover-only tooltip
+ *
+ * KEY RULES
+ * - Requires `TooltipProvider` mounted once at the app root — Tooltip does
+ *   not wrap itself in one, and without it tooltips silently fail to open
+ * - Content is not reachable by keyboard or pointer — never put interactive
+ *   elements (buttons, links) inside TooltipContent
+ * - `sideOffset` defaults to 0; TooltipProvider's `delayDuration` defaults to 0
+ * - An icon-only trigger still needs its own `aria-label` — the tooltip text
+ *   is not a substitute for one
+ *
+ * USAGE
+ * <Tooltip>
+ *   <TooltipTrigger asChild><Button variant="outline">Hover me</Button></TooltipTrigger>
+ *   <TooltipContent>Deploys the current branch</TooltipContent>
+ * </Tooltip>
+ *
+ * // Icon-only trigger — aria-label is required regardless of the tooltip
+ * <Tooltip>
+ *   <TooltipTrigger asChild>
+ *     <Button variant="ghost" iconOnly aria-label="More information">
+ *       <InfoIcon />
+ *     </Button>
+ *   </TooltipTrigger>
+ *   <TooltipContent>Tokens are defined in oklch</TooltipContent>
+ * </Tooltip>
+ */
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAKtD,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,qBAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,qBAsBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,78 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { getPortalContainer } from "../../lib/scope.js";
+import "react";
+import { Tooltip as Tooltip$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
+		container: getPortalContainer(),
+		children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
+			"data-slot": "tooltip-content",
+			sideOffset,
+			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })]
+		})
+	});
+}
+/**
+* WHEN TO USE
+* - Labelling an icon-only button so its purpose is discoverable on hover/focus
+* - Explaining a truncated or abbreviated value in place, without navigation
+*
+* NOT WHEN
+* - The user needs to click, read at length, or interact with the content —
+*   use Popover (click-driven, interactive) or HoverCard (hover, richer preview)
+* - The information is essential to completing the task — never hide
+*   required information behind a hover-only tooltip
+*
+* KEY RULES
+* - Requires `TooltipProvider` mounted once at the app root — Tooltip does
+*   not wrap itself in one, and without it tooltips silently fail to open
+* - Content is not reachable by keyboard or pointer — never put interactive
+*   elements (buttons, links) inside TooltipContent
+* - `sideOffset` defaults to 0; TooltipProvider's `delayDuration` defaults to 0
+* - An icon-only trigger still needs its own `aria-label` — the tooltip text
+*   is not a substitute for one
+*
+* USAGE
+* <Tooltip>
+*   <TooltipTrigger asChild><Button variant="outline">Hover me</Button></TooltipTrigger>
+*   <TooltipContent>Deploys the current branch</TooltipContent>
+* </Tooltip>
+*
+* // Icon-only trigger — aria-label is required regardless of the tooltip
+* <Tooltip>
+*   <TooltipTrigger asChild>
+*     <Button variant="ghost" iconOnly aria-label="More information">
+*       <InfoIcon />
+*     </Button>
+*   </TooltipTrigger>
+*   <TooltipContent>Tokens are defined in oklch</TooltipContent>
+* </Tooltip>
+*/
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\n/**\n * Tooltip — short, non-interactive hover/focus label.\n *\n * Built on the Radix Tooltip primitive. Sets `delayDuration={0}` as the\n * TooltipProvider default (no hover delay) and renders a\n * `TooltipContent` arrow by default.\n */\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\nimport { getPortalContainer } from \"@/lib/scope\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal container={getPortalContainer()}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          // Real states are \"closed\" | \"delayed-open\" | \"instant-open\" —\n          // never \"open\" — so entrance is two explicit rules (one per open\n          // state Radix actually sets: the normal hover delay, and the\n          // no-delay case right after closing an adjacent tooltip), not a\n          // bare `data-open:` that matched neither.\n          \"z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=instant-open]:animate-in data-[state=instant-open]:fade-in-0 data-[state=instant-open]:zoom-in-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n\n/**\n * WHEN TO USE\n * - Labelling an icon-only button so its purpose is discoverable on hover/focus\n * - Explaining a truncated or abbreviated value in place, without navigation\n *\n * NOT WHEN\n * - The user needs to click, read at length, or interact with the content —\n *   use Popover (click-driven, interactive) or HoverCard (hover, richer preview)\n * - The information is essential to completing the task — never hide\n *   required information behind a hover-only tooltip\n *\n * KEY RULES\n * - Requires `TooltipProvider` mounted once at the app root — Tooltip does\n *   not wrap itself in one, and without it tooltips silently fail to open\n * - Content is not reachable by keyboard or pointer — never put interactive\n *   elements (buttons, links) inside TooltipContent\n * - `sideOffset` defaults to 0; TooltipProvider's `delayDuration` defaults to 0\n * - An icon-only trigger still needs its own `aria-label` — the tooltip text\n *   is not a substitute for one\n *\n * USAGE\n * <Tooltip>\n *   <TooltipTrigger asChild><Button variant=\"outline\">Hover me</Button></TooltipTrigger>\n *   <TooltipContent>Deploys the current branch</TooltipContent>\n * </Tooltip>\n *\n * // Icon-only trigger — aria-label is required regardless of the tooltip\n * <Tooltip>\n *   <TooltipTrigger asChild>\n *     <Button variant=\"ghost\" iconOnly aria-label=\"More information\">\n *       <InfoIcon />\n *     </Button>\n *   </TooltipTrigger>\n *   <TooltipContent>Tokens are defined in oklch</TooltipContent>\n * </Tooltip>\n */\n"],"mappings":";;;;;;;AAeA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,oBAAC,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,QAAQ,EACf,GAAG,SACkD;CACrD,OAAO,oBAAC,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EACtB,GAAG,SACqD;CACxD,OAAO,oBAAC,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,oBAAC,UAAiB,QAAlB;EAAyB,WAAW,mBAAmB;EACrD,UAAA,qBAAC,UAAiB,SAAlB;GACE,aAAU;GACE;GACZ,WAAW,GAMT,swBACA,SACF;GACA,GAAI;GAZN,UAAA,CAcG,UACD,oBAAC,UAAiB,OAAlB,EAAwB,WAAU,qGAAsG,CAAA,CAChH;;CACH,CAAA;AAE7B"}

package/dist/hooks/use-dark-mode.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsDarkMode(): boolean;
+//# sourceMappingURL=use-dark-mode.d.ts.map

package/dist/hooks/use-dark-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dark-mode.d.ts","sourceRoot":"","sources":["../../src/hooks/use-dark-mode.ts"],"names":[],"mappings":"AAoCA,wBAAgB,aAAa,YAK5B"}

package/dist/hooks/use-dark-mode.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+//#region src/hooks/use-dark-mode.ts
+/**
+* Reports whether the document is currently in dark mode, by observing the
+* `dark` class on `<html>` — the convention this design system's tokens use.
+*
+* This exists so components that need to know the active theme (currently only
+* `Toaster`) don't have to depend on a theme provider. A library shouldn't
+* force `next-themes` (or any specific provider) on its consumers; watching the
+* class works with next-themes, a hand-rolled toggle, or a server-rendered
+* class alike.
+*
+* Only `<html>` is observed. If you apply `dark` to a nested element instead,
+* pass the resolved theme explicitly rather than relying on this hook.
+*/
+function subscribe(onStoreChange) {
+	const observer = new MutationObserver(onStoreChange);
+	observer.observe(document.documentElement, {
+		attributes: true,
+		attributeFilter: ["class"]
+	});
+	return () => observer.disconnect();
+}
+function getSnapshot() {
+	return document.documentElement.classList.contains("dark");
+}
+function getServerSnapshot() {
+	return false;
+}
+function useIsDarkMode() {
+	return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+//#endregion
+export { useIsDarkMode };
+
+//# sourceMappingURL=use-dark-mode.js.map

package/dist/hooks/use-dark-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dark-mode.js","names":[],"sources":["../../src/hooks/use-dark-mode.ts"],"sourcesContent":["import * as React from \"react\"\n\n/**\n * Reports whether the document is currently in dark mode, by observing the\n * `dark` class on `<html>` — the convention this design system's tokens use.\n *\n * This exists so components that need to know the active theme (currently only\n * `Toaster`) don't have to depend on a theme provider. A library shouldn't\n * force `next-themes` (or any specific provider) on its consumers; watching the\n * class works with next-themes, a hand-rolled toggle, or a server-rendered\n * class alike.\n *\n * Only `<html>` is observed. If you apply `dark` to a nested element instead,\n * pass the resolved theme explicitly rather than relying on this hook.\n */\n\nfunction subscribe(onStoreChange: () => void) {\n  const observer = new MutationObserver(onStoreChange)\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: [\"class\"],\n  })\n  return () => observer.disconnect()\n}\n\nfunction getSnapshot() {\n  return document.documentElement.classList.contains(\"dark\")\n}\n\n// Dark mode can't be known during SSR — the class is only on the real document.\n// Reporting `false` keeps server output and the first client render in\n// agreement, and useSyncExternalStore corrects it before paint.\nfunction getServerSnapshot() {\n  return false\n}\n\nexport function useIsDarkMode() {\n  // useSyncExternalStore rather than useState + useEffect: this is a\n  // subscription to state React doesn't own, so it needs to be read during\n  // render (not after) to avoid a flash of the wrong theme on mount.\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,SAAS,UAAU,eAA2B;CAC5C,MAAM,WAAW,IAAI,iBAAiB,aAAa;CACnD,SAAS,QAAQ,SAAS,iBAAiB;EACzC,YAAY;EACZ,iBAAiB,CAAC,OAAO;CAC3B,CAAC;CACD,aAAa,SAAS,WAAW;AACnC;AAEA,SAAS,cAAc;CACrB,OAAO,SAAS,gBAAgB,UAAU,SAAS,MAAM;AAC3D;AAKA,SAAS,oBAAoB;CAC3B,OAAO;AACT;AAEA,SAAgB,gBAAgB;CAI9B,OAAO,MAAM,qBAAqB,WAAW,aAAa,iBAAiB;AAC7E"}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+//#region src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+	const [isMobile, setIsMobile] = React.useState(void 0);
+	React.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: 767px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+		return () => mql.removeEventListener("change", onChange);
+	}, []);
+	return !!isMobile;
+}
+//#endregion
+export { useIsMobile };
+
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":";;AAEA,IAAM,oBAAoB;AAE1B,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAe,MAAM,SAA8B,KAAA,CAAS;CAE7E,MAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,oBAAyC;EACvE,MAAM,iBAAiB;GACrB,YAAY,OAAO,aAAa,iBAAiB;EACnD;EACA,IAAI,iBAAiB,UAAU,QAAQ;EACvC,YAAY,OAAO,aAAa,iBAAiB;EACjD,aAAa,IAAI,oBAAoB,UAAU,QAAQ;CACzD,GAAG,CAAC,CAAC;CAEL,OAAO,CAAC,CAAC;AACX"}

package/dist/index.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Magic Masala design system — public entry point.
+ *
+ * Every component lives in its own module under `components/ui/`, and the
+ * library build preserves that structure in `dist/`. Re-exporting through this
+ * barrel is therefore tree-shakeable: importing `Button` pulls in `button.js`
+ * and its dependencies, not all 61 components.
+ *
+ * Generated from the files in src/components/ui — verified collision-free
+ * across all 356 exported names, which is what makes `export *` safe here.
+ */
+export { cn } from "./lib/utils";
+export { M2DS_ROOT_ATTRIBUTE, M2DS_PORTAL_ATTRIBUTE, rootScopeProps, portalScopeProps, getPortalContainer, } from "./lib/scope";
+export { useIsMobile } from "./hooks/use-mobile";
+export { useIsDarkMode } from "./hooks/use-dark-mode";
+export * from "./components/ui/accordion";
+export * from "./components/ui/ai-avatar";
+export * from "./components/ui/ai-label";
+export * from "./components/ui/ai-sparkle";
+export * from "./components/ui/alert-dialog";
+export * from "./components/ui/alert";
+export * from "./components/ui/aspect-ratio";
+export * from "./components/ui/attachment";
+export * from "./components/ui/avatar";
+export * from "./components/ui/badge";
+export * from "./components/ui/breadcrumb";
+export * from "./components/ui/browser-tabs";
+export * from "./components/ui/bubble";
+export * from "./components/ui/button-group";
+export * from "./components/ui/button";
+export * from "./components/ui/calendar";
+export * from "./components/ui/card";
+export * from "./components/ui/carousel";
+export * from "./components/ui/checkbox";
+export * from "./components/ui/collapsible";
+export * from "./components/ui/combobox";
+export * from "./components/ui/command";
+export * from "./components/ui/context-menu";
+export * from "./components/ui/count-badge";
+export * from "./components/ui/data-table";
+export * from "./components/ui/dialog";
+export * from "./components/ui/direction";
+export * from "./components/ui/drawer";
+export * from "./components/ui/dropdown-menu";
+export * from "./components/ui/dropzone";
+export * from "./components/ui/empty";
+export * from "./components/ui/field";
+export * from "./components/ui/hover-card";
+export * from "./components/ui/input-group";
+export * from "./components/ui/input-otp";
+export * from "./components/ui/input";
+export * from "./components/ui/item";
+export * from "./components/ui/kbd";
+export * from "./components/ui/key-value-pair";
+export * from "./components/ui/label";
+export * from "./components/ui/marker";
+export * from "./components/ui/menubar";
+export * from "./components/ui/message-scroller";
+export * from "./components/ui/message";
+export * from "./components/ui/meta-list";
+export * from "./components/ui/native-select";
+export * from "./components/ui/navigation-menu";
+export * from "./components/ui/page-header";
+export * from "./components/ui/pagination";
+export * from "./components/ui/popover";
+export * from "./components/ui/progress";
+export * from "./components/ui/questionnaire";
+export * from "./components/ui/radio-group";
+export * from "./components/ui/resizable";
+export * from "./components/ui/scroll-area";
+export * from "./components/ui/select";
+export * from "./components/ui/separator";
+export * from "./components/ui/sheet";
+export * from "./components/ui/sidebar";
+export * from "./components/ui/skeleton";
+export * from "./components/ui/slider";
+export * from "./components/ui/sonner";
+export * from "./components/ui/spinner";
+export * from "./components/ui/stepper";
+export * from "./components/ui/switch";
+export * from "./components/ui/table";
+export * from "./components/ui/tabs";
+export * from "./components/ui/textarea";
+export * from "./components/ui/time-picker";
+export * from "./components/ui/toggle-group";
+export * from "./components/ui/toggle";
+export * from "./components/ui/tooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAGrD,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA"}