@devalok/shilp-sutra 0.1.0 → 0.2.0

package/dist/shell/sidebar.js

@@ -1,22 +1,24 @@
+"use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as v from "react";
-import o from "next/link";
-import { Sidebar as g, SidebarHeader as u, SidebarSeparator as c, SidebarContent as S, SidebarGroup as y, SidebarGroupLabel as w, SidebarGroupContent as A, SidebarMenu as C, SidebarFooter as M, SidebarMenuItem as j, SidebarMenuButton as G } from "../ui/sidebar.js";
-import { Avatar as L, AvatarImage as F, AvatarFallback as I } from "../ui/avatar.js";
-import { cn as m } from "../ui/lib/utils.js";
+import * as g from "react";
+import { useLink as m } from "./link-context.js";
+import { Sidebar as u, SidebarHeader as S, SidebarSeparator as o, SidebarContent as y, SidebarGroup as w, SidebarGroupLabel as A, SidebarGroupContent as L, SidebarMenu as C, SidebarFooter as M, SidebarMenuItem as j, SidebarMenuButton as k } from "../ui/sidebar.js";
+import { Avatar as G, AvatarImage as F, AvatarFallback as I } from "../ui/avatar.js";
+import { cn as p } from "../ui/lib/utils.js";
 function R({ item: t, isActive: a }) {
+  const i = m();
   return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
-    G,
+    k,
     {
       asChild: !0,
       isActive: a,
       tooltip: t.title,
-      className: m(
+      className: p(
         "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors",
         a ? "bg-interactive-subtle text-interactive after:absolute after:right-0 after:top-0 after:h-full after:w-ds-01 after:rounded-l-ds-full after:bg-interactive after:content-['']" : "text-text-helper hover:bg-layer-02 hover:text-text-primary"
       ),
       children: /* @__PURE__ */ l(
-        o,
+        i,
         {
           href: t.href,
           "aria-label": t.title,
@@ -30,59 +32,59 @@ function R({ item: t, isActive: a }) {
     }
   ) });
 }
-const k = v.forwardRef(
+const z = g.forwardRef(
   ({
     currentPath: t = "/",
     user: a,
-    navGroups: p = [],
+    navGroups: i = [],
     logo: h,
-    footerLinks: i = [],
+    footerLinks: n = [],
     className: x,
     ...f
   }, b) => {
-    var n;
-    const N = (r, s = !1) => s || r === "/" ? t === r : t.startsWith(r);
+    var c;
+    const N = m(), v = (r, s = !1) => s || r === "/" ? t === r : t.startsWith(r);
     return /* @__PURE__ */ l(
-      g,
+      u,
       {
         ...f,
         ref: b,
         "aria-label": "Main navigation",
-        className: m(
+        className: p(
           "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
           x
         ),
         children: [
-          /* @__PURE__ */ e(u, { className: "px-ds-06 py-ds-06", children: h ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
+          /* @__PURE__ */ e(S, { className: "px-ds-06 py-ds-06", children: h ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
           a && /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
-            /* @__PURE__ */ l(L, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
+            /* @__PURE__ */ l(G, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
               a.image ? /* @__PURE__ */ e(F, { src: a.image, alt: a.name }) : null,
-              /* @__PURE__ */ e(I, { className: "bg-layer-03 text-text-primary", children: (n = a.name) == null ? void 0 : n.charAt(0).toUpperCase() })
+              /* @__PURE__ */ e(I, { className: "bg-layer-03 text-text-primary", children: (c = a.name) == null ? void 0 : c.charAt(0).toUpperCase() })
             ] }),
             /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-col", children: [
               /* @__PURE__ */ e("span", { className: "truncate text-ds-md text-text-primary", children: a.name }),
               /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: a.designation || a.role })
             ] })
           ] }),
-          /* @__PURE__ */ e(c, {}),
-          /* @__PURE__ */ e(S, { className: "no-scrollbar px-ds-04", children: p.map((r, s) => /* @__PURE__ */ l("div", { children: [
-            s > 0 && /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ l(y, { children: [
-              /* @__PURE__ */ e(w, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: r.label }),
-              /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(C, { children: r.items.map((d) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(o, {}),
+          /* @__PURE__ */ e(y, { className: "no-scrollbar px-ds-04", children: i.map((r, s) => /* @__PURE__ */ l("div", { children: [
+            s > 0 && /* @__PURE__ */ e(o, {}),
+            /* @__PURE__ */ l(w, { children: [
+              /* @__PURE__ */ e(A, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: r.label }),
+              /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(C, { children: r.items.map((d) => /* @__PURE__ */ e(
                 R,
                 {
                   item: d,
-                  isActive: N(d.href, d.exact)
+                  isActive: v(d.href, d.exact)
                 },
                 d.href
               )) }) })
             ] })
           ] }, r.label)) }),
-          i.length > 0 && /* @__PURE__ */ e(M, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: i.map((r, s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
-            s > 0 && /* @__PURE__ */ e("div", { className: "h-4 w-px bg-border" }),
+          n.length > 0 && /* @__PURE__ */ e(M, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: n.map((r, s) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
+            s > 0 && /* @__PURE__ */ e("div", { className: "h-[16px] w-px bg-border" }),
             /* @__PURE__ */ e(
-              o,
+              N,
               {
                 className: "text-ds-md text-text-placeholder transition-colors hover:text-interactive",
                 href: r.href,
@@ -95,7 +97,7 @@ const k = v.forwardRef(
     );
   }
 );
-k.displayName = "AppSidebar";
+z.displayName = "AppSidebar";
 export {
-  k as AppSidebar
+  z as AppSidebar
 };

package/dist/shell/top-bar.d.ts

@@ -1,3 +1,4 @@
+"use client";
 /**
  * TopBar -- Application top bar with sidebar trigger, user menu, and action
  * buttons. All data is props-driven (no Zustand stores or Remix hooks).

package/dist/shell/top-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,MAAM,oFAqLX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"top-bar.d.ts","sourceRoot":"","sources":["../../src/shell/top-bar.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,MAAM,oFAyLX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/shell/top-bar.js

@@ -1,27 +1,28 @@
+"use client";
 import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
-import * as k from "react";
-import { useColorMode as C } from "../hooks/use-color-mode.js";
+import * as C from "react";
+import { useColorMode as k } from "../hooks/use-color-mode.js";
 import { Avatar as M, AvatarImage as v, AvatarFallback as I } from "../ui/avatar.js";
-import { DropdownMenu as T, DropdownMenuTrigger as D, DropdownMenuContent as S, DropdownMenuItem as d, DropdownMenuSeparator as j } from "../ui/dropdown-menu.js";
-import { Tooltip as o, TooltipTrigger as l, TooltipContent as a } from "../ui/tooltip.js";
-import { SidebarTrigger as A } from "../ui/sidebar.js";
+import { DropdownMenu as S, DropdownMenuTrigger as T, DropdownMenuContent as D, DropdownMenuItem as d, DropdownMenuSeparator as A } from "../ui/dropdown-menu.js";
+import { Tooltip as l, TooltipTrigger as o, TooltipContent as a } from "../ui/tooltip.js";
+import { SidebarTrigger as j } from "../ui/sidebar.js";
 import { IconSearch as K, IconSparkles as U, IconUser as B, IconSun as E, IconMoon as F, IconLogout as R } from "@tabler/icons-react";
 import { cn as z } from "../ui/lib/utils.js";
-const L = k.forwardRef(
+const L = C.forwardRef(
   ({
     pageTitle: c = "",
-    user: s,
-    onNavigate: t,
+    user: t,
+    onNavigate: s,
     onLogout: n,
     onSearchClick: i,
     onAiChatClick: m,
     mobileLogo: p,
     notificationSlot: b,
     className: u,
-    ...f
-  }, y) => {
+    ...y
+  }, f) => {
     var x;
-    const { colorMode: h, toggleColorMode: g } = C(), N = () => {
+    const { colorMode: h, toggleColorMode: g } = k(), N = () => {
       i ? i() : document.dispatchEvent(
         new KeyboardEvent("keydown", {
           key: "k",
@@ -33,66 +34,70 @@ const L = k.forwardRef(
     return /* @__PURE__ */ r(
       "div",
       {
-        ...f,
-        ref: y,
+        ...y,
+        ref: f,
         className: z(
           "z-sticky flex w-full items-center border-b border-border bg-layer-01 px-ds-05 py-ds-04 md:px-ds-06",
           u
         ),
         children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
-            /* @__PURE__ */ e(A, { className: "hidden text-text-secondary md:flex" }),
+            /* @__PURE__ */ e(j, { className: "hidden text-text-secondary md:flex" }),
             p && /* @__PURE__ */ e("div", { className: "md:hidden", children: p }),
             c && /* @__PURE__ */ e("h2", { className: "hidden text-ds-lg text-text-primary md:block", children: c })
           ] }),
           /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-ds-03 md:gap-ds-05", children: [
-            /* @__PURE__ */ r(o, { children: [
-              /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ r(l, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
+                  type: "button",
                   onClick: N,
+                  "aria-label": "Search (Ctrl+K)",
                   className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-border bg-layer-02 text-text-secondary transition-colors hover:bg-layer-03",
-                  children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm" })
+                  children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
                 }
               ) }),
               /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "Search (Ctrl+K)" })
             ] }),
             b,
-            m && /* @__PURE__ */ r(o, { children: [
-              /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+            m && /* @__PURE__ */ r(l, { children: [
+              /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(
                 "button",
                 {
+                  type: "button",
                   onClick: m,
+                  "aria-label": "AI Chat",
                   className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-border bg-layer-02 text-text-secondary transition-colors hover:bg-layer-03",
-                  children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm" })
+                  children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" })
                 }
               ) }),
               /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "AI Chat" })
             ] }),
-            s && /* @__PURE__ */ r(T, { children: [
-              /* @__PURE__ */ r(o, { children: [
-                /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ r(M, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
-                  s.image ? /* @__PURE__ */ e(v, { src: s.image, alt: s.name }) : null,
-                  /* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x = s.name) == null ? void 0 : x.charAt(0).toUpperCase() })
+            t && /* @__PURE__ */ r(S, { children: [
+              /* @__PURE__ */ r(l, { children: [
+                /* @__PURE__ */ e(o, { asChild: !0, children: /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ r(M, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
+                  t.image ? /* @__PURE__ */ e(v, { src: t.image, alt: t.name }) : null,
+                  /* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x = t.name) == null ? void 0 : x.charAt(0).toUpperCase() })
                 ] }) }) }) }),
                 /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "User Menu" })
               ] }),
               /* @__PURE__ */ r(
-                S,
+                D,
                 {
                   className: "w-[200px] rounded-ds-xl border border-border bg-layer-01 p-0 shadow-03",
                   sideOffset: 8,
                   align: "end",
                   children: [
                     /* @__PURE__ */ r("div", { className: "border-b border-border px-ds-05 py-ds-04", children: [
-                      /* @__PURE__ */ e("p", { className: "text-ds-md text-text-primary", children: s.name }),
-                      s.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: s.email })
+                      /* @__PURE__ */ e("p", { className: "text-ds-md text-text-primary", children: t.name }),
+                      t.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: t.email })
                     ] }),
                     /* @__PURE__ */ r(
                       d,
                       {
                         className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
-                        onClick: () => t == null ? void 0 : t("/profile"),
+                        onClick: () => s == null ? void 0 : s("/profile"),
                         children: [
                           /* @__PURE__ */ e(B, { className: "h-ico-sm w-ico-sm text-text-secondary" }),
                           /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: "Profile" })
@@ -111,7 +116,7 @@ const L = k.forwardRef(
                       }
                     ),
                     n && /* @__PURE__ */ r(w, { children: [
-                      /* @__PURE__ */ e(j, { className: "bg-border" }),
+                      /* @__PURE__ */ e(A, { className: "bg-border" }),
                       /* @__PURE__ */ r(
                         d,
                         {

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAoT3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAkV3B,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -26,6 +26,22 @@ const r = {
         semibold: "var(--font-weight-semibold)",
         bold: "var(--font-weight-bold)"
       },
+      letterSpacing: {
+        "ds-tighter": "var(--tracking-tighter)",
+        "ds-tight": "var(--tracking-tight)",
+        "ds-normal": "var(--tracking-normal)",
+        "ds-wide": "var(--tracking-wide)",
+        "ds-wider": "var(--tracking-wider)",
+        "ds-widest": "var(--tracking-widest)"
+      },
+      lineHeight: {
+        "ds-none": "var(--line-height-none)",
+        "ds-tight": "var(--line-height-tight)",
+        "ds-snug": "var(--line-height-snug)",
+        "ds-normal": "var(--line-height-normal)",
+        "ds-relaxed": "var(--line-height-relaxed)",
+        "ds-loose": "var(--line-height-loose)"
+      },
       fontSize: {
         "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
         "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
@@ -42,7 +58,8 @@ const r = {
       borderWidth: {
         "ds-sm": "var(--border-width-sm)",
         "ds-md": "var(--border-width-md)",
-        "ds-lg": "var(--border-width-lg)"
+        "ds-lg": "var(--border-width-lg)",
+        focus: "var(--border-focus-width)"
       },
       borderRadius: {
         "ds-none": "0",
@@ -117,6 +134,13 @@ const r = {
         "ds-lg": "var(--size-lg)",
         "ds-xl": "var(--size-xl)"
       },
+      opacity: {
+        "action-hover": "var(--action-hover-opacity)",
+        "action-selected": "var(--action-selected-opacity)",
+        "action-disabled": "var(--action-disabled-opacity)",
+        "action-focus": "var(--action-focus-opacity)",
+        "action-active": "var(--action-active-opacity)"
+      },
       colors: {
         "text-interactive": "var(--color-text-interactive)",
         interactive: "var(--color-interactive)",
@@ -220,6 +244,7 @@ const r = {
         "surface-overlay-light": "var(--color-surface-overlay-light)",
         "surface-overlay-dark": "var(--color-surface-overlay-dark)",
         "layer-accent-subtle": "var(--color-layer-accent-subtle)",
+        "text-shadow": "var(--color-text-shadow)",
         "error-hover": "var(--color-error-hover)",
         "chart-1": "var(--chart-1)",
         "chart-2": "var(--chart-2)",
@@ -252,6 +277,10 @@ const r = {
         "skeleton-shimmer": {
           "0%": { backgroundPosition: "-200% 0" },
           "100%": { backgroundPosition: "200% 0" }
+        },
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" }
         }
       },
       animation: {
@@ -259,7 +288,8 @@ const r = {
         "ripple-icon": "ripple var(--duration-moderate-02) linear forwards",
         shake: "shake 1s var(--ease-productive-standard) infinite",
         "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
-        "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite"
+        "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite",
+        "caret-blink": "caret-blink 1.25s ease-out infinite"
       },
       backgroundImage: {
         "gradient-brand": "var(--gradient-brand-light)",

package/dist/ui/accordion.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as AccordionPrimitive from '@primitives/react-accordion';
+import * as AccordionPrimitive from '../primitives/react-accordion';
 /**
  * Accordion compound component — vertically stacked, collapsible content sections.
  *

package/dist/ui/accordion.js

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

package/dist/ui/alert-dialog.d.ts

@@ -1,5 +1,6 @@
+"use client";
 import * as React from 'react';
-import * as AlertDialogPrimitive from '@primitives/react-alert-dialog';
+import * as AlertDialogPrimitive from '../primitives/react-alert-dialog';
 declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
 declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;

package/dist/ui/alert-dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
 import * as i from "react";
 import { Root as g, Portal as x, Trigger as y, Action as l, Cancel as r, Content as d, Description as n, Overlay as c, Title as m } from "../primitives/react-alert-dialog.js";

package/dist/ui/alert.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const alertVariants: (props?: ({

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;8EAmBlB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/alert.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { IconInfoCircle as i, IconAlertCircle as m, IconAlertTriangle as f, IconCircleCheck as b, IconX as u } from "@tabler/icons-react";
 import * as x from "react";
@@ -30,7 +31,7 @@ const v = g(
       /* @__PURE__ */ r(l, { className: "mt-ds-01 h-ico-md w-ico-md shrink-0", "aria-hidden": "true" }),
       /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
         o && /* @__PURE__ */ r("p", { className: "text-ds-md font-semibold mb-ds-01", children: o }),
-        /* @__PURE__ */ r("div", { className: "text-ds-md opacity-90", children: a })
+        /* @__PURE__ */ r("div", { className: "text-ds-md opacity-[0.9]", children: a })
       ] }),
       s && /* @__PURE__ */ r(
         "button",

package/dist/ui/aspect-ratio.d.ts

@@ -1,4 +1,5 @@
-import * as AspectRatioPrimitive from '@primitives/react-aspect-ratio';
+"use client";
+import * as AspectRatioPrimitive from '../primitives/react-aspect-ratio';
 declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/aspect-ratio.js

@@ -1,3 +1,4 @@
+"use client";
 import { Root as o } from "../primitives/react-aspect-ratio.js";
 const t = o;
 t.displayName = "AspectRatio";

package/dist/ui/autocomplete.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 type AutocompleteOption = {
     label: string;

package/dist/ui/autocomplete.js

@@ -1,58 +1,59 @@
-import { jsxs as K, jsx as p } from "react/jsx-runtime";
+"use client";
+import { jsxs as O, jsx as p } from "react/jsx-runtime";
 import * as t from "react";
 import { cn as b } from "./lib/utils.js";
-const O = t.forwardRef(
+const T = t.forwardRef(
   ({
     options: x,
-    value: s,
+    value: o,
     onChange: u,
     placeholder: D,
     emptyText: I = "No options",
-    disabled: y,
+    disabled: h,
     className: R,
     id: N
   }, i) => {
-    const E = t.useId(), w = N || E, g = `${w}-listbox`, v = `${w}-option`, [f, k] = t.useState((s == null ? void 0 : s.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), h = t.useRef(), M = t.useCallback(
+    const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, l] = t.useState(!1), [r, a] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
       (e) => {
         $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
       [i]
     );
     t.useEffect(() => () => {
-      h.current && clearTimeout(h.current);
+      y.current && clearTimeout(y.current);
     }, []);
     const n = t.useMemo(
       () => f ? x.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : x,
       [x, f]
     ), m = t.useCallback(
       (e) => {
-        k(e.label), a(!1), l(-1), u == null || u(e);
+        g(e.label), l(!1), a(-1), u == null || u(e);
       },
       [u]
-    ), z = t.useCallback(
+    ), S = t.useCallback(
       (e) => {
         if (!c) {
-          (e.key === "ArrowDown" || e.key === "Enter") && a(!0);
+          (e.key === "ArrowDown" || e.key === "Enter") && l(!0);
           return;
         }
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), l((o) => Math.min(o + 1, n.length - 1));
+            e.preventDefault(), a((s) => Math.min(s + 1, n.length - 1));
             break;
           case "ArrowUp":
-            e.preventDefault(), l((o) => Math.max(o - 1, 0));
+            e.preventDefault(), a((s) => Math.max(s - 1, 0));
             break;
           case "Enter":
             e.preventDefault(), r >= 0 && n[r] && m(n[r]);
             break;
           case "Escape":
-            a(!1), l(-1);
+            l(!1), a(-1);
             break;
         }
       },
       [c, n, r, m]
-    ), S = r >= 0 ? `${v}-${r}` : void 0;
-    return /* @__PURE__ */ K("div", { className: b("relative", R), children: [
+    ), K = r >= 0 ? `${v}-${r}` : void 0;
+    return /* @__PURE__ */ O("div", { className: b("relative", R), children: [
       /* @__PURE__ */ p(
         "input",
         {
@@ -61,54 +62,54 @@ const O = t.forwardRef(
           role: "combobox",
           "aria-expanded": c,
           "aria-autocomplete": "list",
-          "aria-controls": c ? g : void 0,
-          "aria-activedescendant": S,
+          "aria-controls": c ? k : void 0,
+          "aria-activedescendant": K,
           value: f,
           placeholder: D,
-          disabled: y,
+          disabled: h,
           className: b(
-            "flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-[length:var(--font-size-md)] text-text-primary placeholder:text-text-placeholder",
-            "outline-none focus:ring-2 focus:ring-focus focus:ring-offset-[var(--border-focus-offset)]",
+            "flex h-ds-md w-full rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 font-sans text-ds-md text-text-primary placeholder:text-text-placeholder",
+            "outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-[var(--border-focus-offset)]",
             "transition-colors duration-fast-01",
-            y && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
+            h && "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed"
           ),
           onChange: (e) => {
-            k(e.target.value), a(!0), l(-1);
+            g(e.target.value), l(!0), a(-1);
           },
-          onFocus: () => a(!0),
+          onFocus: () => l(!0),
           onBlur: () => {
-            h.current = setTimeout(() => a(!1), 150);
+            y.current = setTimeout(() => l(!1), 150);
           },
-          onKeyDown: z
+          onKeyDown: S
         }
       ),
       c && /* @__PURE__ */ p(
         "ul",
         {
-          id: g,
+          id: k,
           ref: A,
           role: "listbox",
           className: b(
             "absolute z-dropdown mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
             "max-h-60"
           ),
-          children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-[length:var(--font-size-md)] text-text-secondary", children: I }) : n.map((e, o) => /* @__PURE__ */ p(
+          children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ p(
             "li",
             {
-              id: `${v}-${o}`,
+              id: `${v}-${s}`,
               role: "option",
-              "aria-selected": r === o,
+              "aria-selected": r === s,
               className: b(
-                "cursor-pointer px-ds-04 py-ds-03 text-[length:var(--font-size-md)] text-text-primary transition-colors duration-fast-01",
-                r === o && "bg-interactive-selected",
-                (s == null ? void 0 : s.value) === e.value && "font-[number:var(--font-weight-semibold)]"
+                "cursor-pointer px-ds-04 py-ds-03 text-ds-md text-text-primary transition-colors duration-fast-01",
+                r === s && "bg-interactive-selected",
+                (o == null ? void 0 : o.value) === e.value && "font-semibold"
               ),
               onMouseDown: (d) => d.preventDefault(),
               onClick: () => m(e),
               onKeyDown: (d) => {
                 (d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
               },
-              onMouseEnter: () => l(o),
+              onMouseEnter: () => a(s),
               children: e.label
             },
             e.value
@@ -118,7 +119,7 @@ const O = t.forwardRef(
     ] });
   }
 );
-O.displayName = "Autocomplete";
+T.displayName = "Autocomplete";
 export {
-  O as Autocomplete
+  T as Autocomplete
 };

package/dist/ui/avatar.d.ts

@@ -1,6 +1,7 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-import * as AvatarPrimitive from "@primitives/react-avatar";
+import * as AvatarPrimitive from "../primitives/react-avatar";
 export declare const avatarVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     shape?: "rounded" | "square" | "circle" | null | undefined;