@devalok/shilp-sutra 0.18.0 → 0.18.1

package/dist/composed/global-loading.js

@@ -2,24 +2,24 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as m from "react";
 import { useRef as l, useState as p, useEffect as i } from "react";
-import { c } from "../_chunks/utils.js";
+import { cn as c } from "../ui/lib/utils.js";
 const d = m.forwardRef(
-  function({ isLoading: e, className: s, ...u }, f) {
-    const t = l(null), [r, a] = p(!0), o = l();
+  function({ isLoading: e, className: u, ...f }, s) {
+    const t = l(null), [r, o] = p(!0), a = l();
     return i(() => () => {
-      clearTimeout(o.current);
+      clearTimeout(a.current);
     }, []), i(() => {
-      t.current && e && a(!1);
+      t.current && e && o(!1);
     }, [e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: f,
+        ref: s,
         role: "progressbar",
         "aria-label": "Page loading",
         "aria-hidden": !e,
         "aria-valuetext": e ? "Loading" : void 0,
-        ...u,
-        className: c("pointer-events-none fixed inset-x-0 top-0 z-toast h-1", s),
+        ...f,
+        className: c("pointer-events-none fixed inset-x-0 top-0 z-toast h-1", u),
         children: /* @__PURE__ */ n(
           "div",
           {
@@ -31,8 +31,8 @@ const d = m.forwardRef(
               !e && !r && "w-full opacity-100"
             ),
             onTransitionEnd: () => {
-              e || (o.current = setTimeout(() => {
-                a(!0);
+              e || (a.current = setTimeout(() => {
+                o(!0);
               }, 200));
             }
           }

package/dist/composed/lib/string-utils.d.ts

@@ -1,4 +1,3 @@
-"use client";
 /**
  * Extract initials from a person's name.
  * "John Doe" -> "JD", "Alice" -> "AL"

package/dist/composed/lib/string-utils.js

@@ -1,4 +1,3 @@
-"use client";
 function i(r) {
   const t = r.trim();
   if (!t) return "";

package/dist/composed/loading-skeleton.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import * as t from "react";
-import { c } from "../_chunks/utils.js";
+import { cn as c } from "../ui/lib/utils.js";
 import { Skeleton as s } from "../ui/skeleton.js";
 const b = t.forwardRef(
   function({ className: d, ...l }, o) {

package/dist/composed/member-picker.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as a from "react";
-import { c as l } from "../_chunks/utils.js";
+import { cn as l } from "../ui/lib/utils.js";
 import { Popover as N, PopoverTrigger as y, PopoverContent as w } from "../ui/popover.js";
-import { A as k, a as C, b as S } from "../_chunks/avatar.js";
-import { IconSearch as P, IconCheck as A } from "@tabler/icons-react";
-import { getInitials as I } from "./lib/string-utils.js";
+import { Avatar as k, AvatarImage as C, AvatarFallback as S } from "../ui/avatar.js";
+import { IconSearch as P, IconCheck as I } from "@tabler/icons-react";
+import { getInitials as A } from "./lib/string-utils.js";
 const O = a.forwardRef(
   ({
     members: i,
@@ -63,10 +63,10 @@ const O = a.forwardRef(
                     children: [
                       /* @__PURE__ */ s(k, { className: "h-ico-md w-ico-md", children: [
                         e.avatar && /* @__PURE__ */ t(C, { src: e.avatar, alt: e.name }),
-                        /* @__PURE__ */ t(S, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: I(e.name) })
+                        /* @__PURE__ */ t(S, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: A(e.name) })
                       ] }),
                       /* @__PURE__ */ t("span", { className: "flex-1 truncate text-ds-md font-body text-surface-fg", children: e.name }),
-                      n && /* @__PURE__ */ t(A, { className: "h-ico-sm w-ico-sm shrink-0 text-accent-11" })
+                      n && /* @__PURE__ */ t(I, { className: "h-ico-sm w-ico-sm shrink-0 text-accent-11" })
                     ]
                   },
                   e.id

package/dist/composed/page-header.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import * as n from "react";
-import { c as o } from "../_chunks/utils.js";
+import { cn as o } from "../ui/lib/utils.js";
 import { IconChevronRight as p } from "@tabler/icons-react";
 const N = n.forwardRef(
   ({ title: d, subtitle: a, actions: r, breadcrumbs: e, titleClassName: h, className: g, ...x }, m) => {

package/dist/composed/page-skeletons.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import * as n from "react";
 import { Skeleton as d } from "../ui/skeleton.js";
-import { c as e } from "../_chunks/utils.js";
+import { cn as e } from "../ui/lib/utils.js";
 const l = "bg-surface-3", t = n.forwardRef(
   function({ className: m, ...o }, i) {
     return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex flex-col gap-ds-06", m), children: [

package/dist/composed/priority-indicator.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import * as d from "react";
 import { ag as g } from "../_chunks/vendor-utils.js";
-import { c as e } from "../_chunks/utils.js";
+import { cn as e } from "../ui/lib/utils.js";
 import { IconAlertTriangle as f, IconArrowUp as b, IconMinus as p, IconArrowDown as u } from "@tabler/icons-react";
 const x = {
   LOW: {
@@ -42,27 +42,27 @@ const x = {
     }
   }
 ), w = d.forwardRef(
-  ({ priority: s, display: t, className: i, ...c }, n) => {
+  ({ priority: s, display: t, className: i, ...n }, c) => {
     const a = s.toUpperCase(), o = x[a], l = o.icon;
     return t === "compact" ? /* @__PURE__ */ r(
       "div",
       {
-        ref: n,
+        ref: c,
         className: e(
           "inline-flex items-center justify-center rounded-ds-md p-ds-02",
           o.bgColor,
           i
         ),
         title: o.label,
-        ...c,
+        ...n,
         children: /* @__PURE__ */ r(l, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
       }
     ) : /* @__PURE__ */ m(
       "div",
       {
-        ref: n,
+        ref: c,
         className: e(y({ display: t }), i),
-        ...c,
+        ...n,
         children: [
           /* @__PURE__ */ r(
             "div",

package/dist/composed/rich-text-editor.js

@@ -4,7 +4,7 @@ import * as o from "react";
 import { N as Y, R as Z, m as ee, a as te, E as se, S as re, u as B, U as P, T as z, b as U, P as ne, H as K, c as $, d as M, L as q, I as O, M as V, e as F } from "../_chunks/tiptap.js";
 import { IconFile as ie, IconDownload as ce, IconBold as ae, IconItalic as le, IconUnderline as oe, IconStrikethrough as ue, IconHighlight as de, IconH2 as fe, IconH3 as me, IconBlockquote as he, IconList as ge, IconListNumbers as be, IconListCheck as pe, IconCode as ke, IconPhoto as xe, IconPaperclip as we, IconLineDashed as ve, IconAlignLeft as ye, IconAlignCenter as Ae, IconAlignRight as _e, IconMoodSmile as Ne, IconArrowBackUp as Ie, IconArrowForwardUp as Le, IconLink as Ce } from "@tabler/icons-react";
 import { createRoot as W } from "react-dom/client";
-import { c as p } from "../_chunks/utils.js";
+import { cn as p } from "../ui/lib/utils.js";
 import { useColorMode as Ee } from "../hooks/use-color-mode.js";
 function Re(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;

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 E, addDays as v, format as u, isSameDay as D, isToday as I, getHours as N, getMinutes as S, differenceInMinutes as A } from "date-fns";
-import { c as x } from "../_chunks/utils.js";
+import { cn as x } from "../ui/lib/utils.js";
 const O = {
   primary: "bg-accent-2 border-accent-7 text-accent-11",
   success: "bg-success-3 border-success-7 text-success-11",
@@ -15,7 +15,7 @@ function P(r) {
   return r === 0 ? "12 AM" : r < 12 ? `${r} AM` : r === 12 ? "12 PM" : `${r - 12} PM`;
 }
 function T(r, s, o) {
-  const c = (o - s) * 60, t = (N(r.start) - s) * 60 + S(r.start), i = A(r.end, r.start), d = t / c * 100, m = i / c * 100;
+  const i = (o - s) * 60, t = (N(r.start) - s) * 60 + S(r.start), c = A(r.end, r.start), d = t / i * 100, m = c / i * 100;
   return {
     top: `${d}%`,
     height: `${m}%`
@@ -25,7 +25,7 @@ function V({ startHour: r, endHour: s }) {
   const o = [];
   for (let t = r; t < s; t++)
     o.push(t);
-  const c = 100 / (s - r);
+  const i = 100 / (s - r);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -35,7 +35,7 @@ function V({ startHour: r, endHour: s }) {
         "div",
         {
           className: "text-ds-xs text-surface-fg-muted pr-ds-02 text-right",
-          style: { height: `${c}%` },
+          style: { height: `${i}%` },
           children: P(t)
         },
         t
@@ -47,13 +47,13 @@ function j({
   date: r,
   events: s,
   startHour: o,
-  endHour: c,
+  endHour: i,
   slotDuration: t,
-  onEventClick: i,
+  onEventClick: c,
   onSlotClick: d,
   showHeader: m
 }) {
-  const y = s.filter((e) => D(e.start, r)), p = (c - o) * 60, g = p / t, b = [];
+  const y = s.filter((e) => D(e.start, r)), p = (i - o) * 60, g = p / t, b = [];
   for (let e = 0; e < g; e++) {
     const n = new Date(r);
     n.setHours(o, e * t, 0, 0);
@@ -64,7 +64,7 @@ function j({
   let h = null;
   if (l) {
     const e = /* @__PURE__ */ new Date(), n = N(e), f = S(e);
-    n >= o && n < c && (h = ((n - o) * 60 + f) / p * 100);
+    n >= o && n < i && (h = ((n - o) * 60 + f) / p * 100);
   }
   return /* @__PURE__ */ w("div", { className: "flex flex-1 flex-col min-w-[80px]", children: [
     m && /* @__PURE__ */ a(
@@ -93,7 +93,7 @@ function j({
         n
       )),
       y.map((e) => {
-        const n = T(e, o, c), f = O[e.color ?? "primary"];
+        const n = T(e, o, i), f = O[e.color ?? "primary"];
         return /* @__PURE__ */ a(
           "button",
           {
@@ -106,7 +106,7 @@ function j({
             ),
             style: n,
             onClick: (M) => {
-              M.stopPropagation(), i == null || i(e);
+              M.stopPropagation(), c == null || c(e);
             },
             "aria-label": `${e.title}, ${u(e.start, "h:mm a")} to ${u(e.end, "h:mm a")}`,
             children: /* @__PURE__ */ a("span", { className: "line-clamp-2", children: e.title })
@@ -131,9 +131,9 @@ const R = $.forwardRef(
     view: r,
     date: s,
     events: o,
-    onEventClick: c,
+    onEventClick: i,
     onSlotClick: t,
-    startHour: i = 8,
+    startHour: c = 8,
     endHour: d = 18,
     slotDuration: m = 30,
     className: y,
@@ -157,16 +157,16 @@ const R = $.forwardRef(
         ),
         ...p,
         children: [
-          /* @__PURE__ */ a(V, { startHour: i, endHour: d }),
+          /* @__PURE__ */ a(V, { startHour: c, endHour: d }),
           /* @__PURE__ */ a("div", { className: "flex flex-1 divide-x divide-surface-border overflow-x-auto", children: b.map((l) => /* @__PURE__ */ a(
             j,
             {
               date: l,
               events: o,
-              startHour: i,
+              startHour: c,
               endHour: d,
               slotDuration: m,
-              onEventClick: c,
+              onEventClick: i,
               onSlotClick: t,
               showHeader: r === "week"
             },

package/dist/composed/simple-tooltip.js

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

package/dist/composed/status-badge.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import * as v from "react";
 import { ag as C } from "../_chunks/vendor-utils.js";
-import { m as g } from "../_chunks/motion2.js";
-import { c as r } from "../_chunks/utils.js";
-import { A as p, m as l } from "../_chunks/motion.js";
+import { motionProps as g } from "../ui/lib/motion.js";
+import { cn as a } from "../ui/lib/utils.js";
+import { A as p, m as l } from "../_chunks/framer.js";
 const b = C(
   "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
   {
@@ -54,7 +54,7 @@ const b = C(
   ({ status: m, color: s, size: t, label: n, hideDot: c = !1, className: o, ...i }, d) => {
     if (s != null) {
       const h = n ?? s.charAt(0).toUpperCase() + s.slice(1), y = k[s];
-      return /* @__PURE__ */ a(p, { mode: "wait", children: /* @__PURE__ */ u(
+      return /* @__PURE__ */ r(p, { mode: "wait", children: /* @__PURE__ */ u(
         l.span,
         {
           ref: d,
@@ -62,16 +62,16 @@ const b = C(
           animate: { opacity: 1 },
           exit: { opacity: 0.6 },
           transition: f,
-          className: r(
+          className: a(
             b({ color: s, size: t }),
             o
           ),
           ...g(i),
           children: [
-            !c && /* @__PURE__ */ a(
+            !c && /* @__PURE__ */ r(
               "span",
               {
-                className: r(
+                className: a(
                   "shrink-0 rounded-ds-full",
                   t === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
                   y
@@ -86,7 +86,7 @@ const b = C(
       ) });
     }
     const e = m ?? "pending", x = n ?? e.charAt(0).toUpperCase() + e.slice(1), w = j[e];
-    return /* @__PURE__ */ a(p, { mode: "wait", children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ r(p, { mode: "wait", children: /* @__PURE__ */ u(
       l.span,
       {
         ref: d,
@@ -94,16 +94,16 @@ const b = C(
         animate: { opacity: 1 },
         exit: { opacity: 0.6 },
         transition: f,
-        className: r(
+        className: a(
           b({ status: e, size: t }),
           o
         ),
         ...g(i),
         children: [
-          !c && /* @__PURE__ */ a(
+          !c && /* @__PURE__ */ r(
             "span",
             {
-              className: r(
+              className: a(
                 "shrink-0 rounded-ds-full",
                 t === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
                 w

package/dist/motion/index.d.ts

@@ -1,4 +1,4 @@
 "use client";
 export { MotionProvider, useMotion, type MotionProviderProps } from './motion-provider';
-export { springs, tweens, stagger, type SpringPreset, type TweenPreset } from '../ui/lib/motion';
+export { springs, tweens, stagger, withReducedMotion, motionProps, type SpringPreset, type TweenPreset } from '../ui/lib/motion';
 //# sourceMappingURL=index.d.ts.map

package/dist/motion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/motion/index.js

@@ -1,10 +1,12 @@
 "use client";
-import { MotionProvider as r, useMotion as e } from "./motion-provider.js";
-import { s as a, a as i, t as n } from "../_chunks/motion2.js";
+import { M as r, u as t } from "../_chunks/motion-provider.js";
+import { motionProps as i, springs as n, stagger as p, tweens as M, withReducedMotion as a } from "../ui/lib/motion.js";
 export {
   r as MotionProvider,
-  a as springs,
-  i as stagger,
-  n as tweens,
-  e as useMotion
+  i as motionProps,
+  n as springs,
+  p as stagger,
+  M as tweens,
+  t as useMotion,
+  a as withReducedMotion
 };

package/dist/motion/primitives-index.js

@@ -1,11 +1,187 @@
 "use client";
-import { MotionCollapse as e, MotionFade as i, MotionPop as n, MotionScale as M, MotionSlide as a, MotionStagger as g, MotionStaggerItem as l } from "./primitives.js";
+import { jsx as a } from "react/jsx-runtime";
+import * as m from "react";
+import { springs as g, tweens as w } from "../ui/lib/motion.js";
+import { cn as f } from "../ui/lib/utils.js";
+import { A as u, m as y } from "../_chunks/framer.js";
+const N = m.forwardRef(
+  ({ show: i, children: e, className: t, layout: o, layoutId: n, whileInView: s, viewportOnce: r = !0, viewportMargin: c = "-50px", ...l }, p) => {
+    const d = s ? {
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: r, margin: c }
+    } : {};
+    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: p,
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: w.fade,
+        className: f(t),
+        layout: o,
+        layoutId: n,
+        ...d,
+        ...l,
+        children: e
+      }
+    ) });
+  }
+);
+N.displayName = "MotionFade";
+const V = m.forwardRef(
+  ({ show: i, children: e, className: t, preset: o = "snappy", layout: n, layoutId: s, whileInView: r, viewportOnce: c = !0, viewportMargin: l = "-50px", ...p }, d) => {
+    const h = g[o], v = r ? {
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: c, margin: l }
+    } : {};
+    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: d,
+        initial: { opacity: 0, scale: 0.96 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.96 },
+        transition: { ...h, opacity: w.fade },
+        className: f(t),
+        layout: n,
+        layoutId: s,
+        ...v,
+        ...p,
+        children: e
+      }
+    ) });
+  }
+);
+V.displayName = "MotionScale";
+const b = m.forwardRef(
+  ({ show: i, children: e, className: t, preset: o = "bouncy", layout: n, layoutId: s, whileInView: r, viewportOnce: c = !0, viewportMargin: l = "-50px", ...p }, d) => {
+    const h = g[o], v = r ? {
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: c, margin: l }
+    } : {};
+    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: d,
+        initial: { opacity: 0, scale: 0.5 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.5 },
+        transition: { ...h, opacity: w.fade },
+        className: f(t),
+        layout: n,
+        layoutId: s,
+        ...v,
+        ...p,
+        children: e
+      }
+    ) });
+  }
+);
+b.displayName = "MotionPop";
+const P = m.forwardRef(
+  ({ show: i, children: e, className: t, preset: o = "smooth", direction: n = "up", layout: s, layoutId: r, whileInView: c, viewportOnce: l = !0, viewportMargin: p = "-50px", ...d }, h) => {
+    const v = g[o], x = {
+      up: { y: 16 },
+      down: { y: -16 },
+      left: { x: 16 },
+      right: { x: -16 }
+    }[n], M = c ? {
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once: l, margin: p }
+    } : {};
+    return /* @__PURE__ */ a(u, { children: i && /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: h,
+        initial: { opacity: 0, ...x },
+        animate: { opacity: 1, x: 0, y: 0 },
+        exit: { opacity: 0, ...x },
+        transition: { ...v, opacity: w.fade },
+        className: f(t),
+        layout: s,
+        layoutId: r,
+        ...M,
+        ...d,
+        children: e
+      }
+    ) });
+  }
+);
+P.displayName = "MotionSlide";
+const R = m.forwardRef(
+  ({ show: i, children: e, className: t, preset: o = "gentle", layout: n, layoutId: s, ...r }, c) => {
+    const l = g[o];
+    return /* @__PURE__ */ a(u, { initial: !1, children: i && /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: c,
+        initial: { height: 0, opacity: 0, overflow: "hidden" },
+        animate: { height: "auto", opacity: 1, overflow: "hidden" },
+        exit: { height: 0, opacity: 0, overflow: "hidden" },
+        transition: { ...l, opacity: w.fade },
+        className: f(t),
+        layout: n,
+        layoutId: s,
+        ...r,
+        children: e
+      }
+    ) });
+  }
+);
+R.displayName = "MotionCollapse";
+const S = m.forwardRef(
+  ({ children: i, className: e, delay: t = 0.04, whileInView: o, viewportOnce: n = !0, viewportMargin: s = "-50px", ...r }, c) => {
+    const l = {
+      hidden: {},
+      visible: {
+        transition: { staggerChildren: t }
+      }
+    }, p = o ? { initial: "hidden", whileInView: "visible", viewport: { once: n, margin: s } } : { initial: "hidden", animate: "visible" };
+    return /* @__PURE__ */ a(
+      y.div,
+      {
+        ref: c,
+        variants: l,
+        className: f(e),
+        ...p,
+        ...r,
+        children: i
+      }
+    );
+  }
+);
+S.displayName = "MotionStagger";
+const I = {
+  hidden: { opacity: 0, y: 8 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: { ...g.smooth, opacity: w.fade }
+  }
+}, C = m.forwardRef(
+  ({ children: i, className: e, ...t }, o) => /* @__PURE__ */ a(
+    y.div,
+    {
+      ref: o,
+      variants: I,
+      className: f(e),
+      ...t,
+      children: i
+    }
+  )
+);
+C.displayName = "MotionStaggerItem";
 export {
-  e as MotionCollapse,
-  i as MotionFade,
-  n as MotionPop,
-  M as MotionScale,
-  a as MotionSlide,
-  g as MotionStagger,
-  l as MotionStaggerItem
+  R as MotionCollapse,
+  N as MotionFade,
+  b as MotionPop,
+  V as MotionScale,
+  P as MotionSlide,
+  S as MotionStagger,
+  C as MotionStaggerItem
 };

package/dist/shell/app-command-palette.js

@@ -4,7 +4,7 @@ import * as w from "react";
 import { useCallback as g, useMemo as r } from "react";
 import { IconFileText as D, IconLayoutDashboard as N, IconCalendarCheck as A, IconUmbrella as C, IconLayoutKanban as E, IconListCheck as h, IconBook as O, IconAdjustmentsHorizontal as U, IconUserCircle as B, IconShieldCheck as K, IconClipboardList as G, IconUserPlus as R, IconSettings as V, IconPackage as v, IconLink as x, IconVideo as J, IconMessage as Y, IconUsers as _ } from "@tabler/icons-react";
 import { CommandPalette as z } from "../composed/command-palette.js";
-import { c as F } from "../_chunks/utils.js";
+import { cn as F } from "../ui/lib/utils.js";
 import { useCommandRegistry as H } from "./command-registry.js";
 const q = {
   TASK: /* @__PURE__ */ a(h, {}),

package/dist/shell/bottom-navbar.js

@@ -4,9 +4,9 @@ import * as w from "react";
 import { useState as y } from "react";
 import { u } from "../_chunks/link-context.js";
 import { IconX as k, IconDots as M } from "@tabler/icons-react";
-import { c as o } from "../_chunks/utils.js";
-import { s as d } from "../_chunks/motion2.js";
-import { m as f } from "../_chunks/motion.js";
+import { cn as o } from "../ui/lib/utils.js";
+import { springs as d } from "../ui/lib/motion.js";
+import { m as f } from "../_chunks/framer.js";
 function j({ count: a }) {
   if (!a || a <= 0) return null;
   const r = a > 99 ? "99+" : String(a), i = a >= 10;