@devalok/shilp-sutra 0.11.0 → 0.13.0

package/dist/_chunks/button.js

@@ -5,7 +5,7 @@ import { S as R, a as E } from "./primitives.js";
 import * as G from "react";
 import { u as M, S as q } from "./spinner.js";
 import { c as s } from "./utils.js";
-const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent transition-[color,background-color,border-color,box-shadow] duration-fast-01 ease-productive-standard 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]", {
+const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent transition-[color,background-color,border-color,box-shadow,transform] duration-fast-01 ease-productive-standard active:translate-y-px 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]", {
   variants: {
     variant: {
       solid: "",
@@ -73,8 +73,8 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
   "icon-sm": "sm",
   "icon-md": "sm",
   "icon-lg": "md"
-}, F = G.forwardRef(({ className: c, variant: w, color: N, size: y, asChild: S = !1, startIcon: d, endIcon: l, loading: e = !1, loadingPosition: t = "start", fullWidth: m = !1, disabled: v, children: i, ...u }, h) => {
-  const a = M(), b = w ?? a.variant, f = N ?? a.color, o = y ?? a.size ?? "md", g = A[o], z = D[o], n = e ? r(q, { size: z }) : null;
+}, F = G.forwardRef(({ className: c, variant: w, color: N, size: y, asChild: S = !1, startIcon: d, endIcon: l, loading: e = !1, loadingPosition: t = "start", fullWidth: m = !1, disabled: v, children: a, ...u }, h) => {
+  const i = M(), b = w ?? i.variant, f = N ?? i.color, o = y ?? i.size ?? "md", g = A[o], z = D[o], n = e ? r(q, { size: z }) : null;
   if (S) {
     const C = {
       className: s(p({ variant: b, color: f, size: o }), m && "w-full", c),
@@ -83,9 +83,9 @@ const p = V("inline-flex items-center justify-center gap-ds-03 whitespace-nowrap
       "aria-busy": e || void 0,
       ...u
     };
-    return r(R, { ...C, children: r(E, { children: i }) });
+    return r(R, { ...C, children: r(E, { children: a }) });
   }
-  const j = () => e && t === "start" ? n : d ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: d }) : null, k = () => e && t === "end" ? n : l ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: l }) : null, B = () => e && t === "center" ? x("span", { className: "relative inline-flex items-center justify-center", children: [r("span", { className: "invisible", children: i }), r("span", { className: "absolute inset-0 flex items-center justify-center", children: n })] }) : i;
+  const j = () => e && t === "start" ? n : d ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: d }) : null, k = () => e && t === "end" ? n : l ? r("span", { className: s("inline-flex shrink-0 items-center justify-center", g), children: l }) : null, B = () => e && t === "center" ? x("span", { className: "relative inline-flex items-center justify-center", children: [r("span", { className: "invisible", children: a }), r("span", { className: "absolute inset-0 flex items-center justify-center", children: n })] }) : a;
   return x("button", { className: s(p({ variant: b, color: f, size: o }), m && "w-full", c), ref: h, disabled: v || e, "aria-busy": e || void 0, ...u, children: [j(), B(), k()] });
 });
 F.displayName = "Button";

package/dist/_chunks/card.js

@@ -4,7 +4,7 @@ import * as o from "react";
 import { bj as n, bk as c } from "./primitives.js";
 import { c as s } from "./utils.js";
 import { e as l } from "./vendor-utils.js";
-const f = o.forwardRef(({ className: e, error: r, ...a }, d) => t(n, { className: s("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 && "border-border-error data-[state=checked]:bg-error", e), ...a, ref: d, children: t(c, { className: s("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") }) }));
+const f = o.forwardRef(({ className: e, error: r, ...a }, d) => t(n, { className: s("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 && "border-border-error data-[state=checked]:bg-error", e), ...a, ref: d, children: t(c, { className: s("pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-text-on-color shadow-02 ring-0 transition-transform duration-moderate-01 ease-bounce data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) }));
 f.displayName = n.displayName;
 const b = l("rounded-ds-lg text-text-primary", {
   variants: {
@@ -16,7 +16,7 @@ const b = l("rounded-ds-lg text-text-primary", {
     }
   },
   defaultVariants: { variant: "default" }
-}), m = o.forwardRef(({ className: e, variant: r, interactive: a, ...d }, i) => t("div", { ref: i, className: s(b({ variant: r }), a && "hover:shadow-02 hover:border-border-strong cursor-pointer transition-shadow duration-fast-01", e), ...d }));
+}), m = o.forwardRef(({ className: e, variant: r, interactive: a, ...d }, i) => t("div", { ref: i, className: s(b({ variant: r }), a && "hover:shadow-02 hover:border-border-strong hover:-translate-y-px active:scale-[0.98] cursor-pointer transition-all duration-fast-02 ease-productive-standard", e), ...d }));
 m.displayName = "Card";
 const p = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("flex flex-col space-y-ds-02b p-ds-06", e), ...r }));
 p.displayName = "CardHeader";
