@asevenid/ui 0.1.0

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

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import "class-variance-authority";
+import { ToggleGroup as d } from "radix-ui";
+import { cn as g } from "../../lib/utils.js";
+import { toggleVariants as l } from "./toggle.js";
+const p = s.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0
+});
+function x({
+  className: r,
+  variant: e,
+  size: o,
+  spacing: t = 0,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ i(
+    d.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": e,
+      "data-size": o,
+      "data-spacing": t,
+      style: { "--gap": t },
+      className: g(
+        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
+        r
+      ),
+      ...a,
+      children: /* @__PURE__ */ i(p.Provider, { value: { variant: e, size: o, spacing: t }, children: n })
+    }
+  );
+}
+function z({
+  className: r,
+  children: e,
+  variant: o,
+  size: t,
+  ...n
+}) {
+  const a = s.useContext(p);
+  return /* @__PURE__ */ i(
+    d.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": a.variant || o,
+      "data-size": a.size || t,
+      "data-spacing": a.spacing,
+      className: g(
+        l({
+          variant: a.variant || o,
+          size: a.size || t
+        }),
+        "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
+        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
+        r
+      ),
+      ...n,
+      children: e
+    }
+  );
+}
+export {
+  x as ToggleGroup,
+  z as ToggleGroupItem
+};
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sources":["../../../src/components/ui/toggle-group.tsx"],"sourcesContent":["import * 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  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\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        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","spacing","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;;;AAOA,MAAMA,IAAqBC,EAAM,cAI/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAED,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,GAAGC;AACL,GAGK;AACH,SACE,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcN;AAAA,MACd,aAAWC;AAAA,MACX,gBAAcC;AAAA,MACd,OAAO,EAAE,SAASA,EAAA;AAAA,MAClB,WAAWK;AAAA,QACT;AAAA,QACAR;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEJ,UAAA,gBAAAC,EAACT,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,SAAAC,EAAA,GAClD,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASK,EAAgB;AAAA,EACvB,WAAAT;AAAA,EACA,UAAAI;AAAA,EACA,SAAAH;AAAA,EACA,MAAAC;AAAA,EACA,GAAGG;AACL,GACuC;AACrC,QAAMK,IAAUZ,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAS;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcG,EAAQ,WAAWT;AAAA,MACjC,aAAWS,EAAQ,QAAQR;AAAA,MAC3B,gBAAcQ,EAAQ;AAAA,MACtB,WAAWF;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWT;AAAA,UAC5B,MAAMS,EAAQ,QAAQR;AAAA,QAAA,CACvB;AAAA,QACD;AAAA,QACA;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { Toggle as TogglePrimitive } from 'radix-ui';
+import * as React from "react";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | 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>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };
+//# 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,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;;;8EAoBnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC,2CAQpC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/toggle.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { cva as o } from "class-variance-authority";
+import { Toggle as a } from "radix-ui";
+import { cn as s } from "../../lib/utils.js";
+const d = o(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground 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 shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 min-w-9 px-2",
+        sm: "h-8 min-w-8 px-1.5",
+        lg: "h-10 min-w-10 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function m({
+  className: e,
+  variant: t,
+  size: r,
+  ...i
+}) {
+  return /* @__PURE__ */ n(
+    a.Root,
+    {
+      "data-slot": "toggle",
+      className: s(d({ variant: t, size: r, className: e })),
+      ...i
+    }
+  );
+}
+export {
+  m as Toggle,
+  d as toggleVariants
+};
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import * 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  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground 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        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        sm: \"h-8 min-w-8 px-1.5\",\n        lg: \"h-10 min-w-10 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\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"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGT,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,8 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAItD,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiBvD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { Tooltip as o } from "radix-ui";
+import { cn as d } from "../../lib/utils.js";
+function m({
+  delayDuration: t = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    o.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...r
+    }
+  );
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function g({
+  className: t,
+  sideOffset: r = 0,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
+    o.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: r,
+      className: d(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ i(o.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+export {
+  c as Tooltip,
+  g as TooltipContent,
+  m as TooltipProvider,
+  u as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\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>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;;;AAKA,SAASA,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AACzD,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAQ;AAAA,EACf,GAAGH;AACL,GAAuD;AACrD,2BAAQE,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,GAAO;AAC/D;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACL,GAA0D;AACxD,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAO;AAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3I;AAEJ;"}

package/dist/design-system/modes/options.d.ts

@@ -0,0 +1,26 @@
+export declare const FEEDBACK_COLOR_MODES: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
+export declare const CUSTOM_COLOR_MODE: "custom";
+export declare const MODE_OPTIONS: {
+    readonly brand: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly gray: readonly ["gray", "slate", "zinc", "neutral", "stone"];
+    readonly radius: readonly ["md", "none", "sm", "lg", "full"];
+    readonly font: readonly ["inter", "jakarta", "space-grotesk", "lora", "dynapuff", "arima"];
+    readonly density: readonly ["default", "compact"];
+    readonly error: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly warning: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly info: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly success: readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly "decorative-1": readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly "decorative-2": readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly "decorative-3": readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly "decorative-4": readonly ["blue", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose", "custom"];
+    readonly style: readonly ["flat", "gradient", "tactile"];
+    readonly elevation: readonly ["off", "on"];
+};
+export type ModeName = keyof typeof MODE_OPTIONS;
+export declare const MODE_KEYS: ModeName[];
+export type ModeValue<Name extends ModeName> = (typeof MODE_OPTIONS)[Name][number];
+export declare const CUSTOMIZABLE_MODES: readonly ["brand", "error", "warning", "info", "success", "decorative-1", "decorative-2", "decorative-3", "decorative-4"];
+export type CustomizableMode = (typeof CUSTOMIZABLE_MODES)[number];
+export declare function isCustomizableMode(name: ModeName): name is CustomizableMode;
+//# sourceMappingURL=options.d.ts.map

package/dist/design-system/modes/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/design-system/modes/options.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,mKAkBvB,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAG,QAAiB,CAAA;AAOlD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;CAgBf,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAA;AAEhD,eAAO,MAAM,SAAS,EAAgC,QAAQ,EAAE,CAAA;AAEhE,MAAM,MAAM,SAAS,CAAC,IAAI,SAAS,QAAQ,IAAI,CAAC,OAAO,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAA;AAElF,eAAO,MAAM,kBAAkB,2HAUrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,IAAI,gBAAgB,CAE3E"}

package/dist/design-system/modes/options.js

@@ -0,0 +1,61 @@
+"use client";
+const a = [
+  "blue",
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose"
+], r = "custom", e = [
+  ...a,
+  r
+], o = {
+  brand: [...e],
+  gray: ["gray", "slate", "zinc", "neutral", "stone"],
+  radius: ["md", "none", "sm", "lg", "full"],
+  font: ["inter", "jakarta", "space-grotesk", "lora", "dynapuff", "arima"],
+  density: ["default", "compact"],
+  error: [...e],
+  warning: [...e],
+  info: [...e],
+  success: [...e],
+  "decorative-1": [...e],
+  "decorative-2": [...e],
+  "decorative-3": [...e],
+  "decorative-4": [...e],
+  style: ["flat", "gradient", "tactile"],
+  elevation: ["off", "on"]
+}, i = Object.keys(o), n = [
+  "brand",
+  "error",
+  "warning",
+  "info",
+  "success",
+  "decorative-1",
+  "decorative-2",
+  "decorative-3",
+  "decorative-4"
+];
+function c(t) {
+  return n.includes(t);
+}
+export {
+  n as CUSTOMIZABLE_MODES,
+  r as CUSTOM_COLOR_MODE,
+  a as FEEDBACK_COLOR_MODES,
+  i as MODE_KEYS,
+  o as MODE_OPTIONS,
+  c as isCustomizableMode
+};
+//# sourceMappingURL=options.js.map

package/dist/design-system/modes/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sources":["../../../src/design-system/modes/options.ts"],"sourcesContent":["export const FEEDBACK_COLOR_MODES = [\n  \"blue\",\n  \"red\",\n  \"orange\",\n  \"amber\",\n  \"yellow\",\n  \"lime\",\n  \"green\",\n  \"emerald\",\n  \"teal\",\n  \"cyan\",\n  \"sky\",\n  \"indigo\",\n  \"violet\",\n  \"purple\",\n  \"fuchsia\",\n  \"pink\",\n  \"rose\",\n] as const\n\nexport const CUSTOM_COLOR_MODE = \"custom\" as const\n\nconst COLOR_MODES_WITH_CUSTOM = [\n  ...FEEDBACK_COLOR_MODES,\n  CUSTOM_COLOR_MODE,\n] as const\n\nexport const MODE_OPTIONS = {\n  brand: [...COLOR_MODES_WITH_CUSTOM],\n  gray: [\"gray\", \"slate\", \"zinc\", \"neutral\", \"stone\"],\n  radius: [\"md\", \"none\", \"sm\", \"lg\", \"full\"],\n  font: [\"inter\", \"jakarta\", \"space-grotesk\", \"lora\", \"dynapuff\", \"arima\"],\n  density: [\"default\", \"compact\"],\n  error: [...COLOR_MODES_WITH_CUSTOM],\n  warning: [...COLOR_MODES_WITH_CUSTOM],\n  info: [...COLOR_MODES_WITH_CUSTOM],\n  success: [...COLOR_MODES_WITH_CUSTOM],\n  \"decorative-1\": [...COLOR_MODES_WITH_CUSTOM],\n  \"decorative-2\": [...COLOR_MODES_WITH_CUSTOM],\n  \"decorative-3\": [...COLOR_MODES_WITH_CUSTOM],\n  \"decorative-4\": [...COLOR_MODES_WITH_CUSTOM],\n  style: [\"flat\", \"gradient\", \"tactile\"],\n  elevation: [\"off\", \"on\"],\n} as const\n\nexport type ModeName = keyof typeof MODE_OPTIONS\n\nexport const MODE_KEYS = Object.keys(MODE_OPTIONS) as ModeName[]\n\nexport type ModeValue<Name extends ModeName> = (typeof MODE_OPTIONS)[Name][number]\n\nexport const CUSTOMIZABLE_MODES = [\n  \"brand\",\n  \"error\",\n  \"warning\",\n  \"info\",\n  \"success\",\n  \"decorative-1\",\n  \"decorative-2\",\n  \"decorative-3\",\n  \"decorative-4\",\n] as const\n\nexport type CustomizableMode = (typeof CUSTOMIZABLE_MODES)[number]\n\nexport function isCustomizableMode(name: ModeName): name is CustomizableMode {\n  return (CUSTOMIZABLE_MODES as readonly ModeName[]).includes(name)\n}\n"],"names":["FEEDBACK_COLOR_MODES","CUSTOM_COLOR_MODE","COLOR_MODES_WITH_CUSTOM","MODE_OPTIONS","MODE_KEYS","CUSTOMIZABLE_MODES","isCustomizableMode","name"],"mappings":";AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAoB,UAE3BC,IAA0B;AAAA,EAC9B,GAAGF;AAAA,EACHC;AACF,GAEaE,IAAe;AAAA,EAC1B,OAAO,CAAC,GAAGD,CAAuB;AAAA,EAClC,MAAM,CAAC,QAAQ,SAAS,QAAQ,WAAW,OAAO;AAAA,EAClD,QAAQ,CAAC,MAAM,QAAQ,MAAM,MAAM,MAAM;AAAA,EACzC,MAAM,CAAC,SAAS,WAAW,iBAAiB,QAAQ,YAAY,OAAO;AAAA,EACvE,SAAS,CAAC,WAAW,SAAS;AAAA,EAC9B,OAAO,CAAC,GAAGA,CAAuB;AAAA,EAClC,SAAS,CAAC,GAAGA,CAAuB;AAAA,EACpC,MAAM,CAAC,GAAGA,CAAuB;AAAA,EACjC,SAAS,CAAC,GAAGA,CAAuB;AAAA,EACpC,gBAAgB,CAAC,GAAGA,CAAuB;AAAA,EAC3C,gBAAgB,CAAC,GAAGA,CAAuB;AAAA,EAC3C,gBAAgB,CAAC,GAAGA,CAAuB;AAAA,EAC3C,gBAAgB,CAAC,GAAGA,CAAuB;AAAA,EAC3C,OAAO,CAAC,QAAQ,YAAY,SAAS;AAAA,EACrC,WAAW,CAAC,OAAO,IAAI;AACzB,GAIaE,IAAY,OAAO,KAAKD,CAAY,GAIpCE,IAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIO,SAASC,EAAmBC,GAA0C;AAC3E,SAAQF,EAA2C,SAASE,CAAI;AAClE;"}

package/dist/design-system/modes/runtime.d.ts

@@ -0,0 +1,34 @@
+import { CustomizableMode, ModeName, ModeValue } from './options';
+import { HueShiftMode, ShadeFormulaId } from '../../lib/generate-shades';
+export declare const BASE_MODE_VALUES: {
+    readonly brand: "blue";
+    readonly gray: "gray";
+    readonly radius: "md";
+    readonly font: "inter";
+    readonly density: "default";
+    readonly error: "red";
+    readonly warning: "amber";
+    readonly info: "blue";
+    readonly success: "green";
+    readonly "decorative-1": "amber";
+    readonly "decorative-2": "teal";
+    readonly "decorative-3": "purple";
+    readonly "decorative-4": "pink";
+    readonly style: "flat";
+    readonly elevation: "off";
+};
+export declare const DEFAULT_CUSTOM_COLOR: Record<CustomizableMode, string>;
+export type CustomColorOptions = {
+    formula?: ShadeFormulaId;
+    hueShift?: HueShiftMode;
+};
+export declare function getMode<Name extends ModeName>(name: Name): ModeValue<Name>;
+export declare function setMode<Name extends ModeName>(name: Name, value: ModeValue<Name>): void;
+export declare function getCustomColor(name: CustomizableMode): string | null;
+export declare function getCustomFormula(name: CustomizableMode): ShadeFormulaId;
+export declare function getCustomHueShift(name: CustomizableMode): HueShiftMode;
+export declare function applyCustomShades(name: CustomizableMode, hex: string, options?: CustomColorOptions): void;
+export declare function clearCustomColor(name: CustomizableMode): void;
+export declare function setCustomColor(name: CustomizableMode, hex: string, options?: CustomColorOptions): void;
+export declare function initModes(): void;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/design-system/modes/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../src/design-system/modes/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EACb,KAAK,SAAS,EACf,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAA;AAO9B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB+B,CAAA;AAoB5D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAUjE,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB,CAAA;AA+CD,wBAAgB,OAAO,CAAC,IAAI,SAAS,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAO1E;AAED,wBAAgB,OAAO,CAAC,IAAI,SAAS,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,QAgBhF;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAUpE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,cAAc,CAQvE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,GAAG,YAAY,CAWtE;AAeD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,gBAAgB,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,kBAAuB,QA4BjC;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,QActD;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,gBAAgB,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,kBAAuB,QAkBjC;AAED,wBAAgB,SAAS,SAoDxB"}

package/dist/design-system/modes/runtime.js

@@ -0,0 +1,195 @@
+"use client";
+import { MODE_KEYS as I, CUSTOMIZABLE_MODES as C } from "./options.js";
+import { DEFAULT_FORMULA as i, generateShadesWith as _, SHADE_STEPS as O, SHADE_FORMULAS as b, HUE_SHIFT_MODES as A } from "../../lib/generate-shades.js";
+const M = "mode:", $ = "custom-color:", p = "custom-formula:", U = "custom-hue-shift:", y = {
+  brand: "blue",
+  gray: "gray",
+  radius: "md",
+  font: "inter",
+  density: "default",
+  error: "red",
+  warning: "amber",
+  info: "blue",
+  success: "green",
+  "decorative-1": "amber",
+  "decorative-2": "teal",
+  "decorative-3": "purple",
+  "decorative-4": "pink",
+  style: "flat",
+  elevation: "off"
+}, v = {
+  brand: { default: "blue" },
+  gray: { default: "gray" },
+  radius: { default: "md" },
+  font: { default: "inter" },
+  density: { default: "default" },
+  error: { default: "red" },
+  warning: { default: "amber" },
+  info: { default: "blue" },
+  success: { default: "green" },
+  "decorative-1": { default: "amber" },
+  "decorative-2": { default: "teal" },
+  "decorative-3": { default: "purple" },
+  "decorative-4": { default: "pink" },
+  style: { default: "flat", raised: "flat" },
+  elevation: { default: "off" }
+}, h = {
+  brand: "#3b82f6",
+  error: "#ef4444",
+  warning: "#f59e0b",
+  info: "#3b82f6",
+  success: "#22c55e",
+  "decorative-1": "#f59e0b",
+  "decorative-2": "#14b8a6",
+  "decorative-3": "#a855f7",
+  "decorative-4": "#ec4899"
+};
+function s() {
+  return typeof document < "u";
+}
+function a() {
+  return typeof localStorage < "u";
+}
+function n(t) {
+  return `${M}${t}`;
+}
+function d(t) {
+  return `${$}${t}`;
+}
+function m(t) {
+  return `${p}${t}`;
+}
+function S(t) {
+  return `${U}${t}`;
+}
+function F(t) {
+  return `custom-mode-${t}`;
+}
+function T(t) {
+  return t !== null && t in b;
+}
+function R(t) {
+  return t !== null && A.includes(t);
+}
+function E(t, e) {
+  return e ? v[t][e] ?? e : y[t];
+}
+function w(t) {
+  if (!s())
+    return y[t];
+  const e = document.documentElement.getAttribute(`data-${t}`);
+  return E(t, e);
+}
+function X(t, e) {
+  if (s() && (document.documentElement.setAttribute(`data-${t}`, e), !!a()))
+    try {
+      localStorage.setItem(n(t), e);
+    } catch {
+    }
+}
+function L(t) {
+  if (!a())
+    return null;
+  try {
+    return localStorage.getItem(d(t));
+  } catch {
+    return null;
+  }
+}
+function D(t) {
+  if (!a()) return i;
+  try {
+    const e = localStorage.getItem(m(t));
+    return T(e) ? e : i;
+  } catch {
+    return i;
+  }
+}
+function H(t) {
+  if (!a()) return "off";
+  try {
+    const e = localStorage.getItem(S(t));
+    return R(e) ? e : e === "1" ? "warm-to-cool" : "off";
+  } catch {
+    return "off";
+  }
+}
+function K(t, e, o, r) {
+  const u = _(e, o, { hueShift: r }), l = O.map(
+    (f) => `  --${t}-${f}: ${u[f]};`
+  ).join(`
+`);
+  return `:root[data-${t}="custom"] {
+${l}
+}
+`;
+}
+function g(t, e, o = {}) {
+  if (!s())
+    return;
+  const r = o.formula ?? i, u = o.hueShift ?? "off";
+  let l;
+  try {
+    l = K(t, e, r, u);
+  } catch {
+    return;
+  }
+  const f = F(t);
+  let c = document.getElementById(f);
+  c || (c = document.createElement("style"), c.id = f, document.head.appendChild(c)), c.textContent !== l && (c.textContent = l);
+}
+function k(t) {
+  if (g(t, h[t]), !!a())
+    try {
+      localStorage.removeItem(d(t)), localStorage.removeItem(m(t)), localStorage.removeItem(S(t));
+    } catch {
+    }
+}
+function x(t, e, o = {}) {
+  const r = o.formula ?? i, u = o.hueShift ?? "off";
+  if (g(t, e, { formula: r, hueShift: u }), !!a())
+    try {
+      localStorage.setItem(d(t), e), localStorage.setItem(m(t), r), localStorage.setItem(S(t), u);
+    } catch {
+    }
+}
+function B() {
+  if (!(!s() || !a())) {
+    try {
+      localStorage.getItem(n("style")) === "raised" && (localStorage.setItem(n("style"), "flat"), localStorage.setItem(n("elevation"), "on"));
+    } catch {
+    }
+    try {
+      const t = localStorage.getItem("mode:spacing");
+      t !== null && localStorage.getItem(n("density")) === null && localStorage.setItem(n("density"), t), t !== null && localStorage.removeItem("mode:spacing");
+    } catch {
+    }
+    for (const t of I)
+      try {
+        const e = n(t), o = localStorage.getItem(e), r = E(t, o);
+        document.documentElement.setAttribute(`data-${t}`, r), o !== r && localStorage.setItem(e, r);
+      } catch {
+      }
+    for (const t of C) {
+      const e = L(t) ?? h[t];
+      g(t, e, {
+        formula: D(t),
+        hueShift: H(t)
+      });
+    }
+  }
+}
+export {
+  y as BASE_MODE_VALUES,
+  h as DEFAULT_CUSTOM_COLOR,
+  g as applyCustomShades,
+  k as clearCustomColor,
+  L as getCustomColor,
+  D as getCustomFormula,
+  H as getCustomHueShift,
+  w as getMode,
+  B as initModes,
+  x as setCustomColor,
+  X as setMode
+};
+//# sourceMappingURL=runtime.js.map

package/dist/design-system/modes/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sources":["../../../src/design-system/modes/runtime.ts"],"sourcesContent":["import {\n  CUSTOMIZABLE_MODES,\n  MODE_KEYS,\n  type CustomizableMode,\n  type ModeName,\n  type ModeValue,\n} from \"@/design-system/modes/options\"\nimport {\n  DEFAULT_FORMULA,\n  generateShadesWith,\n  HUE_SHIFT_MODES,\n  SHADE_FORMULAS,\n  SHADE_STEPS,\n  type HueShiftMode,\n  type ShadeFormulaId,\n} from \"@/lib/generate-shades\"\n\nconst STORAGE_PREFIX = \"mode:\"\nconst CUSTOM_COLOR_STORAGE_PREFIX = \"custom-color:\"\nconst CUSTOM_FORMULA_STORAGE_PREFIX = \"custom-formula:\"\nconst CUSTOM_HUE_SHIFT_STORAGE_PREFIX = \"custom-hue-shift:\"\n\nexport const BASE_MODE_VALUES = {\n  brand: \"blue\",\n  gray: \"gray\",\n  radius: \"md\",\n  font: \"inter\",\n  density: \"default\",\n  error: \"red\",\n  warning: \"amber\",\n  info: \"blue\",\n  success: \"green\",\n  \"decorative-1\": \"amber\",\n  \"decorative-2\": \"teal\",\n  \"decorative-3\": \"purple\",\n  \"decorative-4\": \"pink\",\n  style: \"flat\",\n  elevation: \"off\",\n} as const satisfies { [Name in ModeName]: ModeValue<Name> }\n\nconst LEGACY_MODE_ALIASES = {\n  brand: { default: \"blue\" },\n  gray: { default: \"gray\" },\n  radius: { default: \"md\" },\n  font: { default: \"inter\" },\n  density: { default: \"default\" },\n  error: { default: \"red\" },\n  warning: { default: \"amber\" },\n  info: { default: \"blue\" },\n  success: { default: \"green\" },\n  \"decorative-1\": { default: \"amber\" },\n  \"decorative-2\": { default: \"teal\" },\n  \"decorative-3\": { default: \"purple\" },\n  \"decorative-4\": { default: \"pink\" },\n  style: { default: \"flat\", raised: \"flat\" },\n  elevation: { default: \"off\" },\n} as const\n\nexport const DEFAULT_CUSTOM_COLOR: Record<CustomizableMode, string> = {\n  brand: \"#3b82f6\",\n  error: \"#ef4444\",\n  warning: \"#f59e0b\",\n  info: \"#3b82f6\",\n  success: \"#22c55e\",\n  \"decorative-1\": \"#f59e0b\",\n  \"decorative-2\": \"#14b8a6\",\n  \"decorative-3\": \"#a855f7\",\n  \"decorative-4\": \"#ec4899\",\n}\n\nexport type CustomColorOptions = {\n  formula?: ShadeFormulaId\n  hueShift?: HueShiftMode\n}\n\nfunction canUseDOM() {\n  return typeof document !== \"undefined\"\n}\n\nfunction canUseStorage() {\n  return typeof localStorage !== \"undefined\"\n}\n\nfunction getStorageKey(name: ModeName) {\n  return `${STORAGE_PREFIX}${name}`\n}\n\nfunction getCustomColorStorageKey(name: CustomizableMode) {\n  return `${CUSTOM_COLOR_STORAGE_PREFIX}${name}`\n}\n\nfunction getCustomFormulaStorageKey(name: CustomizableMode) {\n  return `${CUSTOM_FORMULA_STORAGE_PREFIX}${name}`\n}\n\nfunction getCustomHueShiftStorageKey(name: CustomizableMode) {\n  return `${CUSTOM_HUE_SHIFT_STORAGE_PREFIX}${name}`\n}\n\nfunction getCustomStyleElementId(name: CustomizableMode) {\n  return `custom-mode-${name}`\n}\n\nfunction isShadeFormulaId(value: string | null): value is ShadeFormulaId {\n  return value !== null && value in SHADE_FORMULAS\n}\n\nfunction isHueShiftMode(value: string | null): value is HueShiftMode {\n  return value !== null && (HUE_SHIFT_MODES as readonly string[]).includes(value)\n}\n\nfunction normalizeModeValue<Name extends ModeName>(name: Name, value: string | null) {\n  if (!value) {\n    return BASE_MODE_VALUES[name]\n  }\n\n  const alias = LEGACY_MODE_ALIASES[name][value as \"default\"]\n  return (alias ?? value) as ModeValue<Name>\n}\n\nexport function getMode<Name extends ModeName>(name: Name): ModeValue<Name> {\n  if (!canUseDOM()) {\n    return BASE_MODE_VALUES[name]\n  }\n\n  const current = document.documentElement.getAttribute(`data-${name}`)\n  return normalizeModeValue(name, current)\n}\n\nexport function setMode<Name extends ModeName>(name: Name, value: ModeValue<Name>) {\n  if (!canUseDOM()) {\n    return\n  }\n\n  document.documentElement.setAttribute(`data-${name}`, value)\n\n  if (!canUseStorage()) {\n    return\n  }\n\n  try {\n    localStorage.setItem(getStorageKey(name), value)\n  } catch {\n    // Storage can fail in restricted browser contexts.\n  }\n}\n\nexport function getCustomColor(name: CustomizableMode): string | null {\n  if (!canUseStorage()) {\n    return null\n  }\n\n  try {\n    return localStorage.getItem(getCustomColorStorageKey(name))\n  } catch {\n    return null\n  }\n}\n\nexport function getCustomFormula(name: CustomizableMode): ShadeFormulaId {\n  if (!canUseStorage()) return DEFAULT_FORMULA\n  try {\n    const stored = localStorage.getItem(getCustomFormulaStorageKey(name))\n    return isShadeFormulaId(stored) ? stored : DEFAULT_FORMULA\n  } catch {\n    return DEFAULT_FORMULA\n  }\n}\n\nexport function getCustomHueShift(name: CustomizableMode): HueShiftMode {\n  if (!canUseStorage()) return \"off\"\n  try {\n    const stored = localStorage.getItem(getCustomHueShiftStorageKey(name))\n    if (isHueShiftMode(stored)) return stored\n    // Legacy: boolean-ish \"1\"/\"0\" → map to warm-to-cool / off.\n    if (stored === \"1\") return \"warm-to-cool\"\n    return \"off\"\n  } catch {\n    return \"off\"\n  }\n}\n\nfunction buildCustomShadesCss(\n  name: CustomizableMode,\n  hex: string,\n  formula: ShadeFormulaId,\n  hueShift: HueShiftMode\n): string {\n  const shades = generateShadesWith(hex, formula, { hueShift })\n  const declarations = SHADE_STEPS.map(\n    (step) => `  --${name}-${step}: ${shades[step]};`\n  ).join(\"\\n\")\n  return `:root[data-${name}=\"custom\"] {\\n${declarations}\\n}\\n`\n}\n\nexport function applyCustomShades(\n  name: CustomizableMode,\n  hex: string,\n  options: CustomColorOptions = {}\n) {\n  if (!canUseDOM()) {\n    return\n  }\n\n  const formula = options.formula ?? DEFAULT_FORMULA\n  const hueShift = options.hueShift ?? \"off\"\n\n  let css: string\n  try {\n    css = buildCustomShadesCss(name, hex, formula, hueShift)\n  } catch {\n    return\n  }\n\n  const id = getCustomStyleElementId(name)\n  let element = document.getElementById(id) as HTMLStyleElement | null\n\n  if (!element) {\n    element = document.createElement(\"style\")\n    element.id = id\n    document.head.appendChild(element)\n  }\n\n  if (element.textContent !== css) {\n    element.textContent = css\n  }\n}\n\nexport function clearCustomColor(name: CustomizableMode) {\n  applyCustomShades(name, DEFAULT_CUSTOM_COLOR[name])\n\n  if (!canUseStorage()) {\n    return\n  }\n\n  try {\n    localStorage.removeItem(getCustomColorStorageKey(name))\n    localStorage.removeItem(getCustomFormulaStorageKey(name))\n    localStorage.removeItem(getCustomHueShiftStorageKey(name))\n  } catch {\n    // Storage can fail in restricted browser contexts.\n  }\n}\n\nexport function setCustomColor(\n  name: CustomizableMode,\n  hex: string,\n  options: CustomColorOptions = {}\n) {\n  const formula = options.formula ?? DEFAULT_FORMULA\n  const hueShift = options.hueShift ?? \"off\"\n\n  applyCustomShades(name, hex, { formula, hueShift })\n\n  if (!canUseStorage()) {\n    return\n  }\n\n  try {\n    localStorage.setItem(getCustomColorStorageKey(name), hex)\n    localStorage.setItem(getCustomFormulaStorageKey(name), formula)\n    localStorage.setItem(getCustomHueShiftStorageKey(name), hueShift)\n  } catch {\n    // Storage can fail in restricted browser contexts.\n  }\n}\n\nexport function initModes() {\n  if (!canUseDOM() || !canUseStorage()) {\n    return\n  }\n\n  // Migrate the retired `style: \"raised\"` value → `style: \"flat\"` + `elevation: \"on\"`\n  // (elevation became an independent dimension).\n  try {\n    if (localStorage.getItem(getStorageKey(\"style\")) === \"raised\") {\n      localStorage.setItem(getStorageKey(\"style\"), \"flat\")\n      localStorage.setItem(getStorageKey(\"elevation\"), \"on\")\n    }\n  } catch {\n    // Storage can fail in restricted browser contexts.\n  }\n\n  // Migrate the renamed `spacing` mode → `density`.\n  try {\n    const legacy = localStorage.getItem(\"mode:spacing\")\n    if (legacy !== null && localStorage.getItem(getStorageKey(\"density\")) === null) {\n      localStorage.setItem(getStorageKey(\"density\"), legacy)\n    }\n    if (legacy !== null) {\n      localStorage.removeItem(\"mode:spacing\")\n    }\n  } catch {\n    // Storage can fail in restricted browser contexts.\n  }\n\n  for (const key of MODE_KEYS) {\n    try {\n      const storageKey = getStorageKey(key)\n      const stored = localStorage.getItem(storageKey)\n      const normalized = normalizeModeValue(key, stored)\n\n      document.documentElement.setAttribute(`data-${key}`, normalized)\n\n      if (stored !== normalized) {\n        localStorage.setItem(storageKey, normalized)\n      }\n    } catch {\n      // Storage can fail in restricted browser contexts.\n    }\n  }\n\n  for (const mode of CUSTOMIZABLE_MODES) {\n    const hex = getCustomColor(mode) ?? DEFAULT_CUSTOM_COLOR[mode]\n    applyCustomShades(mode, hex, {\n      formula: getCustomFormula(mode),\n      hueShift: getCustomHueShift(mode),\n    })\n  }\n}\n"],"names":["STORAGE_PREFIX","CUSTOM_COLOR_STORAGE_PREFIX","CUSTOM_FORMULA_STORAGE_PREFIX","CUSTOM_HUE_SHIFT_STORAGE_PREFIX","BASE_MODE_VALUES","LEGACY_MODE_ALIASES","DEFAULT_CUSTOM_COLOR","canUseDOM","canUseStorage","getStorageKey","name","getCustomColorStorageKey","getCustomFormulaStorageKey","getCustomHueShiftStorageKey","getCustomStyleElementId","isShadeFormulaId","value","SHADE_FORMULAS","isHueShiftMode","HUE_SHIFT_MODES","normalizeModeValue","getMode","current","setMode","getCustomColor","getCustomFormula","DEFAULT_FORMULA","stored","getCustomHueShift","buildCustomShadesCss","hex","formula","hueShift","shades","generateShadesWith","declarations","SHADE_STEPS","step","applyCustomShades","options","css","id","element","clearCustomColor","setCustomColor","initModes","legacy","key","MODE_KEYS","storageKey","normalized","mode","CUSTOMIZABLE_MODES"],"mappings":"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"}

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,16 @@
+"use client";
+import * as o from "react";
+const e = 768;
+function r() {
+  const [s, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, []), !!s;
+}
+export {
+  r as useIsMobile
+};
+//# sourceMappingURL=use-mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","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"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","mql","onChange"],"mappings":";;AAEA,MAAMA,IAAoB;AAEnB,SAASC,IAAc;AAC5B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAA8B,MAAS;AAE7E,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAM,OAAO,WAAW,eAAeL,IAAoB,CAAC,KAAK,GACjEM,IAAW,MAAM;AACrB,MAAAH,EAAY,OAAO,aAAaH,CAAiB;AAAA,IACnD;AACA,WAAAK,EAAI,iBAAiB,UAAUC,CAAQ,GACvCH,EAAY,OAAO,aAAaH,CAAiB,GAC1C,MAAMK,EAAI,oBAAoB,UAAUC,CAAQ;AAAA,EACzD,GAAG,CAAA,CAAE,GAEE,CAAC,CAACJ;AACX;"}