@devalok/shilp-sutra 0.2.0 → 0.3.0

package/dist/ui/sheet.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import * as r from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import * as s from "react";
 import { Root as b, Close as i, Portal as x, Trigger as y, Content as l, Description as n, Overlay as m, Title as c } from "../primitives/react-dialog.js";
 import { cva as u } from "class-variance-authority";
 import { IconX as N } from "@tabler/icons-react";
-import { cn as s } from "./lib/utils.js";
-const O = b, P = y, V = i, g = x, f = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+import { cn as r } from "./lib/utils.js";
+const O = b, P = y, V = i, g = x, f = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   m,
   {
-    className: s(
+    className: r(
       "fixed inset-0 z-modal bg-overlay duration-moderate-02 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t,
-    ref: o
+    ref: a
   }
 ));
 f.displayName = m.displayName;
@@ -32,78 +32,78 @@ const v = u(
       side: "right"
     }
   }
-), S = r.forwardRef(({ side: e = "right", className: t, children: o, ...p }, h) => /* @__PURE__ */ d(g, { children: [
-  /* @__PURE__ */ a(f, {}),
+), w = s.forwardRef(({ side: e = "right", className: t, children: a, ...p }, h) => /* @__PURE__ */ d(g, { children: [
+  /* @__PURE__ */ o(f, {}),
   /* @__PURE__ */ d(
     l,
     {
       ref: h,
-      className: s(v({ side: e }), t),
+      className: r(v({ side: e }), t),
       ...p,
       children: [
-        /* @__PURE__ */ d(i, { className: "absolute right-ds-05 top-ds-05 rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none", children: [
-          /* @__PURE__ */ a(N, { className: "h-ico-sm w-ico-sm" }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ d(i, { className: "absolute right-ds-05 top-ds-05 min-h-6 min-w-6 flex items-center justify-center rounded-ds-sm text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none", children: [
+          /* @__PURE__ */ o(N, { className: "h-ico-sm w-ico-sm" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] }),
-        o
+        a
       ]
     }
   )
 ] }));
-S.displayName = l.displayName;
-const w = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: s(
-      "flex flex-col space-y-ds-03 text-center sm:text-left",
-      e
-    ),
-    ...t
-  }
+w.displayName = l.displayName;
+const S = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: r(
+        "flex flex-col space-y-ds-03 text-center sm:text-left",
+        e
+      ),
+      ...t
+    }
+  )
 );
-w.displayName = "SheetHeader";
-const R = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: s(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-      e
-    ),
-    ...t
-  }
+S.displayName = "SheetHeader";
+const R = s.forwardRef(
+  ({ className: e, ...t }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: a,
+      className: r(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
+        e
+      ),
+      ...t
+    }
+  )
 );
 R.displayName = "SheetFooter";
-const C = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+const C = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   c,
   {
-    ref: o,
-    className: s("text-ds-lg font-semibold text-text-primary", e),
+    ref: a,
+    className: r("text-ds-lg font-semibold text-text-primary", e),
     ...t
   }
 ));
 C.displayName = c.displayName;
-const T = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
+const j = s.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
   n,
   {
-    ref: o,
-    className: s("text-ds-md text-text-secondary", e),
+    ref: a,
+    className: r("text-ds-md text-text-secondary", e),
     ...t
   }
 ));
