@devalok/shilp-sutra 0.8.4 → 0.9.0

package/dist/composed/schedule-view.js

@@ -2,7 +2,7 @@
 import { jsxs as w, jsx as a } from "react/jsx-runtime";
 import * as $ from "react";
 import { startOfWeek as S, addDays as E, format as u, isSameDay as D, isToday as I, getHours as N, getMinutes as v, differenceInMinutes as A } from "date-fns";
-import { cn as y } from "../ui/lib/utils.js";
+import { c as y } from "../_chunks/utils.js";
 const O = {
   primary: "bg-interactive-subtle border-interactive text-interactive",
   success: "bg-success-surface border-success text-success-text",

package/dist/composed/simple-tooltip.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { TooltipProvider as m, Tooltip as n, TooltipTrigger as T, TooltipContent as d } from "../ui/tooltip.js";
-const s = ({
+import { T as s, a, b as T, c as m } from "../_chunks/tooltip.js";
+const n = ({
   content: i,
   side: t = "top",
   align: r = "center",
   delayDuration: e = 300,
   children: l
-}) => /* @__PURE__ */ o(m, { delayDuration: e, children: /* @__PURE__ */ p(n, { children: [
+}) => /* @__PURE__ */ o(s, { delayDuration: e, children: /* @__PURE__ */ p(a, { children: [
   /* @__PURE__ */ o(T, { asChild: !0, children: l }),
-  /* @__PURE__ */ o(d, { side: t, align: r, children: i })
+  /* @__PURE__ */ o(m, { side: t, align: r, children: i })
 ] }) });
-s.displayName = "SimpleTooltip";
+n.displayName = "SimpleTooltip";
 export {
-  s as SimpleTooltip
+  n as SimpleTooltip
 };

package/dist/composed/status-badge.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const statusBadgeVariants: (props?: ({
     status?: "active" | "completed" | "pending" | "approved" | "rejected" | "blocked" | "cancelled" | "draft" | null | undefined;
-    color?: "error" | "warning" | "success" | "neutral" | "info" | null | undefined;
+    color?: "error" | "info" | "success" | "warning" | "neutral" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {

package/dist/composed/status-badge.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as u } from "react/jsx-runtime";
 import * as m from "react";
-import { cva as y } from "class-variance-authority";
-import { cn as r } from "../ui/lib/utils.js";
+import { m as y } from "../_chunks/vendor.js";
+import { c as r } from "../_chunks/utils.js";
 const g = y(
   "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
   {

package/dist/shell/bottom-navbar.js

@@ -4,7 +4,7 @@ import * as g from "react";
 import { useState as N } from "react";
 import { useLink as p } from "./link-context.js";
 import { IconX as y, IconDots as w } from "@tabler/icons-react";
-import { cn as r } from "../ui/lib/utils.js";
+import { c as r } from "../_chunks/utils.js";
 function k({
   item: a,
   isActive: n,

package/dist/shell/notification-center.js

@@ -3,9 +3,9 @@ import { jsxs as r, jsx as t, Fragment as S } from "react/jsx-runtime";
 import * as H from "react";
 import { useRef as z, useCallback as b } from "react";
 import { Popover as B, PopoverTrigger as G, PopoverContent as L } from "../ui/popover.js";
-import { Tooltip as O, TooltipTrigger as X, TooltipContent as _ } from "../ui/tooltip.js";
+import { a as O, b as X, c as _ } from "../_chunks/tooltip.js";
 import { IconBell as q, IconChecks as F, IconInbox as J, IconX as Q } from "@tabler/icons-react";
-import { cn as x } from "../ui/lib/utils.js";
+import { c as x } from "../_chunks/utils.js";
 function U(e) {
   const l = Date.now(), i = new Date(e).getTime(), d = l - i, c = Math.floor(d / 1e3), n = Math.floor(c / 60), a = Math.floor(n / 60), m = Math.floor(a / 24);
   return c < 60 ? "just now" : n < 60 ? `${n}m ago` : a < 24 ? `${a}h ago` : m < 7 ? `${m}d ago` : new Date(e).toLocaleDateString(void 0, {

package/dist/shell/notification-preferences.js

@@ -1,13 +1,12 @@
 "use client";
-import { jsxs as t, Fragment as V, jsx as e } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { Button as b } from "../ui/button.js";
-import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as c } from "../ui/select.js";
-import { Dialog as B, DialogContent as D, DialogHeader as z, DialogTitle as q, DialogDescription as J } from "../ui/dialog.js";
-import { Switch as k } from "../ui/switch.js";
-import { Card as K, CardHeader as Q, CardTitle as W, CardContent as X } from "../ui/card.js";
+import { jsxs as t, Fragment as M, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { B as b } from "../_chunks/button.js";
+import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as s } from "../ui/select.js";
+import { Dialog as V, DialogContent as D, DialogHeader as z, DialogTitle as q, DialogDescription as J } from "../ui/dialog.js";
+import { C as K, a as Q, b as W, c as X, S as k } from "../_chunks/card.js";
 import { IconPlus as Y, IconTrash as Z, IconMessage as $, IconBell as U } from "@tabler/icons-react";
-import { cn as ee } from "../ui/lib/utils.js";
+import { c as ee } from "../_chunks/utils.js";
 const _ = {
   IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(U, {}) },
   GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e($, {}) }
@@ -26,7 +25,7 @@ function le({
   onDelete: p,
   className: T
 }) {
-  const [E, s] = i(!1), [N, C] = i("global"), [I, w] = i("IN_APP"), [y, A] = i("INFO"), [P, j] = i(!1), [S, O] = i(!1), R = async () => {
+  const [E, i] = n(!1), [N, C] = n("global"), [I, w] = n("IN_APP"), [y, A] = n("INFO"), [P, S] = n(!1), [j, O] = n(!1), R = async () => {
     if (g) {
       O(!0);
       try {
@@ -35,7 +34,7 @@ function le({
           channel: I,
           minTier: y,
           muted: P
-        }), s(!1), F();
+        }), i(!1), F();
       } catch (l) {
         console.error("[Preferences] Failed to save:", l);
       } finally {
@@ -43,13 +42,13 @@ function le({
       }
     }
   }, F = () => {
-    C("global"), w("IN_APP"), A("INFO"), j(!1);
-  }, H = (l) => {
+    C("global"), w("IN_APP"), A("INFO"), S(!1);
+  }, B = (l) => {
     if (!l) return "Global (all projects)";
-    const n = v.find((a) => a.id === l);
-    return (n == null ? void 0 : n.title) || "Unknown project";
+    const a = v.find((c) => c.id === l);
+    return (a == null ? void 0 : a.title) || "Unknown project";
   };
-  return /* @__PURE__ */ t(V, { children: [
+  return /* @__PURE__ */ t(M, { children: [
     /* @__PURE__ */ t(K, { className: T, children: [
       /* @__PURE__ */ t(Q, { className: "flex flex-row items-center justify-between space-y-0 pb-ds-04", children: [
         /* @__PURE__ */ e(W, { className: "text-ds-md font-semibold", children: "Notification Preferences" }),
@@ -58,7 +57,7 @@ function le({
           {
             size: "sm",
             variant: "outline",
-            onClick: () => s(!0),
+            onClick: () => i(!0),
             children: [
               /* @__PURE__ */ e(Y, { className: "mr-ds-02b h-ico-sm w-ico-sm" }),
               "Add Rule"
@@ -66,20 +65,20 @@ function le({
           }
         )
       ] }),
-      /* @__PURE__ */ e(X, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-border border-t-interactive" }) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, n) => {
-        const a = _[l.channel] || _.IN_APP;
+      /* @__PURE__ */ e(X, { children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-border border-t-interactive" }) }) : f.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: f.map((l, a) => {
+        const c = _[l.channel] || _.IN_APP;
         return /* @__PURE__ */ t(
           "div",
           {
             className: ee(
               "flex items-center gap-ds-05 py-ds-04",
-              n < f.length - 1 && "border-b border-border"
+              a < f.length - 1 && "border-b border-border"
             ),
             children: [
-              /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-layer-02", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-text-secondary", "aria-hidden": "true", children: a.icon }) }),
+              /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-layer-02", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-text-secondary", "aria-hidden": "true", children: c.icon }) }),
               /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: a.label }),
-                /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: H(l.projectId) })
+                /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-text-primary", children: c.label }),
+                /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: B(l.projectId) })
               ] }),
               /* @__PURE__ */ t(
                 d,
@@ -88,7 +87,7 @@ function le({
                   onValueChange: (r) => x == null ? void 0 : x(l, r),
                   children: [
                     /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
-                    /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, M]) => /* @__PURE__ */ e(c, { value: r, children: M }, r)) })
+                    /* @__PURE__ */ e(h, { children: Object.entries(G).map(([r, H]) => /* @__PURE__ */ e(s, { value: r, children: H }, r)) })
                   ]
                 }
               ),
@@ -117,7 +116,7 @@ function le({
         );
       }) }) })
     ] }),
-    /* @__PURE__ */ e(B, { open: E, onOpenChange: s, children: /* @__PURE__ */ t(D, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ e(V, { open: E, onOpenChange: i, children: /* @__PURE__ */ t(D, { className: "sm:max-w-md", children: [
       /* @__PURE__ */ t(z, { children: [
         /* @__PURE__ */ e(q, { children: "Add Notification Rule" }),
         /* @__PURE__ */ e(J, { children: "Customize how you receive notifications for a specific channel and project." })
@@ -128,8 +127,8 @@ function le({
           /* @__PURE__ */ t(d, { value: N, onValueChange: C, children: [
             /* @__PURE__ */ e(o, { id: "pref-scope", children: /* @__PURE__ */ e(m, { placeholder: "Select scope" }) }),
             /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ e(c, { value: "global", children: "Global (all projects)" }),
-              v.map((l) => /* @__PURE__ */ e(c, { value: l.id, children: l.title }, l.id))
+              /* @__PURE__ */ e(s, { value: "global", children: "Global (all projects)" }),
+              v.map((l) => /* @__PURE__ */ e(s, { value: l.id, children: l.title }, l.id))
             ] })
           ] })
         ] }),
@@ -138,8 +137,8 @@ function le({
           /* @__PURE__ */ t(d, { value: I, onValueChange: w, children: [
             /* @__PURE__ */ e(o, { id: "pref-channel", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ e(c, { value: "IN_APP", children: "In-App" }),
-              /* @__PURE__ */ e(c, { value: "GOOGLE_CHAT", children: "Google Chat" })
+              /* @__PURE__ */ e(s, { value: "IN_APP", children: "In-App" }),
+              /* @__PURE__ */ e(s, { value: "GOOGLE_CHAT", children: "Google Chat" })
             ] })
           ] })
         ] }),
@@ -147,12 +146,12 @@ function le({
           /* @__PURE__ */ e("label", { htmlFor: "pref-min-tier", className: "text-ds-sm font-medium text-text-secondary", children: "Minimum Tier" }),
           /* @__PURE__ */ t(d, { value: y, onValueChange: A, children: [
             /* @__PURE__ */ e(o, { id: "pref-min-tier", children: /* @__PURE__ */ e(m, {}) }),
-            /* @__PURE__ */ e(h, { children: Object.entries(G).map(([l, n]) => /* @__PURE__ */ e(c, { value: l, children: n }, l)) })
+            /* @__PURE__ */ e(h, { children: Object.entries(G).map(([l, a]) => /* @__PURE__ */ e(s, { value: l, children: a }, l)) })
           ] })
         ] }),
         /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ e("label", { htmlFor: "pref-muted", className: "text-ds-md text-text-primary", children: "Mute this channel" }),
-          /* @__PURE__ */ e(k, { id: "pref-muted", checked: P, onCheckedChange: j })
+          /* @__PURE__ */ e(k, { id: "pref-muted", checked: P, onCheckedChange: S })
         ] }),
         /* @__PURE__ */ t("div", { className: "flex justify-end gap-ds-03 pt-ds-03", children: [
           /* @__PURE__ */ e(
@@ -160,7 +159,7 @@ function le({
             {
               variant: "ghost",
               onClick: () => {
-                s(!1), F();
+                i(!1), F();
               },
               children: "Cancel"
             }
@@ -169,8 +168,8 @@ function le({
             b,
             {
               onClick: R,
-              disabled: S,
-              children: S ? "Saving..." : "Save Rule"
+              disabled: j,
+              children: j ? "Saving..." : "Save Rule"
             }
           )
         ] })

package/dist/shell/sidebar.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import * as N 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";
+import { S as u, a as S, b as o, c as y, d as A, e as w, f as L, g as j, h as C, i as M, j as k } from "../_chunks/sidebar.js";
+import { A as G, a as F, b as I } from "../_chunks/avatar.js";
+import { c as p } from "../_chunks/utils.js";
 function R({ item: t, isActive: a }) {
   const i = m();
-  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
     k,
     {
       asChild: !0,
@@ -17,7 +17,7 @@ function R({ item: t, isActive: a }) {
         "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(
+      children: /* @__PURE__ */ s(
         i,
         {
           href: t.href,
@@ -40,15 +40,15 @@ const z = N.forwardRef(
     logo: h,
     footerLinks: n = [],
     className: x,
-    ...f
-  }, b) => {
+    ...b
+  }, f) => {
     var c;
-    const v = m(), g = (r, s = !1) => s || r === "/" ? t === r : t.startsWith(r);
-    return /* @__PURE__ */ l(
+    const g = m(), v = (r, l = !1) => l || r === "/" ? t === r : t.startsWith(r);
+    return /* @__PURE__ */ s(
       u,
       {
-        ...f,
-        ref: b,
+        ...b,
+        ref: f,
         "aria-label": "Main navigation",
         className: p(
           "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
@@ -56,35 +56,35 @@ const z = N.forwardRef(
         ),
         children: [
           /* @__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(G, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
+          a && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
+            /* @__PURE__ */ s(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: (c = a.name) == null ? void 0 : c.charAt(0).toUpperCase() })
             ] }),
-            /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ s("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(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(
+          /* @__PURE__ */ e(y, { className: "no-scrollbar px-ds-04", children: i.map((r, l) => /* @__PURE__ */ s("div", { children: [
+            l > 0 && /* @__PURE__ */ e(o, {}),
+            /* @__PURE__ */ s(A, { children: [
+              /* @__PURE__ */ e(w, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: r.label }),
+              /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(j, { children: r.items.map((d) => /* @__PURE__ */ e(
                 R,
                 {
                   item: d,
-                  isActive: g(d.href, d.exact)
+                  isActive: v(d.href, d.exact)
                 },
                 d.href
               )) }) })
             ] })
           ] }, r.label)) }),
-          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" }),
+          n.length > 0 && /* @__PURE__ */ e(C, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: n.map((r, l) => /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+            l > 0 && /* @__PURE__ */ e("div", { className: "h-[16px] w-px bg-border" }),
             /* @__PURE__ */ e(
-              v,
+              g,
               {
                 className: "text-ds-md text-text-placeholder transition-colors hover:text-interactive",
                 href: r.href,

package/dist/shell/top-bar.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { jsxs as s, jsx as e, Fragment as D } from "react/jsx-runtime";
 import * as g from "react";
-import { useColorMode as j } from "../hooks/use-color-mode.js";
-import { Avatar as A, AvatarImage as K, AvatarFallback as F } from "../ui/avatar.js";
-import { DropdownMenu as U, DropdownMenuTrigger as B, DropdownMenuContent as E, DropdownMenuItem as d, DropdownMenuSeparator as w } from "../ui/dropdown-menu.js";
-import { Tooltip as c, TooltipTrigger as n, TooltipContent as i } from "../ui/tooltip.js";
-import { SidebarTrigger as R } from "../ui/sidebar.js";
+import { useColorMode as I } from "../hooks/use-color-mode.js";
+import { A as j, a as K, b as F } from "../_chunks/avatar.js";
+import { DropdownMenu as U, DropdownMenuTrigger as B, DropdownMenuContent as E, DropdownMenuItem as a, DropdownMenuSeparator as w } from "../ui/dropdown-menu.js";
+import { a as c, b as n, c as i } from "../_chunks/tooltip.js";
+import { k as R } from "../_chunks/sidebar.js";
 import { IconSearch as z, IconSparkles as L, IconUser as O, IconSun as P, IconMoon as q, IconLogout as G } from "@tabler/icons-react";
-import { cn as o } from "../ui/lib/utils.js";
+import { c as d } from "../_chunks/utils.js";
 const H = g.forwardRef(
   ({
     pageTitle: m = "",
@@ -18,12 +18,12 @@ const H = g.forwardRef(
     onAiChatClick: x,
     mobileLogo: b,
     notificationSlot: N,
-    userMenuItems: a,
+    userMenuItems: o,
     className: C,
     ...k
   }, v) => {
     var u;
-    const { colorMode: f, toggleColorMode: M } = j(), S = () => {
+    const { colorMode: f, toggleColorMode: M } = I(), S = () => {
       h ? h() : document.dispatchEvent(
         new KeyboardEvent("keydown", {
           key: "k",
@@ -37,7 +37,7 @@ const H = g.forwardRef(
       {
         ...k,
         ref: v,
-        className: o(
+        className: d(
           "z-sticky flex w-full items-center border-b border-border bg-layer-01 px-ds-05 py-ds-04 md:px-ds-06",
           C
         ),
@@ -77,7 +77,7 @@ const H = g.forwardRef(
             ] }),
             l && /* @__PURE__ */ s(U, { children: [
               /* @__PURE__ */ s(c, { children: [
-                /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ s(A, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
+                /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ s(j, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
                   l.image ? /* @__PURE__ */ e(K, { src: l.image, alt: l.name }) : null,
                   /* @__PURE__ */ e(F, { className: "bg-layer-02 text-text-primary", children: (u = l.name) == null ? void 0 : u.charAt(0).toUpperCase() })
                 ] }) }) }) }),
@@ -95,7 +95,7 @@ const H = g.forwardRef(
                       l.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: l.email })
                     ] }),
                     /* @__PURE__ */ s(
-                      d,
+                      a,
                       {
                         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"),
@@ -105,19 +105,19 @@ const H = g.forwardRef(
                         ]
                       }
                     ),
-                    a == null ? void 0 : a.map((r, T) => {
-                      const D = {
+                    o == null ? void 0 : o.map((r, T) => {
+                      const A = {
                         error: "text-error",
                         success: "text-success",
                         warning: "text-warning",
                         info: "text-info"
-                      }, y = r.color ? D[r.color] ?? "text-text-secondary" : "text-text-secondary";
+                      }, y = r.color ? A[r.color] ?? "text-text-secondary" : "text-text-secondary";
                       return /* @__PURE__ */ s(g.Fragment, { children: [
                         r.separator && /* @__PURE__ */ e(w, { className: "bg-border" }),
                         /* @__PURE__ */ s(
-                          d,
+                          a,
                           {
-                            className: o(
+                            className: d(
                               "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
                               r.disabled && "pointer-events-none opacity-[0.38]"
                             ),
@@ -126,8 +126,8 @@ const H = g.forwardRef(
                               r.disabled || (r.onClick ? r.onClick() : r.href && (t == null || t(r.href)));
                             },
                             children: [
-                              r.icon && /* @__PURE__ */ e("span", { className: o("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", y), children: r.icon }),
-                              /* @__PURE__ */ e("span", { className: o("text-ds-md", y), children: r.label }),
+                              r.icon && /* @__PURE__ */ e("span", { className: d("[&>svg]:h-ico-sm [&>svg]:w-ico-sm", y), children: r.icon }),
+                              /* @__PURE__ */ e("span", { className: d("text-ds-md", y), children: r.label }),
                               r.badge != null && r.badge !== !1 && (typeof r.badge == "string" ? /* @__PURE__ */ e("span", { className: "ml-auto inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-ds-full bg-error px-ds-02 text-[10px] font-semibold leading-none text-text-on-color", children: r.badge }) : /* @__PURE__ */ e("span", { className: "ml-auto h-[8px] w-[8px] rounded-ds-full bg-error" }))
                             ]
                           }
@@ -135,7 +135,7 @@ const H = g.forwardRef(
                       ] }, r.label + T);
                     }),
                     /* @__PURE__ */ s(
-                      d,
+                      a,
                       {
                         className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
                         onClick: M,
@@ -145,10 +145,10 @@ const H = g.forwardRef(
                         ]
                       }
                     ),
-                    p && /* @__PURE__ */ s(I, { children: [
+                    p && /* @__PURE__ */ s(D, { children: [
                       /* @__PURE__ */ e(w, { className: "bg-border" }),
                       /* @__PURE__ */ s(
-                        d,
+                        a,
                         {
                           className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
                           onClick: p,

package/dist/ui/accordion.js

@@ -1,11 +1,11 @@
 "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";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import * as r from "react";
+import { c as m, H as l, T as n, d, e as f } from "../_chunks/primitives.js";
 import { IconChevronDown as p } from "@tabler/icons-react";
-import { cn as i } from "./lib/utils.js";
-const h = m, u = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
-  l,
+import { c as i } from "../_chunks/utils.js";
+const y = f, u = r.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
+  m,
   {
     ref: t,
     className: i("border-b border-border-subtle", e),
@@ -13,10 +13,10 @@ const h = m, u = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   }
 ));
 u.displayName = "AccordionItem";
-const x = s.forwardRef(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ r(f, { className: "flex", children: /* @__PURE__ */ c(
-  d,
+const x = r.forwardRef(({ className: e, children: o, ...t }, s) => /* @__PURE__ */ a(l, { className: "flex", children: /* @__PURE__ */ c(
+  n,
   {
-    ref: a,
+    ref: s,
     className: i(
       "flex flex-1 items-center justify-between py-ds-05 text-left text-ds-md font-medium transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus [&[data-state=open]>svg]:rotate-180",
       e
@@ -24,23 +24,23 @@ const x = s.forwardRef(({ className: e, children: o, ...t }, a) => /* @__PURE__
     ...t,
     children: [
       o,
-      /* @__PURE__ */ r(p, { className: "h-ico-sm w-ico-sm shrink-0 text-text-secondary transition-transform duration-moderate-02" })
+      /* @__PURE__ */ a(p, { className: "h-ico-sm w-ico-sm shrink-0 text-text-secondary transition-transform duration-moderate-02" })
     ]
   }
 ) }));
-x.displayName = d.displayName;
-const N = s.forwardRef(({ className: e, children: o, ...t }, a) => /* @__PURE__ */ r(
-  n,
+x.displayName = n.displayName;
+const N = r.forwardRef(({ className: e, children: o, ...t }, s) => /* @__PURE__ */ a(
+  d,
   {
-    ref: a,
+    ref: s,
     className: "transition-all duration-moderate-02 ease-productive-standard data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-ds-md",
     ...t,
-    children: /* @__PURE__ */ r("div", { className: i("pb-ds-05 pt-0", e), children: o })
+    children: /* @__PURE__ */ a("div", { className: i("pb-ds-05 pt-0", e), children: o })
   }
 ));
-N.displayName = n.displayName;
+N.displayName = d.displayName;
 export {
-  h as Accordion,
+  y as Accordion,
   N as AccordionContent,
   u as AccordionItem,
   x as AccordionTrigger