@devalok/shilp-sutra 0.1.0 → 0.2.0

package/dist/ui/table.js

@@ -1,7 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as o from "react";
+import { jsx as o } from "react/jsx-runtime";
+import * as l from "react";
 import { cn as r } from "./lib/utils.js";
-const s = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ l(
+const s = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o(
   "table",
   {
     ref: t,
@@ -10,9 +10,9 @@ const s = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l("div", {
   }
 ) }));
 s.displayName = "Table";
-const d = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l("thead", { ref: t, className: r("", e), ...a }));
+const d = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: r("", e), ...a }));
 d.displayName = "TableHeader";
-const c = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const c = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tbody",
   {
     ref: t,
@@ -21,7 +21,7 @@ const c = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
   }
 ));
 c.displayName = "TableBody";
-const m = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const m = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tfoot",
   {
     ref: t,
@@ -33,7 +33,7 @@ const m = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
   }
 ));
 m.displayName = "TableFooter";
-const b = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const b = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tr",
   {
     ref: t,
@@ -45,32 +45,32 @@ const b = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
   }
 ));
 b.displayName = "TableRow";
-const i = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const i = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "th",
   {
     ref: t,
     scope: "col",
     className: r(
-      "h-ds-md px-ds-03 text-left align-left font-medium text-text-secondary [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "h-ds-md px-ds-03 text-left font-medium text-text-secondary [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a
   }
 ));
 i.displayName = "TableHead";
-const f = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const f = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "td",
   {
     ref: t,
     className: r(
-      "p-ds-03 px-0 align-left [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "py-ds-03 px-0 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a
   }
 ));
 f.displayName = "TableCell";
-const n = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+const n = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "caption",
   {
     ref: t,

package/dist/ui/tabs.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
-import * as TabsPrimitive from '@primitives/react-tabs';
+import * as TabsPrimitive from '../primitives/react-tabs';
 import * as React from 'react';
 /**
  * Tabs compound component — accessible tabbed navigation with keyboard support and two visual

package/dist/ui/tabs.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s } from "react/jsx-runtime";
 import { Root as m, Content as d, List as c, Trigger as l } from "../primitives/react-tabs.js";
 import * as r from "react";

package/dist/ui/text.d.ts

@@ -38,7 +38,7 @@ type TextVariant = NonNullable<VariantProps<typeof textVariants>['variant']>;
  */
 type TextProps<T extends React.ElementType = 'p'> = {
     variant?: TextVariant;
-    as?: T;
+    as?: React.ElementType;
     className?: string;
     children?: React.ReactNode;
 } & Omit<React.ComponentPropsWithRef<T>, 'as' | 'variant' | 'className' | 'children'>;

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/ui/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;8EAwBhB,CAAA;AAEF,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAqB5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IAClD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAErF,QAAA,MAAM,IAAI,iGAST,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,CAAA"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/ui/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;8EAwBhB,CAAA;AAEF,KAAK,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAqB5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI;IAClD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAErF,QAAA,MAAM,IAAI,iGAST,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,CAAA"}

package/dist/ui/textarea.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import { InputState } from './input';
 import * as React from 'react';

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,QAAA,MAAM,gBAAgB;;8EAsBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EACrE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,2FAgBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,QAAA,MAAM,gBAAgB;;8EAsBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EACrE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,2FAiBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/ui/textarea.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as d } from "react/jsx-runtime";
 import * as a from "react";
 import { cva as t } from "class-variance-authority";
