@devalok/shilp-sutra 0.16.0 → 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,43 +1,43 @@
 "use client";
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import Qe, { useState as u, useRef as Se, useEffect as _, useCallback as E, useMemo as Ze } from "react";
-import { useReactTable as Pe, getExpandedRowModel as et, getPaginationRowModel as tt, getFilteredRowModel as lt, getSortedRowModel as nt, getCoreRowModel as ot, flexRender as J } from "@tanstack/react-table";
-import { useVirtualizer as st } from "@tanstack/react-virtual";
-import { IconArrowUp as at, IconArrowDown as rt, IconArrowsSort as dt, IconSearch as ct, IconChevronLeft as it, IconChevronRight as he, IconX as ut } from "@tabler/icons-react";
-import { Table as mt, TableHeader as ft, TableRow as N, TableHead as be, TableBody as $, TableCell as j } from "./table.js";
-import { B as gt } from "../_chunks/button.js";
-import { C as xe } from "../_chunks/checkbox.js";
-import { Skeleton as ye } from "./skeleton.js";
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+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 pt } from "./data-table-toolbar.js";
-const ht = {
+import { DataTableToolbar as xt } from "./data-table-toolbar.js";
+const yt = {
   compact: "py-ds-02",
   standard: "py-ds-05",
   comfortable: "py-ds-07"
 };
-function bt({
-  initialValue: H,
-  onSave: F,
-  onCancel: v
+function St({
+  initialValue: A,
+  onSave: m,
+  onCancel: K
 }) {
-  const [R, b] = u(H), f = Se(null);
-  _(() => {
-    var i, I;
-    (i = f.current) == null || i.focus(), (I = f.current) == null || I.select();
+  const [I, S] = u(A), p = V(null);
+  D(() => {
+    var i, E;
+    (i = p.current) == null || i.focus(), (E = p.current) == null || E.select();
   }, []);
-  const g = E(() => {
-    F(R);
-  }, [F, R]);
-  return /* @__PURE__ */ l(
+  const h = j(() => {
+    m(I);
+  }, [m, I]);
+  return /* @__PURE__ */ n(
     "input",
     {
-      ref: f,
+      ref: p,
       type: "text",
-      value: R,
-      onChange: (i) => b(i.target.value),
-      onBlur: g,
+      value: I,
+      onChange: (i) => S(i.target.value),
+      onBlur: h,
       onKeyDown: (i) => {
-        i.key === "Enter" ? (i.preventDefault(), g()) : i.key === "Escape" && (i.preventDefault(), v());
+        i.key === "Enter" ? (i.preventDefault(), h()) : i.key === "Escape" && (i.preventDefault(), K());
       },
       className: r(
         "h-ds-xs-plus w-full rounded-ds-md",
@@ -50,93 +50,98 @@ function bt({
     }
   );
 }
-const xt = 'button, a, input, select, textarea, [role="checkbox"]';
-function yt({
-  columns: H,
-  data: F,
-  className: v,
-  noResultsText: R,
-  sortable: b = !1,
-  filterable: f = !1,
-  globalFilter: g = !1,
+const Ct = 'button, a, input, select, textarea, [role="checkbox"]';
+function Nt({
+  columns: A,
+  data: m,
+  className: K,
+  noResultsText: I,
+  sortable: S = !1,
+  filterable: p = !1,
+  globalFilter: h = !1,
   paginated: i = !1,
-  pageSize: I,
-  pageSizeOptions: Ce,
-  selectable: x = !1,
-  onSelectionChange: B,
-  toolbar: Q = !1,
-  density: we = "standard",
-  columnPinning: y,
-  editable: Ne = !1,
-  onCellEdit: A,
-  expandable: M = !1,
-  renderExpanded: Z,
-  virtualRows: p = !1,
-  virtualRowHeight: Re = 48,
+  pageSize: E,
+  pageSizeOptions: ke,
+  selectable: C = !1,
+  onSelectionChange: G,
+  toolbar: le = !1,
+  density: Re = "standard",
+  columnPinning: N,
+  editable: ze = !1,
+  onCellEdit: L,
+  expandable: $ = !1,
+  renderExpanded: ne,
+  virtualRows: b = !1,
+  virtualRowHeight: De = 48,
   maxHeight: Ie = 600,
-  onSort: k,
-  emptyState: P,
-  loading: ke = !1,
-  selectedIds: O,
-  selectableFilter: ee,
-  getRowId: te,
+  onSort: F,
+  emptyState: oe,
+  loading: Ee = !1,
+  selectedIds: Y,
+  selectableFilter: se,
+  getRowId: g,
   pagination: o,
-  singleExpand: K = !1,
-  stickyHeader: ze = !1,
-  onRowClick: z,
-  bulkActions: T
+  singleExpand: U = !1,
+  stickyHeader: Fe = !1,
+  onRowClick: T,
+  bulkActions: _
 }) {
-  const [De, le] = u([]), [Ee, Fe] = u([]), [G, L] = u(""), [Me, Y] = 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) ?? I ?? 10
-  }), [U, ne] = u({}), [Te, Ve] = u({}), [oe, $e] = u({
-    left: (y == null ? void 0 : y.left) ?? [],
-    right: (y == null ? void 0 : y.right) ?? []
-  }), [se, je] = u(we), [S, W] = u(null), [_e, ae] = u({}), re = Se(null);
-  _(() => {
-    if (O) {
+    pageSize: (o == null ? void 0 : o.pageSize) ?? E ?? 10
+  }), [x, ae] = u({}), [$e, _e] = u({}), [ce, He] = u({
+    left: (N == null ? void 0 : N.left) ?? [],
+    right: (N == null ? void 0 : N.right) ?? []
+  }), [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 = {};
-      O.forEach((t) => {
+      Y.forEach((t) => {
         e[t] = !0;
-      }), ne(e);
+      }), ae(e);
     }
-  }, [O]), _(() => {
-    o && Y((e) => ({
+  }, [Y]), D(() => {
+    o && q((e) => ({
       ...e,
       pageIndex: o.page - 1,
       pageSize: o.pageSize
     }));
   }, [o == null ? void 0 : o.page, o == null ? void 0 : o.pageSize]);
-  const He = E(
+  const Ae = j(
     (e) => {
-      le((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        return k && (n.length === 0 && t.length > 0 ? k(t[0].id, !1) : n.length > 0 && k(n[0].id, n[0].desc ? "desc" : "asc")), n;
+      re((t) => {
+        const l = typeof e == "function" ? e(t) : e;
+        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;
       });
     },
-    [k]
-  ), ve = E(
+    [F]
+  ), Ke = j(
     (e) => {
-      ae((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        if (!K || n === !0 || typeof n != "object") return n;
-        const s = typeof t == "object" ? Object.keys(t).filter((m) => t[m]) : [], w = Object.keys(n).filter((m) => n[m]).filter((m) => !s.includes(m));
-        return w.length > 0 ? { [w[w.length - 1]]: !0 } : n;
+      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));
+        return R.length > 0 ? { [R[R.length - 1]]: !0 } : l;
       });
     },
-    [K]
-  ), Be = E(
+    [U]
+  ), Z = V(o == null ? void 0 : o.onPageChange);
+  D(() => {
+    Z.current = o == null ? void 0 : o.onPageChange;
+  }, [o == null ? void 0 : o.onPageChange]);
+  const Ge = j(
     (e) => {
-      Y((t) => {
-        const n = typeof e == "function" ? e(t) : e;
-        return o && n.pageIndex !== t.pageIndex && o.onPageChange(n.pageIndex + 1), n;
+      q((t) => {
+        const l = typeof e == "function" ? e(t) : e;
+        return Z.current && l.pageIndex !== t.pageIndex && Z.current(l.pageIndex + 1), l;
       });
     },
-    [o]
-  ), Ae = {
+    []
+  ), Le = {
     id: "_select",
-    header: ({ table: e }) => /* @__PURE__ */ l(
-      xe,
+    header: ({ table: e }) => /* @__PURE__ */ n(
+      Ne,
       {
         checked: e.getIsAllPageRowsSelected(),
         indeterminate: e.getIsSomePageRowsSelected(),
@@ -144,8 +149,8 @@ function yt({
         "aria-label": "Select all rows"
       }
     ),
-    cell: ({ row: e }) => /* @__PURE__ */ l(
-      xe,
+    cell: ({ row: e }) => /* @__PURE__ */ n(
+      Ne,
       {
         checked: e.getIsSelected(),
         disabled: !e.getCanSelect(),
@@ -156,18 +161,18 @@ function yt({
     enableSorting: !1,
     enableColumnFilter: !1,
     enableHiding: !1
-  }, Oe = {
+  }, Ye = {
     id: "_expand",
     header: () => null,
-    cell: ({ row: e }) => /* @__PURE__ */ l(
+    cell: ({ row: e }) => /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         onClick: () => e.toggleExpanded(),
         "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__ */ l(
-          he,
+        children: /* @__PURE__ */ n(
+          Se,
           {
             size: 16,
             className: r(
@@ -182,125 +187,133 @@ function yt({
     enableSorting: !1,
     enableColumnFilter: !1,
     enableHiding: !1
-  }, C = [
-    ...x ? [Ae] : [],
-    ...M ? [Oe] : [],
-    ...H
-  ], D = !!o, X = i || D, h = {
-    columnVisibility: Te,
-    columnPinning: oe
+  }, k = [
+    ...C ? [Le] : [],
+    ...$ ? [Ye] : [],
+    ...A
+  ], M = !!o, v = i || M, y = {
+    columnVisibility: $e,
+    columnPinning: ce
   };
-  b && (h.sorting = De), (f || g) && (h.columnFilters = Ee, h.globalFilter = G), X && (h.pagination = Me), x && (h.rowSelection = U), M && (h.expanded = _e);
-  const de = b && !!k, a = Pe({
-    data: F,
-    columns: C,
-    state: h,
-    onColumnVisibilityChange: Ve,
-    onColumnPinningChange: $e,
-    getCoreRowModel: ot(),
-    ...b && {
-      onSortingChange: de ? He : le,
-      ...de ? { manualSorting: !0 } : { getSortedRowModel: nt() }
+  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: He,
+    getCoreRowModel: at(),
+    ...S && {
+      onSortingChange: me ? Ae : re,
+      ...me ? { manualSorting: !0 } : { getSortedRowModel: rt() }
     },
-    ...(f || g) && {
-      onColumnFiltersChange: Fe,
-      onGlobalFilterChange: L,
-      getFilteredRowModel: lt()
+    ...(p || h) && {
+      onColumnFiltersChange: Ve,
+      onGlobalFilterChange: X,
+      getFilteredRowModel: st()
     },
-    ...X && {
-      onPaginationChange: D ? Be : Y,
-      ...D ? {
+    ...v && {
+      onPaginationChange: M ? Ge : q,
+      ...M ? {
         manualPagination: !0,
         pageCount: Math.ceil(
           o.total / o.pageSize
         )
-      } : { getPaginationRowModel: tt() }
+      } : { getPaginationRowModel: ot() }
     },
-    ...x && {
-      onRowSelectionChange: ne,
-      enableRowSelection: ee ? (e) => ee(e.original) : !0
+    ...C && {
+      onRowSelectionChange: ae,
+      enableRowSelection: se ? (e) => se(e.original) : !0
     },
-    ...M && {
-      onExpandedChange: K ? ve : ae,
-      getExpandedRowModel: et()
+    ...$ && {
+      onExpandedChange: U ? Ke : ie,
+      getExpandedRowModel: nt()
     },
-    ...te && {
-      getRowId: (e) => te(e)
+    ...g && {
+      getRowId: (e) => g(e)
     }
-  });
-  _(() => {
-    if (B) {
-      const e = a.getFilteredSelectedRowModel().rows.map((t) => t.original);
-      B(e);
+  }), P = V(G);
+  D(() => {
+    P.current = G;
+  }, [G]), D(() => {
+    if (Q.current) {
+      Q.current = !1;
+      return;
     }
-  }, [U, B, a]);
-  function ce(e) {
-    const { left: t = [], right: n = [] } = oe, s = t.indexOf(e), d = n.indexOf(e);
+    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);
+    });
+    P.current(t);
+  }, [x, m, g]);
+  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 }
-    } : d !== -1 ? {
+    } : c !== -1 ? {
       className: "sticky bg-layer-01 z-raised",
       style: { right: 0 }
     } : { className: "", style: {} };
   }
-  function Ke(e) {
-    if (!Ne || e === "_select" || e === "_expand") return !1;
+  function Ue(e) {
+    if (!ze || e === "_select" || e === "_expand") return !1;
     const t = a.getColumn(e);
     if (!t) return !1;
-    const n = t.columnDef.meta;
-    return (n == null ? void 0 : n.enableEditing) !== !1;
+    const l = t.columnDef.meta;
+    return (l == null ? void 0 : l.enableEditing) !== !1;
   }
-  const ie = ht[se], V = a.getRowModel().rows, ue = st({
-    count: p ? V.length : 0,
-    getScrollElement: () => re.current,
-    estimateSize: () => Re,
+  const ge = yt[de], H = a.getRowModel().rows, pe = ct({
+    count: b ? H.length : 0,
+    getScrollElement: () => ue.current,
+    estimateSize: () => De,
     overscan: 10
-  }), Ge = (o == null ? void 0 : o.pageSize) ?? I ?? 5, Le = C.length, Ye = E(
+  }), We = (o == null ? void 0 : o.pageSize) ?? E ?? 5, Xe = k.length, qe = j(
     (e, t) => {
-      !z || t.target.closest(xt) || z(e);
+      !T || t.target.closest(Ct) || T(e);
     },
-    [z]
+    [T]
   );
-  function me(e, t) {
-    const n = e.getVisibleCells();
-    return /* @__PURE__ */ l(
-      N,
+  function he(e, t) {
+    const l = e.getVisibleCells();
+    return /* @__PURE__ */ n(
+      z,
       {
         "data-state": e.getIsSelected() && "selected",
         style: t,
         className: r(
-          p ? "absolute w-full flex" : void 0,
-          z && "cursor-pointer"
+          b ? "absolute w-full flex" : void 0,
+          T && "cursor-pointer"
         ),
-        onClick: z ? (s) => Ye(e.original, s) : void 0,
-        children: n.map((s) => {
-          const d = ce(s.column.id), w = (S == null ? void 0 : S.rowIndex) === e.index && (S == null ? void 0 : S.columnId) === s.column.id;
-          return /* @__PURE__ */ l(
-            j,
+        onClick: T ? (s) => qe(e.original, s) : void 0,
+        children: l.map((s) => {
+          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(
+            B,
             {
               className: r(
-                ie,
-                d.className,
-                p && "flex-1"
+                ge,
+                c.className,
+                b && "flex-1"
               ),
-              style: d.style,
+              style: c.style,
               onDoubleClick: () => {
-                Ke(s.column.id) && W({
+                Ue(s.column.id) && J({
                   rowIndex: e.index,
                   columnId: s.column.id
                 });
               },
-              children: w ? /* @__PURE__ */ l(
-                bt,
+              children: R ? /* @__PURE__ */ n(
+                St,
                 {
                   initialValue: String(s.getValue() ?? ""),
-                  onSave: (m) => {
-                    A == null || A(e.index, s.column.id, m), W(null);
+                  onSave: (f) => {
+                    L == null || L(e.index, s.column.id, f), J(null);
                   },
-                  onCancel: () => W(null)
+                  onCancel: () => J(null)
                 }
-              ) : J(s.column.columnDef.cell, s.getContext())
+              ) : te(s.column.columnDef.cell, s.getContext())
             },
             s.id
           );
@@ -309,101 +322,108 @@ function yt({
       e.id
     );
   }
-  function Ue(e, t) {
-    return !M || !e.getIsExpanded() || !Z ? null : /* @__PURE__ */ l(
-      N,
+  function Je(e, t) {
+    return !$ || !e.getIsExpanded() || !ne ? null : /* @__PURE__ */ n(
+      z,
       {
         style: t,
-        className: p ? "absolute w-full flex" : void 0,
-        children: /* @__PURE__ */ l(
-          j,
+        className: b ? "absolute w-full flex" : void 0,
+        children: /* @__PURE__ */ n(
+          B,
           {
-            colSpan: C.length,
+            colSpan: k.length,
             className: r(
               "bg-layer-02 p-ds-05",
-              p && "flex-1"
+              b && "flex-1"
             ),
-            children: Z(e.original)
+            children: ne(e.original)
           }
         )
       },
       `${e.id}-expanded`
     );
   }
-  function We() {
+  function Qe() {
     const e = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-    return /* @__PURE__ */ l($, { children: Array.from({ length: Ge }, (t, n) => /* @__PURE__ */ l(N, { children: Array.from({ length: Le }, (s, d) => {
-      var ge, pe;
-      const m = (((ge = C[d]) == null ? void 0 : ge.id) ?? ((pe = C[d]) == null ? void 0 : pe.header)) === "_select";
-      return /* @__PURE__ */ l(
-        j,
+    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(
+        B,
         {
-          className: ie,
-          children: m ? /* @__PURE__ */ l(ye, { variant: "text", className: "h-4 w-4", animation: "pulse" }) : /* @__PURE__ */ l(ye, { variant: "text", className: r("h-4", e[d % 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-${n}-${d}`
+        `skeleton-${l}-${c}`
       );
-    }) }, `skeleton-${n}`)) });
+    }) }, `skeleton-${l}`)) });
   }
-  function Xe() {
-    if (ke)
-      return We();
-    if (!V.length)
-      return /* @__PURE__ */ l($, { children: /* @__PURE__ */ l(N, { children: /* @__PURE__ */ l(
-        j,
+  function Ze() {
+    if (Ee)
+      return Qe();
+    if (!H.length)
+      return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
+        B,
         {
-          colSpan: C.length,
+          colSpan: k.length,
           className: r(
             "h-24 text-center",
-            !P && "text-text-tertiary"
+            !oe && "text-text-tertiary"
           ),
-          children: P || R || "No results."
+          children: oe || I || "No results."
         }
       ) }) });
-    if (p) {
-      const e = ue.getVirtualItems(), t = ue.getTotalSize();
-      return /* @__PURE__ */ l(
-        $,
+    if (b) {
+      const e = pe.getVirtualItems(), t = pe.getTotalSize();
+      return /* @__PURE__ */ n(
+        O,
         {
           style: {
             height: `${t}px`,
             position: "relative"
           },
-          children: e.map((n) => {
-            const s = V[n.index];
-            return me(s, {
+          children: e.map((l) => {
+            const s = H[l.index];
+            return he(s, {
               position: "absolute",
               top: 0,
               left: 0,
               width: "100%",
-              height: `${n.size}px`,
-              transform: `translateY(${n.start}px)`
+              height: `${l.size}px`,
+              transform: `translateY(${l.start}px)`
             });
           })
         }
       );
     }
-    return /* @__PURE__ */ l($, { children: V.map((e) => /* @__PURE__ */ c(Qe.Fragment, { children: [
-      me(e),
-      Ue(e)
+    return /* @__PURE__ */ n(O, { children: H.map((e) => /* @__PURE__ */ d(et.Fragment, { children: [
+      he(e),
+      Je(e)
     ] }, e.id)) });
   }
-  const q = Ze(() => !T || !x ? [] : a.getFilteredSelectedRowModel().rows.map((e) => e.original), [T, x, a, U]), qe = q.length > 0, Je = D ? o.total : a.getFilteredRowModel().rows.length, fe = /* @__PURE__ */ c(mt, { children: [
-    /* @__PURE__ */ c(
-      ft,
+  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]), ve = ee.length > 0, Pe = M ? o.total : a.getFilteredRowModel().rows.length, be = /* @__PURE__ */ d(pt, { children: [
+    /* @__PURE__ */ d(
+      ht,
       {
         className: r(
-          ze && "sticky top-0 z-10 bg-surface"
+          Fe && "sticky top-0 z-10 bg-surface"
         ),
         children: [
-          a.getHeaderGroups().map((e) => /* @__PURE__ */ l(N, { children: e.headers.map((t) => {
-            const n = b && t.column.getCanSort(), s = t.column.getIsSorted(), d = ce(t.column.id);
-            return /* @__PURE__ */ l(
-              be,
+          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(
+              Ce,
               {
-                className: d.className,
-                style: d.style,
-                children: t.isPlaceholder ? null : n ? /* @__PURE__ */ c(
+                className: c.className,
+                style: c.style,
+                children: t.isPlaceholder ? null : l ? /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
@@ -416,24 +436,24 @@ function yt({
                     onClick: t.column.getToggleSortingHandler(),
                     "aria-label": `Sort by ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
                     children: [
-                      J(
+                      te(
                         t.column.columnDef.header,
                         t.getContext()
                       ),
-                      s === "asc" ? /* @__PURE__ */ l(
-                        at,
+                      s === "asc" ? /* @__PURE__ */ n(
+                        dt,
                         {
                           className: "h-ico-sm w-ico-sm text-text-secondary",
                           "aria-hidden": "true"
                         }
-                      ) : s === "desc" ? /* @__PURE__ */ l(
-                        rt,
+                      ) : s === "desc" ? /* @__PURE__ */ n(
+                        it,
                         {
                           className: "h-ico-sm w-ico-sm text-text-secondary",
                           "aria-hidden": "true"
                         }
-                      ) : /* @__PURE__ */ l(
-                        dt,
+                      ) : /* @__PURE__ */ n(
+                        ut,
                         {
                           className: "h-ico-sm w-ico-sm text-text-tertiary",
                           "aria-hidden": "true"
@@ -441,7 +461,7 @@ function yt({
                       )
                     ]
                   }
-                ) : J(
+                ) : te(
                   t.column.columnDef.header,
                   t.getContext()
                 )
@@ -449,12 +469,12 @@ function yt({
               t.id
             );
           }) }, e.id)),
-          f && a.getHeaderGroups().map((e) => /* @__PURE__ */ l(N, { children: e.headers.map((t) => /* @__PURE__ */ l(be, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ l(
+          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",
               value: t.column.getFilterValue() ?? "",
-              onChange: (n) => t.column.setFilterValue(n.target.value),
+              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: r(
@@ -469,35 +489,35 @@ function yt({
         ]
       }
     ),
-    Xe()
+    Ze()
   ] });
-  return /* @__PURE__ */ c("div", { className: r(v), children: [
-    Q && /* @__PURE__ */ l(
-      pt,
+  return /* @__PURE__ */ d("div", { className: r(K), children: [
+    le && /* @__PURE__ */ n(
+      xt,
       {
         table: a,
-        globalFilter: g,
-        globalFilterValue: G,
-        onGlobalFilterChange: L,
-        density: se,
-        onDensityChange: je
+        globalFilter: h,
+        globalFilterValue: W,
+        onGlobalFilterChange: X,
+        density: de,
+        onDensityChange: Oe
       }
     ),
-    g && !Q && /* @__PURE__ */ c("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-border-subtle mb-ds-04", children: [
-      /* @__PURE__ */ l(
-        ct,
+    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(
+        mt,
         {
           size: 16,
           className: "text-icon-secondary",
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: G,
-          onChange: (e) => L(e.target.value),
+          value: W,
+          onChange: (e) => X(e.target.value),
           placeholder: "Search all columns...",
           "aria-label": "Search all columns",
           className: r(
@@ -508,21 +528,21 @@ function yt({
         }
       )
     ] }),
-    p ? /* @__PURE__ */ l(
+    b ? /* @__PURE__ */ n(
       "div",
       {
-        ref: re,
+        ref: ue,
         style: { maxHeight: `${Ie}px`, overflowY: "auto" },
-        children: fe
+        children: be
       }
-    ) : fe,
-    X && /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-border-subtle", children: [
-      /* @__PURE__ */ c("span", { className: "text-ds-sm text-text-secondary", children: [
-        Je,
+    ) : 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: [
+        Pe,
         " total rows"
       ] }),
-      /* @__PURE__ */ c("div", { className: "flex items-center gap-ds-03", children: [
-        !D && /* @__PURE__ */ l(
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+        !M && /* @__PURE__ */ n(
           "select",
           {
             value: a.getState().pagination.pageSize,
@@ -536,13 +556,13 @@ function yt({
               "px-ds-03 text-ds-sm",
               "text-text-primary"
             ),
-            children: (Ce ?? [10, 20, 50, 100]).map((e) => /* @__PURE__ */ c("option", { value: e, children: [
+            children: (ke ?? [10, 20, 50, 100]).map((e) => /* @__PURE__ */ d("option", { value: e, children: [
               e,
               " rows"
             ] }, e))
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
@@ -556,17 +576,17 @@ function yt({
               "disabled:opacity-[0.38] disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ l(it, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(ft, { size: 16, "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ c("span", { className: "text-ds-sm text-text-secondary", children: [
+        /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
           "Page ",
           a.getState().pagination.pageIndex + 1,
           " of",
           " ",
           a.getPageCount()
         ] }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "button",
@@ -580,12 +600,12 @@ function yt({
               "disabled:opacity-[0.38] disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ l(he, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(Se, { size: 16, "aria-hidden": "true" })
           }
         )
       ] })
     ] }),
-    T && x && qe && /* @__PURE__ */ c(
+    _ && C && ve && /* @__PURE__ */ d(
       "div",
       {
         className: r(
@@ -597,23 +617,23 @@ function yt({
         role: "toolbar",
         "aria-label": "Bulk actions",
         children: [
-          /* @__PURE__ */ c("span", { className: "text-ds-sm font-medium text-text-primary whitespace-nowrap", children: [
-            q.length,
+          /* @__PURE__ */ d("span", { className: "text-ds-sm font-medium text-text-primary whitespace-nowrap", children: [
+            ee.length,
             " selected"
           ] }),
-          /* @__PURE__ */ l("div", { className: "h-5 w-px bg-border", "aria-hidden": "true" }),
-          T.map((e) => /* @__PURE__ */ l(
-            gt,
+          /* @__PURE__ */ n("div", { className: "h-5 w-px bg-border", "aria-hidden": "true" }),
+          _.map((e) => /* @__PURE__ */ n(
+            bt,
             {
               size: "sm",
               variant: e.color === "error" ? "destructive" : "outline",
               disabled: e.disabled,
-              onClick: () => e.onClick(q),
+              onClick: () => e.onClick(ee),
               children: e.label
             },
             e.label
           )),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ n(
             "button",
             {
               type: "button",
@@ -624,7 +644,7 @@ function yt({
                 "rounded-ds-sm hover:bg-layer-02 transition-colors",
                 "text-text-secondary hover:text-text-primary"
               ),
-              children: /* @__PURE__ */ l(ut, { size: 16, "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(gt, { size: 16, "aria-hidden": "true" })
             }
           )
         ]
@@ -632,7 +652,7 @@ function yt({
     )
   ] });
 }
-yt.displayName = "DataTable";
+Nt.displayName = "DataTable";
 export {
-  yt 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.0",
+  "version": "0.17.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",