@@ -26,8 +26,8 @@ const h = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, classNa
 h.displayName = "CardDescription";
 const v = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("p-ds-06 pt-0", e), ...r }));
 v.displayName = "CardContent";
-const w = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("flex items-center p-ds-06 pt-0", e), ...r }));
-w.displayName = "CardFooter";
+const g = o.forwardRef(({ className: e, ...r }, a) => t("div", { ref: a, className: s("flex items-center p-ds-06 pt-0", e), ...r }));
+g.displayName = "CardFooter";
 export {
   m as C,
   f as S,
@@ -35,6 +35,6 @@ export {
   u as b,
   v as c,
   h as d,
-  w as e,
+  g as e,
   b as f
 };

package/dist/_chunks/checkbox.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { C as r, b as n } from "./primitives.js";
+import { C as r, b as d } from "./primitives.js";
 import { IconMinus as m, IconCheck as l } from "@tabler/icons-react";
-import * as b from "react";
-import { c as f } from "./utils.js";
-const h = b.forwardRef(({ className: o, error: i, indeterminate: a, checked: s, ...c }, d) => {
-  const t = a ? "indeterminate" : s;
-  return e(r, { ref: d, checked: t, className: f("peer h-ico-md w-ico-md shrink-0 rounded-ds-sm", "border border-border-strong", "bg-field", "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=checked]:border-interactive data-[state=checked]:text-text-on-color", "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color", i && "border-border-error", o), ...c, children: e(n, { className: "flex items-center justify-center text-current", children: t === "indeterminate" ? e(m, { className: "h-ico-sm w-ico-sm" }) : e(l, { className: "h-ico-sm w-ico-sm" }) }) });
+import * as f from "react";
+import { c as b } from "./utils.js";
+const h = f.forwardRef(({ className: i, error: o, indeterminate: a, checked: c, ...s }, n) => {
+  const t = a ? "indeterminate" : c;
+  return e(r, { ref: n, checked: t, className: b("peer flex items-center justify-center h-ico-md w-ico-md shrink-0 rounded-ds-sm", "border border-border-strong", "bg-field", "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=checked]:border-interactive data-[state=checked]:text-text-on-color", "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color", o && "border-border-error", i), ...s, children: e(d, { className: "flex items-center justify-center text-current animate-check-pop", children: t === "indeterminate" ? e(m, { className: "h-ico-sm w-ico-sm" }) : e(l, { className: "h-3 w-3" }) }) });
 });
 h.displayName = r.displayName;
 export {

package/dist/_chunks/sidebar.js

@@ -15,11 +15,11 @@ import { T as $, a as P, b as W, c as U } from "./tooltip.js";
 const X = z([
   "flex w-full font-sans",
   "bg-field text-text-primary",
-  "border border-border rounded-ds-md",
+  "border border-border-subtle rounded-ds-md",
   "placeholder:text-text-placeholder",
   "hover:bg-field-hover",
   "transition-colors duration-fast-01",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:border-border-interactive",
+  "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus/50 focus-visible:border-border-subtle",
   "disabled:cursor-not-allowed disabled:opacity-[0.38]",
   "read-only:bg-layer-02 read-only:cursor-default"
 ], {
@@ -32,7 +32,7 @@ const X = z([
   },
   defaultVariants: { size: "md" }
 }), T = B.forwardRef(({ className: a, type: e, state: t, size: d, startIcon: s, endIcon: n, ...c }, f) => {
-  const l = K(), u = t ?? (l.state === "helper" ? void 0 : l.state), p = c["aria-describedby"] ?? l.helperTextId, g = c["aria-required"] ?? l.required, y = r("input", { type: e, className: i(X({ size: d }), s && "pl-ds-08", n && "pr-ds-08", u === "error" && "border-border-error focus-visible:ring-error", u === "warning" && "border-border-warning focus-visible:ring-warning", u === "success" && "border-border-success focus-visible:ring-success", a), "aria-invalid": u === "error" || void 0, "aria-describedby": p, "aria-required": g || void 0, ref: f, ...c });
+  const l = K(), u = t ?? (l.state === "helper" ? void 0 : l.state), b = c["aria-describedby"] ?? l.helperTextId, g = c["aria-required"] ?? l.required, y = r("input", { type: e, className: i(X({ size: d }), s && "pl-ds-07", n && "pr-ds-07", u === "error" && "border-border-error focus-visible:ring-error", u === "warning" && "border-border-warning focus-visible:ring-warning", u === "success" && "border-border-success focus-visible:ring-success", a), "aria-invalid": u === "error" || void 0, "aria-describedby": b, "aria-required": g || void 0, ref: f, ...c });
   return !s && !n ? y : x("div", { className: "relative flex items-center w-full", children: [s && r("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: s }), y, n && r("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: n })] });
 });
 T.displayName = "Input";
@@ -55,18 +55,18 @@ const te = o(
     children: n,
     ...c
   }, f) => {
-    const l = G(), [u, p] = _(!1), [g, y] = _(a), h = e ?? g, w = C(
-      (b) => {
-        const m = typeof b == "function" ? b(h) : b;
+    const l = G(), [u, b] = _(!1), [g, y] = _(a), h = e ?? g, w = C(
+      (p) => {
+        const m = typeof p == "function" ? p(h) : p;
         t ? t(m) : y(m), document.cookie = `${Y}=${m}; path=/; max-age=${J}`;
       },
       [t, h]
-    ), S = C(() => l ? p((b) => !b) : w((b) => !b), [l, w, p]);
+    ), S = C(() => l ? b((p) => !p) : w((p) => !p), [l, w, b]);
     j(() => {
-      const b = (m) => {
+      const p = (m) => {
         m.key === ae && (m.metaKey || m.ctrlKey) && (m.preventDefault(), S());
       };
-      return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+      return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
     }, [S]);
     const M = h ? "expanded" : "collapsed", D = E(
       () => ({
@@ -75,7 +75,7 @@ const te = o(
         setOpen: w,
         isMobile: l,
         openMobile: u,
-        setOpenMobile: p,
+        setOpenMobile: b,
         toggleSidebar: S
       }),
       [
@@ -84,7 +84,7 @@ const te = o(
         w,
         l,
         u,
-        p,
+        b,
         S
       ]
     );
@@ -117,7 +117,7 @@ const re = o(
     children: s,
     ...n
   }, c) => {
-    const { isMobile: f, state: l, openMobile: u, setOpenMobile: p } = N();
+    const { isMobile: f, state: l, openMobile: u, setOpenMobile: b } = N();
     return t === "none" ? /* @__PURE__ */ r(
       "div",
       {
@@ -129,7 +129,7 @@ const re = o(
         ...n,
         children: s
       }
-    ) : f ? /* @__PURE__ */ r(V, { open: u, onOpenChange: p, ...n, children: /* @__PURE__ */ r(
+    ) : f ? /* @__PURE__ */ r(V, { open: u, onOpenChange: b, ...n, children: /* @__PURE__ */ r(
       F,
       {
         "data-sidebar": "sidebar",
@@ -317,7 +317,7 @@ const ue = o(
   )
 );
 ue.displayName = "SidebarContent";
-const pe = o(
+const be = o(
   ({ className: a, ...e }, t) => /* @__PURE__ */ r(
     "div",
     {
@@ -328,8 +328,8 @@ const pe = o(
     }
   )
 );
-pe.displayName = "SidebarGroup";
-const be = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
+be.displayName = "SidebarGroup";
+const pe = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
   e ? v : "div",
   {
     ref: d,
@@ -342,7 +342,7 @@ const be = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
     ...t
   }
 ));
-be.displayName = "SidebarGroupLabel";
+pe.displayName = "SidebarGroupLabel";
 const me = o(({ className: a, asChild: e = !1, ...t }, d) => /* @__PURE__ */ r(
   e ? v : "button",
   {
@@ -423,7 +423,7 @@ const xe = z(
     className: n,
     ...c
   }, f) => {
-    const l = a ? v : "button", { isMobile: u, state: p } = N(), g = /* @__PURE__ */ r(
+    const l = a ? v : "button", { isMobile: u, state: b } = N(), g = /* @__PURE__ */ r(
       l,
       {
         ref: f,
@@ -443,7 +443,7 @@ const xe = z(
         {
           side: "right",
           align: "center",
-          hidden: p !== "collapsed" || u,
+          hidden: b !== "collapsed" || u,
           ...s
         }
       )
@@ -567,8 +567,8 @@ export {
   ne as a,
   ce as b,
   ue as c,
-  pe as d,
-  be as e,
+  be as d,
+  pe as e,
   me as f,
   fe as g,
   ge as h,

package/dist/_chunks/utils.js

@@ -1,14 +1,17 @@
-import { g as s, h as t } from "./vendor-utils.js";
-const n = t({
+import { g as d, h as e } from "./vendor-utils.js";
+const t = e({
   extend: {
+    theme: {
+      spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
+    },
     classGroups: {
       "font-size": [{ "text-ds": ["xs", "sm", "md"] }]
     }
   }
 });
-function o(...e) {
-  return n(s(e));
+function r(...s) {
+  return t(d(s));
 }
 export {
-  o as c
+  r as c
 };

package/dist/composed/avatar-group.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import * as u from "react";
 import { e as w } from "../_chunks/vendor-utils.js";
-import { c as d } from "../_chunks/utils.js";
+import { c as i } from "../_chunks/utils.js";
 import { A, a as T, b as C } from "../_chunks/avatar.js";
 import { T as I, a as f, b as p, c as h } from "../_chunks/tooltip.js";
 import { getInitials as j } from "./lib/string-utils.js";
-const x = w(
+const v = w(
   "shrink-0 overflow-hidden rounded-ds-full border-2 border-layer-01",
   {
     variants: {
@@ -21,34 +21,34 @@ const x = w(
     }
   }
 ), z = u.forwardRef(
-  ({ users: s, max: l = 4, size: o, showTooltip: b = !0, className: v, ...g }, y) => {
-    const i = s.slice(0, l), m = s.length - l, n = {
+  ({ users: r, max: l = 4, size: d, showTooltip: b = !0, className: x, ...g }, y) => {
+    const o = r.slice(0, l), m = r.length - l, n = {
       sm: "-ml-ds-02b",
       md: "-ml-ds-03",
       lg: "-ml-ds-04"
-    }[o ?? "md"];
-    return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ r(
+    }[d ?? "md"];
+    return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ s(
       "div",
       {
         ref: y,
-        className: d("flex items-center", v),
+        className: i("flex items-center", x),
         ...g,
         children: [
-          i.map((a, t) => {
-            const N = j(a.name), c = /* @__PURE__ */ r(
+          o.map((a, t) => {
+            const N = j(a.name), c = /* @__PURE__ */ s(
               A,
               {
-                className: d(
-                  x({ size: o }),
+                className: i(
+                  v({ size: d }),
                   t > 0 && n
                 ),
-                style: { zIndex: i.length - t },
+                style: { zIndex: o.length - t },
                 children: [
                   a.image && /* @__PURE__ */ e(T, { src: a.image, alt: a.name }),
                   /* @__PURE__ */ e(
                     C,
                     {
-                      className: "bg-field font-body font-semibold text-text-on-color",
+                      className: "font-body font-semibold",
                       children: N
                     }
                   )
@@ -56,7 +56,7 @@ const x = w(
               },
               t
             );
-            return b ? /* @__PURE__ */ r(f, { children: [
+            return b ? /* @__PURE__ */ s(f, { children: [
               /* @__PURE__ */ e(p, { asChild: !0, children: c }),
               /* @__PURE__ */ e(
                 h,
@@ -68,14 +68,14 @@ const x = w(
               )
             ] }, t) : c;
           }),
-          m > 0 && /* @__PURE__ */ r(f, { children: [
-            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ r(
+          m > 0 && /* @__PURE__ */ s(f, { children: [
+            /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ s(
               "div",
               {
-                className: d(
-                  x({ size: o }),
+                className: i(
+                  v({ size: d }),
                   n,
-                  "flex cursor-default items-center justify-center bg-layer-03 font-body font-semibold text-text-on-color"
+                  "flex cursor-default items-center justify-center bg-interactive-subtle font-body font-semibold text-interactive"
                 ),
                 style: { zIndex: 0 },
                 children: [
@@ -89,7 +89,7 @@ const x = w(
               {
                 className: "border-border bg-layer-01 text-text-primary",
                 sideOffset: 6,
-                children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-01", children: s.slice(l).map((a, t) => /* @__PURE__ */ e("p", { className: "text-ds-sm", children: a.name }, t)) })
+                children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-01", children: r.slice(l).map((a, t) => /* @__PURE__ */ e("p", { className: "text-ds-sm", children: a.name }, t)) })
               }
             )
           ] })

package/dist/composed/empty-state.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | React.ComponentType<{
+        className?: string;
+    }>;
     title: string;
     description?: string;
     action?: React.ReactNode;

package/dist/composed/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAcD,QAAA,MAAM,UAAU,wFAkEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAcD,QAAA,MAAM,UAAU,wFAwEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -1,85 +1,84 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import * as n from "react";
-import { c } from "../_chunks/utils.js";
-const h = ({ className: t }) => /* @__PURE__ */ e(
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import * as c from "react";
+import { c as s } from "../_chunks/utils.js";
+const h = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32",
     fill: "currentColor",
-    className: t,
+    className: e,
     "aria-hidden": "true",
-    children: /* @__PURE__ */ e("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
+    children: /* @__PURE__ */ t("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
   }
-), f = n.forwardRef(
+), y = c.forwardRef(
   ({
-    icon: t,
-    title: a,
+    icon: e,
+    title: o,
     description: d,
-    action: l,
-    compact: s = !1,
+    action: a,
+    compact: l = !1,
     className: i,
-    ...m
-  }, o) => {
-    const x = t ?? /* @__PURE__ */ e(
+    ...n
+  }, x) => {
+    const r = l ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg", f = e != null && !c.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), p = e ? f ? c.createElement(e, {
+      className: s("text-text-placeholder", r)
+    }) : e : /* @__PURE__ */ t(
       h,
       {
-        className: c(
-          "text-text-placeholder",
-          s ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg"
-        )
+        className: s("text-text-placeholder", r)
       }
     );
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: o,
-        className: c(
+        ref: x,
+        className: s(
           "flex flex-col items-center justify-center text-center",
-          s ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
+          l ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
           i
         ),
-        ...m,
+        ...n,
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "div",
             {
-              className: c(
-                "flex items-center justify-center rounded-ds-xl bg-layer-02",
-                s ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg"
+              className: s(
+                "flex items-center justify-center rounded-ds-xl bg-layer-02 animate-float",
+                l ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg"
               ),
-              children: x
+              children: p
             }
           ),
-          /* @__PURE__ */ r("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
-            /* @__PURE__ */ e(
+          /* @__PURE__ */ m("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
+            /* @__PURE__ */ t(
               "h3",
               {
-                className: c(
+                className: s(
                   "text-text-primary",
-                  s ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
+                  l ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
                 ),
-                children: a
+                children: o
               }
             ),
-            d && /* @__PURE__ */ e(
+            d && /* @__PURE__ */ t(
               "p",
               {
-                className: c(
+                className: s(
                   "text-text-placeholder",
-                  s ? "text-ds-sm" : "text-ds-md"
+                  l ? "text-ds-sm" : "text-ds-md"
                 ),
                 children: d
               }
             )
           ] }),
-          l && /* @__PURE__ */ e("div", { className: "mt-ds-02", children: l })
+          a && /* @__PURE__ */ t("div", { className: "mt-ds-02", children: a })
         ]
       }
     );
   }
 );
-f.displayName = "EmptyState";
+y.displayName = "EmptyState";
 export {
-  f as EmptyState
+  y as EmptyState
 };

package/dist/shell/bottom-navbar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as s, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, Fragment as v, jsx as t } from "react/jsx-runtime";
 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 { c as r } from "../_chunks/utils.js";
 function k({
-  item: a,
+  item: s,
   isActive: n,
   onClick: d
 }) {
@@ -14,45 +14,45 @@ function k({
   return /* @__PURE__ */ t(
     i,
     {
-      href: a.href,
+      href: s.href,
       onClick: d,
-      "aria-label": a.title,
+      "aria-label": s.title,
       "aria-current": n ? "page" : void 0,
       className: r(
-        "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm",
+        "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm active:animate-subtle-bounce",
         n ? "font-semibold text-interactive" : "text-text-helper"
       ),
-      children: /* @__PURE__ */ s("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
+      children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
         /* @__PURE__ */ t(
           "div",
           {
             className: r(
-              "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
-              n ? "opacity-100" : "opacity-0"
+              "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-[opacity,transform] duration-moderate-01",
+              n ? "opacity-100 animate-tab-indicator" : "opacity-0 scale-x-0"
             ),
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: a.icon }) }),
-        /* @__PURE__ */ t("span", { className: "text-center", children: a.title })
+        /* @__PURE__ */ t("div", { className: "p-ds-03", children: /* @__PURE__ */ t("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: s.icon }) }),
+        /* @__PURE__ */ t("span", { className: "text-center", children: s.title })
       ] })
     }
   );
 }
 const M = g.forwardRef(
   ({
-    currentPath: a = "/",
+    currentPath: s = "/",
     user: n,
     primaryItems: d = [],
     moreItems: i = [],
     className: f,
     ...x
   }, h) => {
-    const b = p(), [o, l] = N(!1), c = (e, u = !1) => u || e === "/" ? a === e : a.startsWith(e), m = i.some(
+    const b = p(), [o, l] = N(!1), c = (e, u = !1) => u || e === "/" ? s === e : s.startsWith(e), m = i.some(
       (e) => c(e.href, e.exact)
     );
-    return /* @__PURE__ */ s(v, { children: [
-      o && /* @__PURE__ */ s(
+    return /* @__PURE__ */ a(v, { children: [
+      o && /* @__PURE__ */ a(
         "div",
         {
           role: "button",
@@ -64,14 +64,14 @@ const M = g.forwardRef(
           },
           children: [
             /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-overlay" }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               "div",
               {
                 className: "absolute bottom-[72px] left-0 right-0 rounded-t-ds-2xl border-t border-border bg-layer-01 p-ds-05 pb-ds-03",
                 onClick: (e) => e.stopPropagation(),
                 onKeyDown: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ s("div", { className: "mb-ds-04 flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("div", { className: "mb-ds-04 flex items-center justify-between", children: [
                     /* @__PURE__ */ t("span", { className: "text-ds-md font-semibold text-text-primary", children: "More" }),
                     /* @__PURE__ */ t(
                       "button",
@@ -83,7 +83,7 @@ const M = g.forwardRef(
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: i.map((e) => /* @__PURE__ */ s(
+                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: i.map((e) => /* @__PURE__ */ a(
                     b,
                     {
                       href: e.href,
@@ -105,7 +105,7 @@ const M = g.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "nav",
         {
           ...x,
@@ -132,16 +132,16 @@ const M = g.forwardRef(
                 "aria-label": "More navigation options",
                 "aria-expanded": o,
                 className: r(
-                  "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm",
+                  "flex h-16 max-w-[70px] flex-1 cursor-pointer flex-col items-center gap-ds-02 p-ds-02 pt-0 text-ds-sm active:animate-subtle-bounce",
                   o || m ? "font-semibold text-interactive" : "text-text-helper"
                 ),
-                children: /* @__PURE__ */ s("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
+                children: /* @__PURE__ */ a("div", { className: "relative flex w-full flex-col items-center gap-ds-02", children: [
                   /* @__PURE__ */ t(
                     "div",
                     {
                       className: r(
-                        "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-opacity duration-slow-01",
-                        o || m ? "opacity-100" : "opacity-0"
+                        "absolute top-0 h-[3px] w-full rounded-b-ds-sm bg-interactive p-0 transition-[opacity,transform] duration-moderate-01",
+                        o || m ? "opacity-100 animate-tab-indicator" : "opacity-0 scale-x-0"
                       ),
                       "aria-hidden": "true"
                     }