@@ -28,6 +29,7 @@ const l = t(
   ({ className: e, state: r, size: s, ...o }, i) => /* @__PURE__ */ d(
     "textarea",
     {
+      "aria-invalid": r === "error" || void 0,
       className: n(
         l({ size: s }),
         r === "error" && "border-border-error focus-visible:ring-error",

package/dist/ui/toast.d.ts

@@ -1,6 +1,7 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import * as ToastPrimitives from '@primitives/react-toast';
+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?: ({

package/dist/ui/toast.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o } 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";
@@ -82,7 +83,7 @@ const h = r.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   l,
   {
     ref: s,
-    className: a("text-ds-md opacity-90", e),
+    className: a("text-ds-md opacity-[0.9]", e),
     ...t
   }
 ));

package/dist/ui/toaster.d.ts

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Toaster — shell component that renders active toast notifications. Mount **once** at your root layout.
  *

package/dist/ui/toaster.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { useToast as T } from "../hooks/use-toast.js";
 import { ToastProvider as c, Toast as d, ToastTitle as m, ToastDescription as l, ToastClose as p, ToastViewport as f } from "./toast.js";

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

@@ -1,6 +1,7 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import * as ToggleGroupPrimitive from '@primitives/react-toggle-group';
+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;
     size?: "sm" | "md" | "lg" | null | undefined;

package/dist/ui/toggle-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as m } from "react/jsx-runtime";
 import * as t from "react";
 import { Root as n, Item as l } from "../primitives/react-toggle-group.js";

package/dist/ui/toggle.d.ts

@@ -1,6 +1,7 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import * as TogglePrimitive from '@primitives/react-toggle';
+import * as TogglePrimitive from '../primitives/react-toggle';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;

package/dist/ui/toggle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r } from "react/jsx-runtime";
 import * as d from "react";
 import { Root as e } from "../primitives/react-toggle.js";

package/dist/ui/tooltip.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as TooltipPrimitive from '@primitives/react-tooltip';
+import * as TooltipPrimitive from '../primitives/react-tooltip';
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/ui/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
 import * as r from "react";
 import { Root as s, Provider as n, Trigger as m, Portal as l, Content as o } from "../primitives/react-tooltip.js";

package/dist/ui/transitions.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 type TransitionProps = {
     open: boolean;

package/dist/ui/transitions.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as c } from "react/jsx-runtime";
 import * as d from "react";
 import { cn as m } from "./lib/utils.js";

package/dist/ui/tree-view/index.d.ts

@@ -1,3 +1,4 @@
+"use client";
 export { TreeView, type TreeViewProps } from './tree-view';
 export { TreeItem, type TreeItemProps } from './tree-item';
 export { useTree, type TreeNode } from './use-tree';

package/dist/ui/tree-view/tree-item.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface TreeItemProps {
     /** Unique identifier for this tree item */

package/dist/ui/tree-view/tree-item.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as C, jsx as r } from "react/jsx-runtime";
 import { IconChevronRight as D } from "@tabler/icons-react";
 import * as s from "react";
@@ -117,7 +118,7 @@ const S = s.forwardRef(
             {
               role: "group",
               className: m(
-                "grid transition-[grid-template-rows] duration-moderate-02-02 ease-productive-standard",
+                "grid transition-[grid-template-rows] duration-moderate-02 ease-productive-standard",
                 i ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
               ),
               children: /* @__PURE__ */ r("ul", { role: "group", className: "overflow-hidden m-0 p-0", children: s.Children.map(d, (e) => s.isValidElement(e) ? s.cloneElement(e, {

package/dist/ui/tree-view/tree-view.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { useTree, TreeNode } from './use-tree';
 import * as React from 'react';
 interface TreeContextValue {

package/dist/ui/tree-view/tree-view.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as d } from "react/jsx-runtime";
 import * as u from "react";
 import { cn as q } from "../lib/utils.js";

package/dist/ui/tree-view/use-tree.d.ts

@@ -1,3 +1,4 @@
+"use client";
 export interface TreeNode {
     id: string;
     label: string;

package/dist/ui/tree-view/use-tree.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState as S, useCallback as u } from "react";
 function i(f = {}) {
   const { defaultExpanded: p, defaultSelected: w, multiSelect: c, onSelect: a, onExpand: n } = f, [d, r] = S(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
@@ -9,22 +9,101 @@
   ],
   "exports": {
     "./tokens": "./dist/tokens/index.css",
-    "./ui": {
-      "import": "./dist/ui/index.js",
-      "types": "./dist/ui/index.d.ts"
-    },
-    "./composed": {
-      "import": "./dist/composed/index.js",
-      "types": "./dist/composed/index.d.ts"
-    },
-    "./shell": {
-      "import": "./dist/shell/index.js",
-      "types": "./dist/shell/index.d.ts"
-    },
-    "./tailwind": {
-      "import": "./dist/tailwind/index.js",
-      "types": "./dist/tailwind/index.d.ts"
-    },
+
+    "./ui": { "import": "./dist/ui/index.js", "types": "./dist/ui/index.d.ts" },
+    "./ui/accordion": { "import": "./dist/ui/accordion.js", "types": "./dist/ui/accordion.d.ts" },
+    "./ui/alert": { "import": "./dist/ui/alert.js", "types": "./dist/ui/alert.d.ts" },
+    "./ui/alert-dialog": { "import": "./dist/ui/alert-dialog.js", "types": "./dist/ui/alert-dialog.d.ts" },
+    "./ui/aspect-ratio": { "import": "./dist/ui/aspect-ratio.js", "types": "./dist/ui/aspect-ratio.d.ts" },
+    "./ui/autocomplete": { "import": "./dist/ui/autocomplete.js", "types": "./dist/ui/autocomplete.d.ts" },
+    "./ui/avatar": { "import": "./dist/ui/avatar.js", "types": "./dist/ui/avatar.d.ts" },
+    "./ui/badge": { "import": "./dist/ui/badge.js", "types": "./dist/ui/badge.d.ts" },
+    "./ui/banner": { "import": "./dist/ui/banner.js", "types": "./dist/ui/banner.d.ts" },
+    "./ui/breadcrumb": { "import": "./dist/ui/breadcrumb.js", "types": "./dist/ui/breadcrumb.d.ts" },
+    "./ui/button": { "import": "./dist/ui/button.js", "types": "./dist/ui/button.d.ts" },
+    "./ui/button-group": { "import": "./dist/ui/button-group.js", "types": "./dist/ui/button-group.d.ts" },
+    "./ui/card": { "import": "./dist/ui/card.js", "types": "./dist/ui/card.d.ts" },
+    "./ui/checkbox": { "import": "./dist/ui/checkbox.js", "types": "./dist/ui/checkbox.d.ts" },
+    "./ui/chip": { "import": "./dist/ui/chip.js", "types": "./dist/ui/chip.d.ts" },
+    "./ui/code": { "import": "./dist/ui/code.js", "types": "./dist/ui/code.d.ts" },
+    "./ui/collapsible": { "import": "./dist/ui/collapsible.js", "types": "./dist/ui/collapsible.d.ts" },
+    "./ui/combobox": { "import": "./dist/ui/combobox.js", "types": "./dist/ui/combobox.d.ts" },
+    "./ui/container": { "import": "./dist/ui/container.js", "types": "./dist/ui/container.d.ts" },
+    "./ui/context-menu": { "import": "./dist/ui/context-menu.js", "types": "./dist/ui/context-menu.d.ts" },
+    "./ui/data-table": { "import": "./dist/ui/data-table.js", "types": "./dist/ui/data-table.d.ts" },
+    "./ui/data-table-toolbar": { "import": "./dist/ui/data-table-toolbar.js", "types": "./dist/ui/data-table-toolbar.d.ts" },
+    "./ui/dialog": { "import": "./dist/ui/dialog.js", "types": "./dist/ui/dialog.d.ts" },
+    "./ui/dropdown-menu": { "import": "./dist/ui/dropdown-menu.js", "types": "./dist/ui/dropdown-menu.d.ts" },
+    "./ui/file-upload": { "import": "./dist/ui/file-upload.js", "types": "./dist/ui/file-upload.d.ts" },
+    "./ui/form": { "import": "./dist/ui/form.js", "types": "./dist/ui/form.d.ts" },
+    "./ui/hover-card": { "import": "./dist/ui/hover-card.js", "types": "./dist/ui/hover-card.d.ts" },
+    "./ui/icon-button": { "import": "./dist/ui/icon-button.js", "types": "./dist/ui/icon-button.d.ts" },
+    "./ui/input": { "import": "./dist/ui/input.js", "types": "./dist/ui/input.d.ts" },
+    "./ui/input-otp": { "import": "./dist/ui/input-otp.js", "types": "./dist/ui/input-otp.d.ts" },
+    "./ui/label": { "import": "./dist/ui/label.js", "types": "./dist/ui/label.d.ts" },
+    "./ui/link": { "import": "./dist/ui/link.js", "types": "./dist/ui/link.d.ts" },
+    "./ui/menubar": { "import": "./dist/ui/menubar.js", "types": "./dist/ui/menubar.d.ts" },
+    "./ui/navigation-menu": { "import": "./dist/ui/navigation-menu.js", "types": "./dist/ui/navigation-menu.d.ts" },
+    "./ui/number-input": { "import": "./dist/ui/number-input.js", "types": "./dist/ui/number-input.d.ts" },
+    "./ui/pagination": { "import": "./dist/ui/pagination.js", "types": "./dist/ui/pagination.d.ts" },
+    "./ui/popover": { "import": "./dist/ui/popover.js", "types": "./dist/ui/popover.d.ts" },
+    "./ui/progress": { "import": "./dist/ui/progress.js", "types": "./dist/ui/progress.d.ts" },
+    "./ui/radio": { "import": "./dist/ui/radio.js", "types": "./dist/ui/radio.d.ts" },
+    "./ui/search-input": { "import": "./dist/ui/search-input.js", "types": "./dist/ui/search-input.d.ts" },
+    "./ui/segmented-control": { "import": "./dist/ui/segmented-control.js", "types": "./dist/ui/segmented-control.d.ts" },
+    "./ui/select": { "import": "./dist/ui/select.js", "types": "./dist/ui/select.d.ts" },
+    "./ui/separator": { "import": "./dist/ui/separator.js", "types": "./dist/ui/separator.d.ts" },
+    "./ui/sheet": { "import": "./dist/ui/sheet.js", "types": "./dist/ui/sheet.d.ts" },
+    "./ui/sidebar": { "import": "./dist/ui/sidebar.js", "types": "./dist/ui/sidebar.d.ts" },
+    "./ui/skeleton": { "import": "./dist/ui/skeleton.js", "types": "./dist/ui/skeleton.d.ts" },
+    "./ui/slider": { "import": "./dist/ui/slider.js", "types": "./dist/ui/slider.d.ts" },
+    "./ui/spinner": { "import": "./dist/ui/spinner.js", "types": "./dist/ui/spinner.d.ts" },
+    "./ui/stack": { "import": "./dist/ui/stack.js", "types": "./dist/ui/stack.d.ts" },
+    "./ui/stat-card": { "import": "./dist/ui/stat-card.js", "types": "./dist/ui/stat-card.d.ts" },
+    "./ui/stepper": { "import": "./dist/ui/stepper.js", "types": "./dist/ui/stepper.d.ts" },
+    "./ui/switch": { "import": "./dist/ui/switch.js", "types": "./dist/ui/switch.d.ts" },
+    "./ui/table": { "import": "./dist/ui/table.js", "types": "./dist/ui/table.d.ts" },
+    "./ui/tabs": { "import": "./dist/ui/tabs.js", "types": "./dist/ui/tabs.d.ts" },
+    "./ui/text": { "import": "./dist/ui/text.js", "types": "./dist/ui/text.d.ts" },
+    "./ui/textarea": { "import": "./dist/ui/textarea.js", "types": "./dist/ui/textarea.d.ts" },
+    "./ui/toast": { "import": "./dist/ui/toast.js", "types": "./dist/ui/toast.d.ts" },
+    "./ui/toaster": { "import": "./dist/ui/toaster.js", "types": "./dist/ui/toaster.d.ts" },
+    "./ui/toggle": { "import": "./dist/ui/toggle.js", "types": "./dist/ui/toggle.d.ts" },
+    "./ui/toggle-group": { "import": "./dist/ui/toggle-group.js", "types": "./dist/ui/toggle-group.d.ts" },
+    "./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" },
+
+    "./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" },
+    "./composed/command-palette": { "import": "./dist/composed/command-palette.js", "types": "./dist/composed/command-palette.d.ts" },
+    "./composed/content-card": { "import": "./dist/composed/content-card.js", "types": "./dist/composed/content-card.d.ts" },
+    "./composed/empty-state": { "import": "./dist/composed/empty-state.js", "types": "./dist/composed/empty-state.d.ts" },
+    "./composed/error-boundary": { "import": "./dist/composed/error-boundary.js", "types": "./dist/composed/error-boundary.d.ts" },
+    "./composed/global-loading": { "import": "./dist/composed/global-loading.js", "types": "./dist/composed/global-loading.d.ts" },
+    "./composed/loading-skeleton": { "import": "./dist/composed/loading-skeleton.js", "types": "./dist/composed/loading-skeleton.d.ts" },
+    "./composed/member-picker": { "import": "./dist/composed/member-picker.js", "types": "./dist/composed/member-picker.d.ts" },
+    "./composed/page-header": { "import": "./dist/composed/page-header.js", "types": "./dist/composed/page-header.d.ts" },
+    "./composed/page-skeletons": { "import": "./dist/composed/page-skeletons.js", "types": "./dist/composed/page-skeletons.d.ts" },
+    "./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" },
+
+    "./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" },
+    "./shell/bottom-navbar": { "import": "./dist/shell/bottom-navbar.js", "types": "./dist/shell/bottom-navbar.d.ts" },
+    "./shell/link-context": { "import": "./dist/shell/link-context.js", "types": "./dist/shell/link-context.d.ts" },
+    "./shell/notification-center": { "import": "./dist/shell/notification-center.js", "types": "./dist/shell/notification-center.d.ts" },
+    "./shell/notification-preferences": { "import": "./dist/shell/notification-preferences.js", "types": "./dist/shell/notification-preferences.d.ts" },
+    "./shell/sidebar": { "import": "./dist/shell/sidebar.js", "types": "./dist/shell/sidebar.d.ts" },
+    "./shell/top-bar": { "import": "./dist/shell/top-bar.js", "types": "./dist/shell/top-bar.d.ts" },
+
+    "./hooks": { "import": "./dist/hooks/index.js", "types": "./dist/hooks/index.d.ts" },
+    "./hooks/use-color-mode": { "import": "./dist/hooks/use-color-mode.js", "types": "./dist/hooks/use-color-mode.d.ts" },
+    "./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" },
     "./fonts/*": "./fonts/*"
   },
   "files": [
@@ -33,7 +112,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "vite build && pnpm build:tokens",
+    "build": "vite build && pnpm build:tokens && node scripts/fix-dts-primitives.mjs && node scripts/inject-use-client.mjs",
     "build:tokens": "node scripts/copy-tokens.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/",
@@ -41,15 +120,9 @@
     "prepublishOnly": "pnpm build"
   },
   "peerDependencies": {
-    "next": ">=14",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
-  "peerDependenciesMeta": {
-    "next": {
-      "optional": true
-    }
-  },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.7",
     "@tabler/icons-react": "^3.37.1",