@devalok/shilp-sutra 0.16.1 → 0.17.0

package/dist/shell/bottom-navbar.js

@@ -7,14 +7,14 @@ import { IconX as y, IconDots as w } from "@tabler/icons-react";
 import { c as s } from "../_chunks/utils.js";
 function k({ count: a }) {
   if (!a || a <= 0) return null;
-  const i = a > 99 ? "99+" : String(a), n = a >= 10;
+  const i = a > 99 ? "99+" : String(a), l = a >= 10;
   return /* @__PURE__ */ t(
     "span",
     {
       "aria-label": `${a} notifications`,
       className: s(
-        "absolute -right-1.5 -top-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-error text-[10px] font-semibold leading-none text-on-error animate-in zoom-in-75",
-        n ? "px-0.5" : ""
+        "absolute -right-1 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-error text-[10px] font-semibold leading-none text-text-on-color animate-in zoom-in-75",
+        l ? "px-0.5" : ""
       ),
       children: i
     }
@@ -23,14 +23,14 @@ function k({ count: a }) {
 function M({
   item: a,
   isActive: i,
-  onClick: n
+  onClick: l
 }) {
-  const l = f();
+  const n = f();
   return /* @__PURE__ */ t(
-    l,
+    n,
     {
       href: a.href,
-      onClick: n,
+      onClick: l,
       "aria-label": a.title,
       "aria-current": i ? "page" : void 0,
       className: s(
@@ -61,12 +61,12 @@ const j = g.forwardRef(
   ({
     currentPath: a = "/",
     user: i,
-    primaryItems: n = [],
-    moreItems: l = [],
+    primaryItems: l = [],
+    moreItems: n = [],
     className: p,
     ...x
   }, b) => {
-    const h = f(), [o, d] = N(!1), c = (e, u = !1) => u || e === "/" ? a === e : a.startsWith(e), m = l.some(
+    const h = f(), [o, d] = N(!1), c = (e, u = !1) => u || e === "/" ? a === e : a.startsWith(e), m = n.some(
       (e) => c(e.href, e.exact)
     );
     return /* @__PURE__ */ r(v, { children: [
@@ -101,7 +101,7 @@ const j = g.forwardRef(
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: l.map((e) => /* @__PURE__ */ r(
+                  /* @__PURE__ */ t("div", { className: "grid grid-cols-4 gap-ds-03", children: n.map((e) => /* @__PURE__ */ r(
                     h,
                     {
                       href: e.href,
@@ -134,7 +134,7 @@ const j = g.forwardRef(
             p
           ),
           children: [
-            n.map((e) => /* @__PURE__ */ t(
+            l.map((e) => /* @__PURE__ */ t(
               M,
               {
                 item: e,
@@ -142,7 +142,7 @@ const j = g.forwardRef(
               },
               e.href
             )),
-            l.length > 0 && /* @__PURE__ */ t(
+            n.length > 0 && /* @__PURE__ */ t(
               "button",
               {
                 type: "button",

package/dist/tailwind/index.cjs

@@ -435,7 +435,7 @@ const a = {
       animation: {
         ripple: "ripple var(--duration-slow-01) linear",
         "ripple-icon": "ripple var(--duration-moderate-02) linear forwards",
-        shake: "shake 1s var(--ease-productive-standard) infinite",
+        shake: "shake 0.4s var(--ease-productive-standard) both",
         "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",
         "caret-blink": "caret-blink 1.25s ease-out infinite",

package/dist/tailwind/preset.js

@@ -435,7 +435,7 @@ const a = {
       animation: {
         ripple: "ripple var(--duration-slow-01) linear",
         "ripple-icon": "ripple var(--duration-moderate-02) linear forwards",
-        shake: "shake 1s var(--ease-productive-standard) infinite",
+        shake: "shake 0.4s var(--ease-productive-standard) both",
         "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",
         "caret-blink": "caret-blink 1.25s ease-out infinite",

package/dist/ui/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}

package/dist/ui/data-table.js

@@ -1,45 +1,45 @@
 "use client";
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import Pe, { useState as u, useRef as B, useEffect as D, useCallback as V, useMemo as et } from "react";
-import { useReactTable as tt, getExpandedRowModel as lt, getPaginationRowModel as nt, getFilteredRowModel as ot, getSortedRowModel as st, getCoreRowModel as at, flexRender as ee } from "@tanstack/react-table";
-import { useVirtualizer as rt } from "@tanstack/react-virtual";
-import { IconArrowUp as ct, IconArrowDown as dt, IconArrowsSort as it, IconSearch as ut, IconChevronLeft as mt, IconChevronRight as ye, IconX as ft } from "@tabler/icons-react";
-import { Table as gt, TableHeader as ht, TableRow as z, TableHead as Se, TableBody as H, TableCell as O } from "./table.js";
-import { B as pt } from "../_chunks/button.js";
-import { C as Ce } from "../_chunks/checkbox.js";
-import { Skeleton as Ne } from "./skeleton.js";
-import { c as a } from "../_chunks/utils.js";
-import { DataTableToolbar as bt } from "./data-table-toolbar.js";
-const xt = {
+import et, { useState as u, useRef as V, useEffect as D, useCallback as j, useMemo as tt } from "react";
+import { useReactTable as lt, getExpandedRowModel as nt, getPaginationRowModel as ot, getFilteredRowModel as st, getSortedRowModel as rt, getCoreRowModel as at, flexRender as te } from "@tanstack/react-table";
+import { useVirtualizer as ct } from "@tanstack/react-virtual";
+import { IconArrowUp as dt, IconArrowDown as it, IconArrowsSort as ut, IconSearch as mt, IconChevronLeft as ft, IconChevronRight as Se, IconX as gt } from "@tabler/icons-react";
+import { Table as pt, TableHeader as ht, TableRow as z, TableHead as Ce, TableBody as O, TableCell as B } from "./table.js";
+import { B as bt } from "../_chunks/button.js";
+import { C as Ne } from "../_chunks/checkbox.js";
+import { Skeleton as we } from "./skeleton.js";
+import { c as r } from "../_chunks/utils.js";
+import { DataTableToolbar as xt } from "./data-table-toolbar.js";
+const yt = {
   compact: "py-ds-02",
   standard: "py-ds-05",
   comfortable: "py-ds-07"
 };
-function yt({
+function St({
   initialValue: A,
   onSave: m,
   onCancel: K
 }) {
-  const [I, S] = u(A), h = B(null);
+  const [I, S] = u(A), p = V(null);
   D(() => {
     var i, E;
-    (i = h.current) == null || i.focus(), (E = h.current) == null || E.select();
+    (i = p.current) == null || i.focus(), (E = p.current) == null || E.select();
   }, []);
-  const p = V(() => {
+  const h = j(() => {
     m(I);
   }, [m, I]);
   return /* @__PURE__ */ n(
     "input",
     {
-      ref: h,
+      ref: p,
       type: "text",
       value: I,
       onChange: (i) => S(i.target.value),
-      onBlur: p,
+      onBlur: h,
       onKeyDown: (i) => {
-        i.key === "Enter" ? (i.preventDefault(), p()) : i.key === "Escape" && (i.preventDefault(), K());
+        i.key === "Enter" ? (i.preventDefault(), h()) : i.key === "Escape" && (i.preventDefault(), K());
       },
-      className: a(
+      className: r(
         "h-ds-xs-plus w-full rounded-ds-md",
         "border border-border-interactive bg-field",
         "px-ds-02 text-ds-sm",
@@ -50,51 +50,52 @@ function yt({
     }
   );
 }
-const St = 'button, a, input, select, textarea, [role="checkbox"]';
-function Ct({
+const Ct = 'button, a, input, select, textarea, [role="checkbox"]';
+function Nt({
   columns: A,
   data: m,
   className: K,
   noResultsText: I,
   sortable: S = !1,
-  filterable: h = !1,
-  globalFilter: p = !1,
+  filterable: p = !1,
+  globalFilter: h = !1,
   paginated: i = !1,
   pageSize: E,
-  pageSizeOptions: we,
+  pageSizeOptions: ke,
   selectable: C = !1,
   onSelectionChange: G,
-  toolbar: te = !1,
-  density: ke = "standard",
+  toolbar: le = !1,
+  density: Re = "standard",
   columnPinning: N,
-  editable: Re = !1,
+  editable: ze = !1,
   onCellEdit: L,
-  expandable: j = !1,
-  renderExpanded: le,
+  expandable: $ = !1,
+  renderExpanded: ne,
   virtualRows: b = !1,
-  virtualRowHeight: ze = 48,
-  maxHeight: De = 600,
-  onSort: T,
-  emptyState: ne,
-  loading: Ie = !1,
+  virtualRowHeight: De = 48,
+  maxHeight: Ie = 600,
+  onSort: F,
+  emptyState: oe,
+  loading: Ee = !1,
   selectedIds: Y,
-  selectableFilter: oe,
+  selectableFilter: se,
   getRowId: g,
   pagination: o,
   singleExpand: U = !1,
-  stickyHeader: Ee = !1,
-  onRowClick: F,
-  bulkActions: $
+  stickyHeader: Fe = !1,
+  onRowClick: T,
+  bulkActions: _
 }) {
-  const [Te, se] = u([]), [Fe, Me] = u([]), [W, X] = u(""), [Ve, q] = u({
+  const [Te, re] = u([]), [Me, Ve] = u([]), [W, X] = u(""), [je, q] = u({
     pageIndex: o ? o.page - 1 : 0,
     pageSize: (o == null ? void 0 : o.pageSize) ?? E ?? 10
-  }), [x, ae] = u({}), [je, $e] = u({}), [re, _e] = u({
+  }), [x, ae] = u({}), [$e, _e] = u({}), [ce, He] = u({
     left: (N == null ? void 0 : N.left) ?? [],
     right: (N == null ? void 0 : N.right) ?? []
-  }), [ce, He] = u(ke), [w, J] = u(null), [Oe, de] = u({}), ie = B(null);
+  }), [de, Oe] = u(Re), [w, J] = u(null), [Be, ie] = u({}), ue = V(null), Q = V(!1);
   D(() => {
     if (Y) {
+      Q.current = !0;
       const e = {};
       Y.forEach((t) => {
         e[t] = !0;
@@ -107,17 +108,17 @@ function Ct({
       pageSize: o.pageSize
     }));
   }, [o == null ? void 0 : o.page, o == null ? void 0 : o.pageSize]);
-  const Be = V(
+  const Ae = j(
     (e) => {
-      se((t) => {
+      re((t) => {
         const l = typeof e == "function" ? e(t) : e;
-        return T && (l.length === 0 && t.length > 0 ? T(t[0].id, !1) : l.length > 0 && T(l[0].id, l[0].desc ? "desc" : "asc")), l;
+        return F && (l.length === 0 && t.length > 0 ? F(t[0].id, !1) : l.length > 0 && F(l[0].id, l[0].desc ? "desc" : "asc")), l;
       });
     },
-    [T]
-  ), Ae = V(
+    [F]
+  ), Ke = j(
     (e) => {
-      de((t) => {
+      ie((t) => {
         const l = typeof e == "function" ? e(t) : e;
         if (!U || l === !0 || typeof l != "object") return l;
         const s = typeof t == "object" ? Object.keys(t).filter((f) => t[f]) : [], R = Object.keys(l).filter((f) => l[f]).filter((f) => !s.includes(f));
@@ -125,22 +126,22 @@ function Ct({
       });
     },
     [U]
-  ), Q = B(o == null ? void 0 : o.onPageChange);
+  ), Z = V(o == null ? void 0 : o.onPageChange);
   D(() => {
-    Q.current = o == null ? void 0 : o.onPageChange;
+    Z.current = o == null ? void 0 : o.onPageChange;
   }, [o == null ? void 0 : o.onPageChange]);
-  const Ke = V(
+  const Ge = j(
     (e) => {
       q((t) => {
         const l = typeof e == "function" ? e(t) : e;
-        return Q.current && l.pageIndex !== t.pageIndex && Q.current(l.pageIndex + 1), l;
+        return Z.current && l.pageIndex !== t.pageIndex && Z.current(l.pageIndex + 1), l;
       });
     },
     []
-  ), Ge = {
+  ), Le = {
     id: "_select",
     header: ({ table: e }) => /* @__PURE__ */ n(
-      Ce,
+      Ne,
       {
         checked: e.getIsAllPageRowsSelected(),
         indeterminate: e.getIsSomePageRowsSelected(),
@@ -149,7 +150,7 @@ function Ct({
       }
     ),
     cell: ({ row: e }) => /* @__PURE__ */ n(
-      Ce,
+      Ne,
       {
         checked: e.getIsSelected(),
         disabled: !e.getCanSelect(),
@@ -160,7 +161,7 @@ function Ct({
     enableSorting: !1,
     enableColumnFilter: !1,
     enableHiding: !1
-  }, Le = {
+  }, Ye = {
     id: "_expand",
     header: () => null,
     cell: ({ row: e }) => /* @__PURE__ */ n(
@@ -171,10 +172,10 @@ function Ct({
         "aria-label": e.getIsExpanded() ? "Collapse row" : "Expand row",
         className: "flex items-center justify-center p-ds-01 rounded-ds-sm hover:bg-layer-02 transition-colors",
         children: /* @__PURE__ */ n(
-          ye,
+          Se,
           {
             size: 16,
-            className: a(
+            className: r(
               "transition-transform duration-moderate-02",
               e.getIsExpanded() && "rotate-90"
             ),
@@ -187,63 +188,67 @@ function Ct({
     enableColumnFilter: !1,
     enableHiding: !1
   }, k = [
-    ...C ? [Ge] : [],
-    ...j ? [Le] : [],
+    ...C ? [Le] : [],
+    ...$ ? [Ye] : [],
     ...A
-  ], M = !!o, Z = i || M, y = {
-    columnVisibility: je,
-    columnPinning: re
+  ], M = !!o, v = i || M, y = {
+    columnVisibility: $e,
+    columnPinning: ce
   };
-  S && (y.sorting = Te), (h || p) && (y.columnFilters = Fe, y.globalFilter = W), Z && (y.pagination = Ve), C && (y.rowSelection = x), j && (y.expanded = Oe);
-  const ue = S && !!T, r = tt({
+  S && (y.sorting = Te), (p || h) && (y.columnFilters = Me, y.globalFilter = W), v && (y.pagination = je), C && (y.rowSelection = x), $ && (y.expanded = Be);
+  const me = S && !!F, a = lt({
     data: m,
     columns: k,
     state: y,
-    onColumnVisibilityChange: $e,
-    onColumnPinningChange: _e,
+    onColumnVisibilityChange: _e,
+    onColumnPinningChange: He,
     getCoreRowModel: at(),
     ...S && {
-      onSortingChange: ue ? Be : se,
-      ...ue ? { manualSorting: !0 } : { getSortedRowModel: st() }
+      onSortingChange: me ? Ae : re,
+      ...me ? { manualSorting: !0 } : { getSortedRowModel: rt() }
     },
-    ...(h || p) && {
-      onColumnFiltersChange: Me,
+    ...(p || h) && {
+      onColumnFiltersChange: Ve,
       onGlobalFilterChange: X,
-      getFilteredRowModel: ot()
+      getFilteredRowModel: st()
     },
-    ...Z && {
-      onPaginationChange: M ? Ke : q,
+    ...v && {
+      onPaginationChange: M ? Ge : q,
       ...M ? {
         manualPagination: !0,
         pageCount: Math.ceil(
           o.total / o.pageSize
         )
-      } : { getPaginationRowModel: nt() }
+      } : { getPaginationRowModel: ot() }
     },
     ...C && {
       onRowSelectionChange: ae,
-      enableRowSelection: oe ? (e) => oe(e.original) : !0
+      enableRowSelection: se ? (e) => se(e.original) : !0
     },
-    ...j && {
-      onExpandedChange: U ? Ae : de,
-      getExpandedRowModel: lt()
+    ...$ && {
+      onExpandedChange: U ? Ke : ie,
+      getExpandedRowModel: nt()
     },
     ...g && {
       getRowId: (e) => g(e)
     }
-  }), v = B(G);
+  }), P = V(G);
   D(() => {
-    v.current = G;
+    P.current = G;
   }, [G]), D(() => {
-    if (!v.current) return;
+    if (Q.current) {
+      Q.current = !1;
+      return;
+    }
+    if (!P.current) return;
     const e = Object.keys(x).filter((l) => x[l]), t = m.filter((l, s) => {
       const c = g ? g(m[s]) : String(s);
       return e.includes(c);
     });
-    v.current(t);
+    P.current(t);
   }, [x, m, g]);
-  function me(e) {
-    const { left: t = [], right: l = [] } = re, s = t.indexOf(e), c = l.indexOf(e);
+  function fe(e) {
+    const { left: t = [], right: l = [] } = ce, s = t.indexOf(e), c = l.indexOf(e);
     return s !== -1 ? {
       className: "sticky bg-layer-01 z-raised",
       style: { left: 0 }
@@ -252,23 +257,23 @@ function Ct({
       style: { right: 0 }
     } : { className: "", style: {} };
   }
-  function Ye(e) {
-    if (!Re || e === "_select" || e === "_expand") return !1;
-    const t = r.getColumn(e);
+  function Ue(e) {
+    if (!ze || e === "_select" || e === "_expand") return !1;
+    const t = a.getColumn(e);
     if (!t) return !1;
     const l = t.columnDef.meta;
     return (l == null ? void 0 : l.enableEditing) !== !1;
   }
-  const fe = xt[ce], _ = r.getRowModel().rows, ge = rt({
-    count: b ? _.length : 0,
-    getScrollElement: () => ie.current,
-    estimateSize: () => ze,
+  const ge = yt[de], H = a.getRowModel().rows, pe = ct({
+    count: b ? H.length : 0,
+    getScrollElement: () => ue.current,
+    estimateSize: () => De,
     overscan: 10
-  }), Ue = (o == null ? void 0 : o.pageSize) ?? E ?? 5, We = k.length, Xe = V(
+  }), We = (o == null ? void 0 : o.pageSize) ?? E ?? 5, Xe = k.length, qe = j(
     (e, t) => {
-      !F || t.target.closest(St) || F(e);
+      !T || t.target.closest(Ct) || T(e);
     },
-    [F]
+    [T]
   );
   function he(e, t) {
     const l = e.getVisibleCells();
@@ -277,30 +282,30 @@ function Ct({
       {
         "data-state": e.getIsSelected() && "selected",
         style: t,
-        className: a(
+        className: r(
           b ? "absolute w-full flex" : void 0,
-          F && "cursor-pointer"
+          T && "cursor-pointer"
         ),
-        onClick: F ? (s) => Xe(e.original, s) : void 0,
+        onClick: T ? (s) => qe(e.original, s) : void 0,
         children: l.map((s) => {
-          const c = me(s.column.id), R = (w == null ? void 0 : w.rowIndex) === e.index && (w == null ? void 0 : w.columnId) === s.column.id;
+          const c = fe(s.column.id), R = (w == null ? void 0 : w.rowIndex) === e.index && (w == null ? void 0 : w.columnId) === s.column.id;
           return /* @__PURE__ */ n(
-            O,
+            B,
             {
-              className: a(
-                fe,
+              className: r(
+                ge,
                 c.className,
                 b && "flex-1"
               ),
               style: c.style,
               onDoubleClick: () => {
-                Ye(s.column.id) && J({
+                Ue(s.column.id) && J({
                   rowIndex: e.index,
                   columnId: s.column.id
                 });
               },
               children: R ? /* @__PURE__ */ n(
-                yt,
+                St,
                 {
                   initialValue: String(s.getValue() ?? ""),
                   onSave: (f) => {
@@ -308,7 +313,7 @@ function Ct({
                   },
                   onCancel: () => J(null)
                 }
-              ) : ee(s.column.columnDef.cell, s.getContext())
+              ) : te(s.column.columnDef.cell, s.getContext())
             },
             s.id
           );
@@ -317,68 +322,68 @@ function Ct({
       e.id
     );
   }
-  function qe(e, t) {
-    return !j || !e.getIsExpanded() || !le ? null : /* @__PURE__ */ n(
+  function Je(e, t) {
+    return !$ || !e.getIsExpanded() || !ne ? null : /* @__PURE__ */ n(
       z,
       {
         style: t,
         className: b ? "absolute w-full flex" : void 0,
         children: /* @__PURE__ */ n(
-          O,
+          B,
           {
             colSpan: k.length,
-            className: a(
+            className: r(
               "bg-layer-02 p-ds-05",
               b && "flex-1"
             ),
-            children: le(e.original)
+            children: ne(e.original)
           }
         )
       },
       `${e.id}-expanded`
     );
   }
-  function Je() {
+  function Qe() {
     const e = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-    return /* @__PURE__ */ n(H, { children: Array.from({ length: Ue }, (t, l) => /* @__PURE__ */ n(z, { children: Array.from({ length: We }, (s, c) => {
-      var be, xe;
-      const f = (((be = k[c]) == null ? void 0 : be.id) ?? ((xe = k[c]) == null ? void 0 : xe.header)) === "_select";
+    return /* @__PURE__ */ n(O, { children: Array.from({ length: We }, (t, l) => /* @__PURE__ */ n(z, { children: Array.from({ length: Xe }, (s, c) => {
+      var xe, ye;
+      const f = (((xe = k[c]) == null ? void 0 : xe.id) ?? ((ye = k[c]) == null ? void 0 : ye.header)) === "_select";
       return /* @__PURE__ */ n(
-        O,
+        B,
         {
-          className: fe,
-          children: f ? /* @__PURE__ */ n(Ne, { variant: "text", className: "h-4 w-4", animation: "pulse" }) : /* @__PURE__ */ n(Ne, { variant: "text", className: a("h-4", e[c % e.length]), animation: "pulse" })
+          className: ge,
+          children: f ? /* @__PURE__ */ n(we, { variant: "text", className: "h-4 w-4", animation: "pulse" }) : /* @__PURE__ */ n(we, { variant: "text", className: r("h-4", e[c % e.length]), animation: "pulse" })
         },
         `skeleton-${l}-${c}`
       );
     }) }, `skeleton-${l}`)) });
   }
-  function Qe() {
-    if (Ie)
-      return Je();
-    if (!_.length)
-      return /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
-        O,
+  function Ze() {
+    if (Ee)
+      return Qe();
+    if (!H.length)
+      return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
+        B,
         {
           colSpan: k.length,
-          className: a(
+          className: r(
             "h-24 text-center",
-            !ne && "text-text-tertiary"
+            !oe && "text-text-tertiary"
           ),
-          children: ne || I || "No results."
+          children: oe || I || "No results."
         }
       ) }) });
     if (b) {
-      const e = ge.getVirtualItems(), t = ge.getTotalSize();
+      const e = pe.getVirtualItems(), t = pe.getTotalSize();
       return /* @__PURE__ */ n(
-        H,
+        O,
         {
           style: {
             height: `${t}px`,
             position: "relative"
           },
           children: e.map((l) => {
-            const s = _[l.index];
+            const s = H[l.index];
             return he(s, {
               position: "absolute",
               top: 0,
@@ -391,30 +396,30 @@ function Ct({
         }
       );
     }
-    return /* @__PURE__ */ n(H, { children: _.map((e) => /* @__PURE__ */ d(Pe.Fragment, { children: [
+    return /* @__PURE__ */ n(O, { children: H.map((e) => /* @__PURE__ */ d(et.Fragment, { children: [
       he(e),
-      qe(e)
+      Je(e)
     ] }, e.id)) });
   }
-  const P = et(() => {
-    if (!$ || !C) return [];
+  const ee = tt(() => {
+    if (!_ || !C) return [];
     const e = Object.keys(x).filter((t) => x[t]);
     return m.filter((t, l) => {
       const s = g ? g(m[l]) : String(l);
       return e.includes(s);
     });
-  }, [$, C, x, m, g]), Ze = P.length > 0, ve = M ? o.total : r.getFilteredRowModel().rows.length, pe = /* @__PURE__ */ d(gt, { children: [
+  }, [_, C, x, m, g]), ve = ee.length > 0, Pe = M ? o.total : a.getFilteredRowModel().rows.length, be = /* @__PURE__ */ d(pt, { children: [
     /* @__PURE__ */ d(
       ht,
       {
-        className: a(
-          Ee && "sticky top-0 z-10 bg-surface"
+        className: r(
+          Fe && "sticky top-0 z-10 bg-surface"
         ),
         children: [
-          r.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => {
-            const l = S && t.column.getCanSort(), s = t.column.getIsSorted(), c = me(t.column.id);
+          a.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => {
+            const l = S && t.column.getCanSort(), s = t.column.getIsSorted(), c = fe(t.column.id);
             return /* @__PURE__ */ n(
-              Se,
+              Ce,
               {
                 className: c.className,
                 style: c.style,
@@ -422,7 +427,7 @@ function Ct({
                   "button",
                   {
                     type: "button",
-                    className: a(
+                    className: r(
                       "flex items-center gap-ds-01 font-medium",
                       "cursor-pointer select-none",
                       "-ml-ds-01 rounded-ds-sm px-ds-01 py-ds-01",
@@ -431,24 +436,24 @@ function Ct({
                     onClick: t.column.getToggleSortingHandler(),
                     "aria-label": `Sort by ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
                     children: [
-                      ee(
+                      te(
                         t.column.columnDef.header,
                         t.getContext()
                       ),
                       s === "asc" ? /* @__PURE__ */ n(
-                        ct,
+                        dt,
                         {
                           className: "h-ico-sm w-ico-sm text-text-secondary",
                           "aria-hidden": "true"
                         }
                       ) : s === "desc" ? /* @__PURE__ */ n(
-                        dt,
+                        it,
                         {
                           className: "h-ico-sm w-ico-sm text-text-secondary",
                           "aria-hidden": "true"
                         }
                       ) : /* @__PURE__ */ n(
-                        it,
+                        ut,
                         {
                           className: "h-ico-sm w-ico-sm text-text-tertiary",
                           "aria-hidden": "true"
@@ -456,7 +461,7 @@ function Ct({
                       )
                     ]
                   }
-                ) : ee(
+                ) : te(
                   t.column.columnDef.header,
                   t.getContext()
                 )
@@ -464,7 +469,7 @@ function Ct({
               t.id
             );
           }) }, e.id)),
-          h && r.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => /* @__PURE__ */ n(Se, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ n(
+          p && a.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => /* @__PURE__ */ n(Ce, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ n(
             "input",
             {
               type: "text",
@@ -472,7 +477,7 @@ function Ct({
               onChange: (l) => t.column.setFilterValue(l.target.value),
               placeholder: `Filter ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : ""}...`,
               "aria-label": `Filter ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
-              className: a(
+              className: r(
                 "h-ds-xs-plus w-full rounded-ds-md",
                 "border border-border bg-field",
                 "px-ds-02 text-ds-sm",
@@ -484,23 +489,23 @@ function Ct({
         ]
       }
     ),
-    Qe()
+    Ze()
   ] });
-  return /* @__PURE__ */ d("div", { className: a(K), children: [
-    te && /* @__PURE__ */ n(
-      bt,
+  return /* @__PURE__ */ d("div", { className: r(K), children: [
+    le && /* @__PURE__ */ n(
+      xt,
       {
-        table: r,
-        globalFilter: p,
+        table: a,
+        globalFilter: h,
         globalFilterValue: W,
         onGlobalFilterChange: X,
-        density: ce,
-        onDensityChange: He
+        density: de,
+        onDensityChange: Oe
       }
     ),
-    p && !te && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-border-subtle mb-ds-04", children: [
+    h && !le && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-border-subtle mb-ds-04", children: [
       /* @__PURE__ */ n(
-        ut,
+        mt,
         {
           size: 16,
           className: "text-icon-secondary",
@@ -515,7 +520,7 @@ function Ct({
           onChange: (e) => X(e.target.value),
           placeholder: "Search all columns...",
           "aria-label": "Search all columns",
-          className: a(
+          className: r(
             "flex-1 bg-transparent text-ds-md",
             "text-text-primary placeholder:text-text-placeholder",
             "outline-none"
@@ -526,32 +531,32 @@ function Ct({
     b ? /* @__PURE__ */ n(
       "div",
       {
-        ref: ie,
-        style: { maxHeight: `${De}px`, overflowY: "auto" },
-        children: pe
+        ref: ue,
+        style: { maxHeight: `${Ie}px`, overflowY: "auto" },
+        children: be
       }
-    ) : pe,
-    Z && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-border-subtle", children: [
+    ) : be,
+    v && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-border-subtle", children: [
       /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
-        ve,
+        Pe,
         " total rows"
       ] }),
       /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
         !M && /* @__PURE__ */ n(
           "select",
           {
-            value: r.getState().pagination.pageSize,
+            value: a.getState().pagination.pageSize,
             onChange: (e) => {
-              r.setPageSize(Number(e.target.value));
+              a.setPageSize(Number(e.target.value));
             },
             "aria-label": "Rows per page",
-            className: a(
+            className: r(
               "h-ds-sm rounded-ds-md",
               "border border-border bg-field",
               "px-ds-03 text-ds-sm",
               "text-text-primary"
             ),
-            children: (we ?? [10, 20, 50, 100]).map((e) => /* @__PURE__ */ d("option", { value: e, children: [
+            children: (ke ?? [10, 20, 50, 100]).map((e) => /* @__PURE__ */ d("option", { value: e, children: [
               e,
               " rows"
             ] }, e))
@@ -561,49 +566,49 @@ function Ct({
           "button",
           {
             type: "button",
-            disabled: !r.getCanPreviousPage(),
-            onClick: () => r.previousPage(),
+            disabled: !a.getCanPreviousPage(),
+            onClick: () => a.previousPage(),
             "aria-label": "Previous page",
-            className: a(
+            className: r(
               "h-ds-sm w-ds-sm flex items-center justify-center",
               "rounded-ds-md border border-border",
               "enabled:hover:bg-layer-02",
               "disabled:opacity-[0.38] disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ n(mt, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(ft, { size: 16, "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
           "Page ",
-          r.getState().pagination.pageIndex + 1,
+          a.getState().pagination.pageIndex + 1,
           " of",
           " ",
-          r.getPageCount()
+          a.getPageCount()
         ] }),
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !r.getCanNextPage(),
-            onClick: () => r.nextPage(),
+            disabled: !a.getCanNextPage(),
+            onClick: () => a.nextPage(),
             "aria-label": "Next page",
-            className: a(
+            className: r(
               "h-ds-sm w-ds-sm flex items-center justify-center",
               "rounded-ds-md border border-border",
               "enabled:hover:bg-layer-02",
               "disabled:opacity-[0.38] disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ n(ye, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(Se, { size: 16, "aria-hidden": "true" })
           }
         )
       ] })
     ] }),
-    $ && C && Ze && /* @__PURE__ */ d(
+    _ && C && ve && /* @__PURE__ */ d(
       "div",
       {
-        className: a(
+        className: r(
           "fixed bottom-6 left-1/2 -translate-x-1/2 z-50",
           "flex items-center gap-ds-04 px-ds-05 py-ds-03",
           "rounded-ds-lg border border-border bg-surface shadow-lg",
@@ -613,17 +618,17 @@ function Ct({
         "aria-label": "Bulk actions",
         children: [
           /* @__PURE__ */ d("span", { className: "text-ds-sm font-medium text-text-primary whitespace-nowrap", children: [
-            P.length,
+            ee.length,
             " selected"
           ] }),
           /* @__PURE__ */ n("div", { className: "h-5 w-px bg-border", "aria-hidden": "true" }),
-          $.map((e) => /* @__PURE__ */ n(
-            pt,
+          _.map((e) => /* @__PURE__ */ n(
+            bt,
             {
               size: "sm",
               variant: e.color === "error" ? "destructive" : "outline",
               disabled: e.disabled,
-              onClick: () => e.onClick(P),
+              onClick: () => e.onClick(ee),
               children: e.label
             },
             e.label
@@ -632,14 +637,14 @@ function Ct({
             "button",
             {
               type: "button",
-              onClick: () => r.resetRowSelection(),
+              onClick: () => a.resetRowSelection(),
               "aria-label": "Clear selection",
-              className: a(
+              className: r(
                 "flex items-center justify-center p-ds-01",
                 "rounded-ds-sm hover:bg-layer-02 transition-colors",
                 "text-text-secondary hover:text-text-primary"
               ),
-              children: /* @__PURE__ */ n(ft, { size: 16, "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(gt, { size: 16, "aria-hidden": "true" })
             }
           )
         ]
@@ -647,7 +652,7 @@ function Ct({
     )
   ] });
 }
-Ct.displayName = "DataTable";
+Nt.displayName = "DataTable";
 export {
-  Ct as DataTable
+  Nt as DataTable
 };

package/dist/ui/table.js

@@ -1,22 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as l from "react";
-import { c as r } from "../_chunks/utils.js";
-const s = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o(
+import { c as s } from "../_chunks/utils.js";
+const r = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o(
   "table",
   {
     ref: t,
-    className: r("w-full caption-bottom text-ds-md", e),
+    className: s("w-full caption-bottom text-ds-md", e),
     ...a
   }
 ) }));
-s.displayName = "Table";
-const d = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: r("", e), ...a }));
+r.displayName = "Table";
+const d = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o("thead", { ref: t, className: s("", e), ...a }));
 d.displayName = "TableHeader";
 const c = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tbody",
   {
     ref: t,
-    className: r("[&_tr:last-child]:border-0", e),
+    className: s("[&_tr:last-child]:border-0", e),
     ...a
   }
 ));
@@ -25,7 +25,7 @@ const m = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tfoot",
   {
     ref: t,
-    className: r(
+    className: s(
       "bg-[color-mix(in_srgb,var(--color-layer-02)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
       e
     ),
@@ -37,7 +37,7 @@ const b = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "tr",
   {
     ref: t,
-    className: r(
+    className: s(
       "transition-colors hover:bg-layer-02 data-[state=selected]:bg-interactive-selected",
       e
     ),
@@ -50,7 +50,7 @@ const i = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     scope: "col",
-    className: r(
+    className: s(
       "h-ds-md px-ds-03 text-left font-medium text-text-secondary [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
@@ -62,8 +62,8 @@ const f = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "td",
   {
     ref: t,
-    className: r(
-      "py-ds-03 px-0 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+    className: s(
+      "py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a
@@ -74,13 +74,13 @@ const n = l.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   "caption",
   {
     ref: t,
-    className: r("mt-ds-05 text-ds-md text-text-secondary", e),
+    className: s("mt-ds-05 text-ds-md text-text-secondary", e),
     ...a
   }
 ));
 n.displayName = "TableCaption";
 export {
-  s as Table,
+  r as Table,
   c as TableBody,
   n as TableCaption,
   f as TableCell,

package/llms-full.txt

@@ -1481,6 +1481,124 @@ Note: getFormFieldA11y() was removed in favor of useFormField() hook.
 - Example:
   <DateTimePicker value={dateTime} onChange={setDateTime} timeFormat="12h" minuteStep={15} />
 
+## TimePicker
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Server-safe: No
+- Props:
+    value: Date | null (time stored as a Date object)
+    onChange: (date: Date) => void
+    format: "12h" | "24h" (default: "12h")
+    minuteStep: number (default: 1) — step interval for minutes column
+    secondStep: number (default: 1) — step interval for seconds column
+    showSeconds: boolean (default: false) — whether to show the seconds column
+    placeholder: string (default: "Pick a time")
+    disabled: boolean (default: false)
+    className: string
+- Defaults: format="12h", minuteStep=1, secondStep=1, showSeconds=false
+- Example:
+  <TimePicker value={time} onChange={setTime} format="24h" minuteStep={15} />
+  <TimePicker value={time} onChange={setTime} showSeconds />
+- Gotchas:
+    - Time is stored inside a Date object — only hours/minutes/seconds are meaningful
+    - Opens as a popover with scrollable columns for hours, minutes, (optional) seconds, and AM/PM
+    - When no value is set, selecting a time part creates a Date from the current date/time
+
+## CalendarGrid
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Server-safe: No
+- Props:
+    currentMonth: Date (REQUIRED) — which month to display
+    selected: Date | null — single selected date
+    rangeStart: Date | null — range selection start
+    rangeEnd: Date | null — range selection end
+    hoverDate: Date | null — date currently hovered (for range preview)
+    onSelect: (date: Date) => void (REQUIRED) — called when user clicks a date
+    onHover: (date: Date | null) => void — called on mouse enter/leave
+    onMonthChange: (date: Date) => void (REQUIRED) — called for prev/next month navigation
+    onHeaderClick: () => void — called when month/year header is clicked (e.g. to switch to month/year picker view)
+    disabledDates: (date: Date) => boolean
+    minDate: Date
+    maxDate: Date
+    hidePrevNav: boolean — hide previous-month arrow
+    hideNextNav: boolean — hide next-month arrow
+    events: CalendarEvent[] — dot indicators on dates. CalendarEvent: { date: Date, color?: string, label?: string }
+- Example:
+  <CalendarGrid
+    currentMonth={currentMonth}
+    selected={selectedDate}
+    onSelect={setSelectedDate}
+    onMonthChange={setCurrentMonth}
+    events={[{ date: new Date('2026-03-15'), color: 'var(--color-success)' }]}
+  />
+- Gotchas:
+    - This is a low-level building block — prefer DatePicker/DateRangePicker for most use cases
+    - Full keyboard navigation: ArrowLeft/Right/Up/Down, Home/End, Enter/Space
+    - Up to 3 event dots render per day cell
+
+## YearPicker
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Server-safe: No
+- Props:
+    currentYear: number (REQUIRED) — centers the decade grid
+    selectedYear: number — highlights the selected year
+    onYearSelect: (year: number) => void (REQUIRED)
+    minDate: Date — disables years before this date's year
+    maxDate: Date — disables years after this date's year
+- Example:
+  <YearPicker currentYear={2026} selectedYear={2026} onYearSelect={handleYear} />
+- Gotchas:
+    - Displays a 12-year grid (3 columns x 4 rows) based on the decade of currentYear
+    - This is a low-level building block used internally by DatePicker
+
+## MonthPicker
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Server-safe: No
+- Props:
+    currentYear: number (REQUIRED) — which year's months to display
+    selectedMonth: number (0-11) — highlights the selected month
+    onMonthSelect: (month: number) => void (REQUIRED) — returns 0-11
+    minDate: Date — disables months before this date
+    maxDate: Date — disables months after this date
+- Example:
+  <MonthPicker currentYear={2026} selectedMonth={2} onMonthSelect={handleMonth} />
+- Gotchas:
+    - Month values are 0-indexed (Jan=0, Dec=11) — same as JavaScript Date.getMonth()
+    - Displays a 4-column grid of abbreviated month names (Jan, Feb, Mar, ...)
+    - This is a low-level building block used internally by DatePicker
+
+## Presets (Date Range Presets)
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Server-safe: No
+- Types:
+    PresetKey: 'today' | 'yesterday' | 'last7days' | 'last30days' | 'thisMonth' | 'lastMonth' | 'thisYear'
+- Props:
+    presets: PresetKey[] (REQUIRED) — which preset buttons to show
+    onSelect: (start: Date, end: Date) => void (REQUIRED) — called with the computed date range
+    className: string
+- Example:
+  <Presets
+    presets={['today', 'last7days', 'last30days', 'thisMonth']}
+    onSelect={(start, end) => setRange({ start, end })}
+  />
+- Gotchas:
+    - Typically used alongside DateRangePicker (pass presets prop to DateRangePicker for built-in sidebar)
+    - Each preset computes start-of-day / end-of-day boundaries using date-fns
+
+## useCalendar
+- Import: @devalok/shilp-sutra/composed/date-picker
+- Hook: useCalendar(initialMonth?: Date)
+- Returns:
+    currentMonth: Date — the current displayed month
+    setCurrentMonth: (date: Date) => void
+    goToPreviousMonth: () => void
+    goToNextMonth: () => void
+    goToMonth: (month: number) => void — 0-indexed month
+    goToYear: (year: number) => void
+- Example:
+  const { currentMonth, goToNextMonth, goToPreviousMonth, goToMonth, goToYear } = useCalendar()
+  <CalendarGrid currentMonth={currentMonth} onMonthChange={setCurrentMonth} ... />
+- Gotchas: This is a convenience hook for managing calendar month state — used internally by DatePicker
+
 ## EmptyState
 - Import: @devalok/shilp-sutra/composed/empty-state
 - Server-safe: Yes
@@ -1710,6 +1828,42 @@ Note: getFormFieldA11y() was removed in favor of useFormField() hook.
   <StatusBadge color="warning" label="In Review" size="sm" />
 - Gotchas: When color is set, it takes priority over status for styling
 
+## UploadProgress
+- Import: @devalok/shilp-sutra/composed/upload-progress
+- Server-safe: No
+- Types:
+    UploadFile: { id: string, name: string, size: number (bytes), progress?: number (0-100, undefined = indeterminate), status: 'pending' | 'uploading' | 'processing' | 'complete' | 'error', error?: string, previewUrl?: string }
+- Props:
+    files: UploadFile[] (REQUIRED)
+    onRemove: (fileId: string) => void — called when user cancels/removes a file
+    onRetry: (fileId: string) => void — called when user retries a failed upload
+    onDismissAll: () => void — "Dismiss all" button appears when all files are terminal (complete or error)
+    variant: "default" | "compact" (default: "default") — default = two-line layout with progress bar; compact = single-line layout
+    showSize: boolean (default: true) — show file size (default variant only)
+    className: string
+- Also exported: formatFileSize(bytes: number) => string — utility to format bytes as human-readable (B, KB, MB, GB)
+- Defaults: variant="default", showSize=true
+- Example:
+  <UploadProgress
+    files={[
+      { id: '1', name: 'report.pdf', size: 1048576, status: 'uploading', progress: 45 },
+      { id: '2', name: 'photo.jpg', size: 204800, status: 'complete', previewUrl: '/thumb.jpg' },
+      { id: '3', name: 'data.csv', size: 51200, status: 'error', error: 'Network timeout' },
+    ]}
+    onRemove={(id) => removeFile(id)}
+    onRetry={(id) => retryUpload(id)}
+    onDismissAll={() => clearAll()}
+  />
+  <UploadProgress files={uploads} variant="compact" onRemove={removeFile} />
+- Gotchas:
+    - Returns null when files array is empty
+    - Summary header shows completion count and error count
+    - Border color changes based on state: green when all complete, red tint when all terminal with errors
+    - File icon auto-detects image files by extension or previewUrl presence
+    - Status 'processing' renders a spinner icon and indeterminate progress
+    - Screen reader announcements via aria-live region for completion/error events
+    - Staggered slide-up animation (30ms delay per file)
+
 ---
 
 # SHELL COMPONENTS

package/llms.txt

@@ -185,12 +185,20 @@ NOTIFICATION SELECTION GUIDE:
 - EmptyState: icon(ReactNode or ComponentType), title(required), description, action(ReactNode), compact
 - PriorityIndicator: priority(LOW|MEDIUM|HIGH|URGENT) display(compact|full)
 - SimpleTooltip: wraps Tooltip compound into single component
-- DatePicker, DateRangePicker, DateTimePicker, TimePicker
+- DatePicker, DateRangePicker, DateTimePicker
+- TimePicker: standalone time selector — value(Date|null), onChange, format('12h'|'24h'), minuteStep, showSeconds, disabled
+- CalendarGrid: low-level calendar widget — currentMonth, selected, rangeStart/End, onSelect, onMonthChange, events(CalendarEvent[])
+- YearPicker: decade year grid — currentYear, selectedYear, onYearSelect, minDate, maxDate
+- MonthPicker: month grid — currentYear, selectedMonth(0-11), onMonthSelect, minDate, maxDate
+- Presets: date range quick-select buttons — presets(PresetKey[]), onSelect(start, end). Keys: today, yesterday, last7days, last30days, thisMonth, lastMonth, thisYear
+- useCalendar: hook for calendar month state — returns currentMonth, goToPreviousMonth, goToNextMonth, goToMonth, goToYear
+- UploadProgress: file upload tracker — files(UploadFile[]), onRemove, onRetry, onDismissAll, variant(default|compact), showSize. Status: pending|uploading|processing|complete|error. Also exports formatFileSize()
 - RichTextEditor: Tiptap editor — bold/italic/underline/strike/highlight, headings, blockquote, lists (bullet/ordered/task), code, links, images (paste/drop/upload), file attachments, @mentions, emoji picker + :shortcode:, text alignment, HR. Props: onImageUpload?, onFileUpload?, mentions?, onMentionSearch?, onMentionSelect?
 - RichTextViewer: read-only renderer for RichTextEditor HTML content (renders all above content types)
 - CommandPalette, MemberPicker
 - ErrorDisplay, GlobalLoading
-- Loading skeletons: CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton, DashboardSkeleton, etc.
+- Loading skeletons: CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton
+- Page skeletons: DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton (no props, server-safe)
 
 ### Shell Components (app-level layout)
 - TopBar: pageTitle, user, onNavigate, onLogout, notificationSlot, mobileLogo, userMenuItems?(UserMenuItem[] — custom items between Profile and theme toggle, supports icon, href, onClick, separator, badge, disabled, color)
@@ -209,11 +217,13 @@ NOTIFICATION SELECTION GUIDE:
 - BottomNavbar: mobile navigation, user is optional (not required to render)
 - NotificationCenter: notifications[], onMarkRead, onMarkAllRead, onNavigate, getNotificationRoute?(returns string|null, fallback null), footerSlot?, emptyState?, headerActions?, popoverClassName?, onDismiss?(id). Notification.actions?: NotificationAction[] for inline buttons (e.g. Approve/Deny)
 - AppCommandPalette: user, isAdmin, onNavigate, onSearch, searchResults, isSearching, onSearchResultSelect
+- LinkProvider: wraps app with router-agnostic Link component — component(ForwardRefComponent), children. useLink() hook returns the Link component.
 
 ### Hooks
-- useToast(): returns { toast, toasts, dismiss } — toast({ title, description, color })
+- useToast(): returns { toast, toasts, dismiss } — toast({ title, description, color }). Also: import { toast } from '@devalok/shilp-sutra/hooks/use-toast' for imperative usage without hook
 - useColorMode(): returns { colorMode, setColorMode, toggleColorMode }
 - useMobile(): returns boolean (true if viewport < 768px)
+- useLink(): returns router-agnostic Link component from LinkProvider context (shell/link-context)
 
 ## Server-Safe Components (no "use client")
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.16.1",
+  "version": "0.17.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",