-T.displayName = n.displayName;
+j.displayName = n.displayName;
 export {
   O as Sheet,
   V as SheetClose,
-  S as SheetContent,
-  T as SheetDescription,
+  w as SheetContent,
+  j as SheetDescription,
   R as SheetFooter,
-  w as SheetHeader,
+  S as SheetHeader,
   f as SheetOverlay,
   g as SheetPortal,
   C as SheetTitle,

package/dist/ui/sidebar.d.ts

@@ -46,7 +46,7 @@ declare const SidebarMenuButton: import('react').ForwardRefExoticComponent<Omit<
     isActive?: boolean;
     tooltip?: string | ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/ui/slider.d.ts

@@ -2,5 +2,6 @@
 import * as React from 'react';
 import * as SliderPrimitive from '../primitives/react-slider';
 declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map

package/dist/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAI3D,QAAA,MAAM,MAAM,yJAoBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAI3D,QAAA,MAAM,MAAM,yJAoBV,CAAA;AAGF,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAErF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/spinner.js

@@ -1,21 +1,21 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import * as n from "react";
+import * as a from "react";
 import { cn as c } from "./lib/utils.js";
-const a = {
+const l = {
   sm: "h-ico-sm w-ico-sm",
   md: "h-ico-md w-ico-md",
   lg: "h-ico-lg w-ico-lg"
-}, t = n.forwardRef(
-  ({ size: s = "md", className: i, ...e }, l) => /* @__PURE__ */ r("span", { role: "status", children: [
+}, t = a.forwardRef(
+  ({ size: e = "md", className: s, ...i }, n) => /* @__PURE__ */ r("span", { role: "status", children: [
     /* @__PURE__ */ r(
       "svg",
       {
-        ref: l,
-        className: c("animate-spin", a[s], i),
+        ref: n,
+        className: c("animate-spin motion-reduce:animate-none", l[e], s),
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        ...e,
+        ...i,
         children: [
           /* @__PURE__ */ o(
             "circle",

package/dist/ui/switch.d.ts

@@ -1,6 +1,9 @@
 "use client";
 import * as React from "react";
 import * as SwitchPrimitives from "../primitives/react-switch";
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    error?: boolean;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,0BAA0B,CAAA;AAI5D,QAAA,MAAM,MAAM,8JAkBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,0BAA0B,CAAA;AAI5D,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC/F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,MAAM,uFAmBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/switch.js

@@ -1,28 +1,29 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import * as i from "react";
-import { Root as t, Thumb as n } from "../primitives/react-switch.js";
-import { cn as o } from "./lib/utils.js";
-const d = i.forwardRef(({ className: r, ...s }, a) => /* @__PURE__ */ e(
-  t,
+import * as n from "react";
+import { Root as o, Thumb as d } from "../primitives/react-switch.js";
+import { cn as r } from "./lib/utils.js";
+const c = n.forwardRef(({ className: t, error: a, ...s }, i) => /* @__PURE__ */ e(
+  o,
   {
-    className: o(
+    className: r(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-transparent shadow-01 transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[0.38] data-[state=checked]:bg-interactive data-[state=unchecked]:bg-border-strong",
-      r
+      a && "border-border-error data-[state=checked]:bg-error",
+      t
     ),
     ...s,
-    ref: a,
+    ref: i,
     children: /* @__PURE__ */ e(
-      n,
+      d,
       {
-        className: o(
+        className: r(
           "pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-text-on-color shadow-02 ring-0 transition-transform duration-fast-01 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
     )
   }
 ));
-d.displayName = t.displayName;
+c.displayName = o.displayName;
 export {
-  d as Switch
+  c as Switch
 };

package/dist/ui/toast.d.ts

@@ -5,7 +5,7 @@ import * as ToastPrimitives from '../primitives/react-toast';
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "error" | "default" | "warning" | "success" | "info" | null | undefined;
+    color?: "default" | "error" | "warning" | "success" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -18,10 +18,10 @@ declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimit
  * @example
  * // Imperative approach (recommended for user-triggered notifications):
  * const { toast } = useToast()
- * toast({ title: 'Saved!', variant: 'success' })
+ * toast({ title: 'Saved!', color: 'success' })
  *
  * // Declarative (for tests/Storybook only):
- * <Toast open variant="error">
+ * <Toast open color="error">
  *   <ToastTitle>Error</ToastTitle>
  *   <ToastDescription>Something went wrong.</ToastDescription>
  *   <ToastClose />

package/dist/ui/toast.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import * as r from "react";
 import { Provider as p, Root as i, Action as d, Close as n, Description as l, Title as c, Viewport as m } from "../primitives/react-toast.js";
 import { cva as u } from "class-variance-authority";
 import { IconX as b } from "@tabler/icons-react";
 import { cn as a } from "./lib/utils.js";
-const C = p, x = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+const C = p, x = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   m,
   {
-    ref: s,
+    ref: o,
     className: a(
       "fixed top-0 z-toast flex max-h-screen w-full flex-col-reverse p-ds-05 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       e
@@ -21,7 +21,7 @@ const v = u(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-ds-03 overflow-hidden rounded-ds-md border p-ds-05 pr-ds-06 shadow-03 transition-all duration-moderate-02 data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
-      variant: {
+      color: {
         default: "border-border bg-layer-01 text-text-primary",
         success: "border-success-border bg-success-surface text-success-text",
         warning: "border-warning-border bg-warning-surface text-warning-text",
@@ -30,24 +30,24 @@ const v = u(
       }
     },
     defaultVariants: {
-      variant: "default"
+      color: "default"
     }
   }
-), w = r.forwardRef(({ className: e, variant: t, ...s }, f) => /* @__PURE__ */ o(
+), w = r.forwardRef(({ className: e, color: t, ...o }, f) => /* @__PURE__ */ s(
   i,
   {
     ref: f,
     role: "status",
     "aria-live": "polite",
-    className: a(v({ variant: t }), e),
-    ...s
+    className: a(v({ color: t }), e),
+    ...o
   }
 ));
 w.displayName = i.displayName;
-const g = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+const y = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   d,
   {
-    ref: s,
+    ref: o,
     className: a(
       "inline-flex h-ds-sm shrink-0 items-center justify-center rounded-ds-md border border-border bg-transparent px-ds-04 text-ds-md font-medium transition-colors hover:bg-layer-02 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38] group-[.destructive]:border-border-error group-[.destructive]:hover:bg-error-surface",
       e
@@ -55,34 +55,34 @@ const g = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
     ...t
   }
 ));
-g.displayName = d.displayName;
-const y = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+y.displayName = d.displayName;
+const g = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   n,
   {
-    ref: s,
+    ref: o,
     className: a(
-      "absolute right-ds-02 top-ds-02 rounded-ds-md p-ds-02 text-text-secondary opacity-0 transition-opacity hover:text-text-primary focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus group-hover:opacity-100",
+      "absolute right-ds-02 top-ds-02 min-h-6 min-w-6 flex items-center justify-center rounded-ds-md p-ds-02 text-text-secondary opacity-70 transition-opacity hover:text-text-primary hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
       e
     ),
     "toast-close": "",
     ...t,
-    children: /* @__PURE__ */ o(b, { className: "h-ico-sm w-ico-sm" })
+    children: /* @__PURE__ */ s(b, { className: "h-ico-sm w-ico-sm" })
   }
 ));
-y.displayName = n.displayName;
-const N = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+g.displayName = n.displayName;
+const N = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   c,
   {
-    ref: s,
+    ref: o,
     className: a("text-ds-md font-semibold [&+div]:text-ds-sm", e),
     ...t
   }
 ));
 N.displayName = c.displayName;
-const h = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+const h = r.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ s(
   l,
   {
-    ref: s,
+    ref: o,
     className: a("text-ds-md opacity-[0.9]", e),
     ...t
   }
@@ -90,8 +90,8 @@ const h = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
 h.displayName = l.displayName;
 export {
   w as Toast,
-  g as ToastAction,
-  y as ToastClose,
+  y as ToastAction,
+  g as ToastClose,
   h as ToastDescription,
   C as ToastProvider,
   N as ToastTitle,

package/dist/ui/toaster.d.ts

@@ -24,7 +24,7 @@
  * function SaveButton() {
  *   const { toast } = useToast()
  *   return (
- *     <button onClick={() => toast({ title: 'Saved!', description: 'Changes saved.', variant: 'success' })}>
+ *     <button onClick={() => toast({ title: 'Saved!', description: 'Changes saved.', color: 'success' })}>
  *       Save
  *     </button>
  *   )
@@ -32,9 +32,9 @@
  *
  * // Or use the imperative function directly (no hook needed):
  * import { toast } from '@devalok/shilp-sutra'
- * toast({ title: 'Deleted', variant: 'error' })
+ * toast({ title: 'Deleted', color: 'error' })
  *
- * // Valid variants: 'default' | 'success' | 'warning' | 'error' | 'info'
+ * // Valid colors: 'default' | 'success' | 'warning' | 'error' | 'info'
  */
 export declare function Toaster(): import("react/jsx-runtime").JSX.Element;
 export declare namespace Toaster {

package/dist/ui/toggle-group.d.ts

@@ -3,11 +3,11 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import * as ToggleGroupPrimitive from '../primitives/react-toggle-group';
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/ui/toggle.d.ts

@@ -3,11 +3,11 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import * as TogglePrimitive from '../primitives/react-toggle';
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
+  "main": "./dist/ui/index.js",
+  "module": "./dist/ui/index.js",
+  "types": "./dist/ui/index.d.ts",
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "**/primitives/**"
   ],
   "exports": {
+    ".": { "import": "./dist/ui/index.js", "types": "./dist/ui/index.d.ts" },
     "./tokens": "./dist/tokens/index.css",
 
     "./ui": { "import": "./dist/ui/index.js", "types": "./dist/ui/index.d.ts" },
@@ -73,6 +78,8 @@
     "./ui/tooltip": { "import": "./dist/ui/tooltip.js", "types": "./dist/ui/tooltip.d.ts" },
     "./ui/transitions": { "import": "./dist/ui/transitions.js", "types": "./dist/ui/transitions.d.ts" },
     "./ui/visually-hidden": { "import": "./dist/ui/visually-hidden.js", "types": "./dist/ui/visually-hidden.d.ts" },
+    "./ui/charts": { "import": "./dist/ui/charts/index.js", "types": "./dist/ui/charts/index.d.ts" },
+    "./ui/tree-view": { "import": "./dist/ui/tree-view/index.js", "types": "./dist/ui/tree-view/index.d.ts" },
 
     "./composed": { "import": "./dist/composed/index.js", "types": "./dist/composed/index.d.ts" },
     "./composed/avatar-group": { "import": "./dist/composed/avatar-group.js", "types": "./dist/composed/avatar-group.d.ts" },
@@ -88,6 +95,7 @@
     "./composed/priority-indicator": { "import": "./dist/composed/priority-indicator.js", "types": "./dist/composed/priority-indicator.d.ts" },
     "./composed/rich-text-editor": { "import": "./dist/composed/rich-text-editor.js", "types": "./dist/composed/rich-text-editor.d.ts" },
     "./composed/status-badge": { "import": "./dist/composed/status-badge.js", "types": "./dist/composed/status-badge.d.ts" },
+    "./composed/date-picker": { "import": "./dist/composed/date-picker/index.js", "types": "./dist/composed/date-picker/index.d.ts" },
 
     "./shell": { "import": "./dist/shell/index.js", "types": "./dist/shell/index.d.ts" },
     "./shell/app-command-palette": { "import": "./dist/shell/app-command-palette.js", "types": "./dist/shell/app-command-palette.d.ts" },
@@ -103,7 +111,11 @@
     "./hooks/use-mobile": { "import": "./dist/hooks/use-mobile.js", "types": "./dist/hooks/use-mobile.d.ts" },
     "./hooks/use-toast": { "import": "./dist/hooks/use-toast.js", "types": "./dist/hooks/use-toast.d.ts" },
 
-    "./tailwind": { "import": "./dist/tailwind/index.js", "types": "./dist/tailwind/index.d.ts" },
+    "./tailwind": {
+      "require": "./dist/tailwind/index.cjs",
+      "import": "./dist/tailwind/index.js",
+      "types": "./dist/tailwind/index.d.ts"
+    },
     "./fonts/*": "./fonts/*"
   },
   "files": [
@@ -112,7 +124,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "vite build && pnpm build:tokens && node scripts/fix-dts-primitives.mjs && node scripts/inject-use-client.mjs",
+    "build": "vite build && pnpm build:tokens && node scripts/fix-dts-primitives.mjs && node scripts/inject-use-client.mjs && node scripts/build-tailwind-cjs.mjs",
     "build:tokens": "node scripts/copy-tokens.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/",
@@ -121,19 +133,61 @@
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react-dom": "^18 || ^19",
+    "@tabler/icons-react": "^3.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@tanstack/react-virtual": "^3.0.0",
+    "@tiptap/react": "^2.0.0",
+    "@tiptap/starter-kit": "^2.0.0",
+    "@tiptap/extension-placeholder": "^2.0.0",
+    "d3-array": "^3.0.0",
+    "d3-axis": "^3.0.0",
+    "d3-format": "^3.0.0",
+    "d3-interpolate": "^3.0.0",
+    "d3-scale": "^4.0.0",
+    "d3-selection": "^3.0.0",
+    "d3-shape": "^3.0.0",
+    "d3-time-format": "^4.0.0",
+    "d3-transition": "^3.0.0",
+    "date-fns": "^4.0.0",
+    "input-otp": "^1.0.0",
+    "react-markdown": "^10.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tabler/icons-react": { "optional": true },
+    "@tanstack/react-table": { "optional": true },
+    "@tanstack/react-virtual": { "optional": true },
+    "@tiptap/react": { "optional": true },
+    "@tiptap/starter-kit": { "optional": true },
+    "@tiptap/extension-placeholder": { "optional": true },
+    "d3-array": { "optional": true },
+    "d3-axis": { "optional": true },
+    "d3-format": { "optional": true },
+    "d3-interpolate": { "optional": true },
+    "d3-scale": { "optional": true },
+    "d3-selection": { "optional": true },
+    "d3-shape": { "optional": true },
+    "d3-time-format": { "optional": true },
+    "d3-transition": { "optional": true },
+    "date-fns": { "optional": true },
+    "input-otp": { "optional": true },
+    "react-markdown": { "optional": true }
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.7",
+    "aria-hidden": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "react-remove-scroll": "^2.6.3",
+    "tailwind-merge": "^3.0.1"
+  },
+  "devDependencies": {
     "@tabler/icons-react": "^3.37.1",
     "@tanstack/react-table": "^8.21.2",
     "@tanstack/react-virtual": "^3.13.19",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/react": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "aria-hidden": "^1.2.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "d3-array": "^3.2.4",
     "d3-axis": "^3.0.0",
     "d3-format": "^3.1.2",
@@ -145,9 +199,7 @@
     "d3-transition": "^3.0.1",
     "date-fns": "^4.1.0",
     "input-otp": "^1.4.2",
-    "react-markdown": "^10.1.0",
-    "react-remove-scroll": "^2.6.3",
-    "tailwind-merge": "^3.0.1"
+    "react-markdown": "^10.1.0"
   },
   "engines": {
     "node": ">=20.0.0"