@devalok/shilp-sutra 0.17.2 → 0.18.0

package/dist/composed/global-loading.js

@@ -1,36 +1,39 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import * as i from "react";
-import { useRef as l, useState as s, useEffect as f } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { useRef as l, useState as p, useEffect as i } from "react";
 import { c } from "../_chunks/utils.js";
-const m = i.forwardRef(
-  function({ isLoading: e }, n) {
-    const t = l(null), [a, o] = s(!0);
-    return f(() => {
-      t.current && e && o(!1);
-    }, [e]), /* @__PURE__ */ r(
+const d = m.forwardRef(
+  function({ isLoading: e, className: s, ...u }, f) {
+    const t = l(null), [r, a] = p(!0), o = l();
+    return i(() => () => {
+      clearTimeout(o.current);
+    }, []), i(() => {
+      t.current && e && a(!1);
+    }, [e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: n,
+        ref: f,
         role: "progressbar",
         "aria-label": "Page loading",
         "aria-hidden": !e,
         "aria-valuetext": e ? "Loading" : void 0,
-        className: "pointer-events-none fixed inset-x-0 top-0 z-toast h-1",
-        children: /* @__PURE__ */ r(
+        ...u,
+        className: c("pointer-events-none fixed inset-x-0 top-0 z-toast h-1", s),
+        children: /* @__PURE__ */ n(
           "div",
           {
             ref: t,
             className: c(
-              "h-full bg-interactive transition-all duration-slow-01 ease-productive-standard",
+              "h-full bg-accent-9 transition-all duration-slow-01 ease-productive-standard",
               e && "w-4/5 opacity-100",
-              !e && a && "w-0 opacity-0",
-              !e && !a && "w-full opacity-100"
+              !e && r && "w-0 opacity-0",
+              !e && !r && "w-full opacity-100"
             ),
             onTransitionEnd: () => {
-              e || setTimeout(() => {
-                o(!0);
-              }, 200);
+              e || (o.current = setTimeout(() => {
+                a(!0);
+              }, 200));
             }
           }
         )
@@ -38,7 +41,7 @@ const m = i.forwardRef(
     );
   }
 );
-m.displayName = "GlobalLoading";
+d.displayName = "GlobalLoading";
 export {
-  m as GlobalLoading
+  d as GlobalLoading
 };

package/dist/composed/index.d.ts

@@ -6,8 +6,8 @@
  * rich text editors, skeleton loaders, and domain-specific patterns.
  *
  * **Server-safe components** (import individually for Server Components):
- * `ContentCard`, `EmptyState`, `PageHeader`, `LoadingSkeleton`, `PageSkeletons`,
- * `PriorityIndicator`, `StatusBadge`
+ * `ContentCard`, `PageHeader`, `LoadingSkeleton`, `PageSkeletons`,
+ * `PriorityIndicator`
  *
  * @example
  * import { PageHeader } from '@devalok/shilp-sutra/composed/page-header'
@@ -46,8 +46,6 @@ export { ScheduleView } from './schedule-view';
 export type { ScheduleViewProps, ScheduleEvent } from './schedule-view';
 export { ConfirmDialog } from './confirm-dialog';
 export type { ConfirmDialogProps } from './confirm-dialog';
-export { UploadProgress, formatFileSize } from './upload-progress';
-export type { UploadProgressProps, UploadFile } from './upload-progress';
 export { ActivityFeed } from './activity-feed';
 export type { ActivityItem, ActivityFeedProps } from './activity-feed';
 export { getInitials } from './lib/string-utils';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5E,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAE/F,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACpJ,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE9M,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC7F,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtH,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/composed/index.js

@@ -2,41 +2,40 @@
 import { PageHeader as o } from "./page-header.js";
 import { ContentCard as a, contentCardVariants as i } from "./content-card.js";
 import { StatusBadge as p, statusBadgeVariants as s } from "./status-badge.js";
-import { EmptyState as l } from "./empty-state.js";
-import { AvatarGroup as x } from "./avatar-group.js";
+import { EmptyState as x } from "./empty-state.js";
+import { AvatarGroup as l } from "./avatar-group.js";
 import { PriorityIndicator as k } from "./priority-indicator.js";
 import { RichTextEditor as P, RichTextViewer as S } from "./rich-text-editor.js";
-import { C as g, D, a as T, b as u, M as b, P as h, T as y, Y as V, u as B } from "../_chunks/use-calendar.js";
+import { C as D, D as T, a as g, b as u, M as b, P as h, T as y, Y as V, u as B } from "../_chunks/use-calendar.js";
 import { BoardSkeleton as G, CardSkeleton as L, ListSkeleton as M, TableSkeleton as R } from "./loading-skeleton.js";
-import { DashboardSkeleton as w, ProjectListSkeleton as A, TaskDetailSkeleton as F } from "./page-skeletons.js";
-import { ErrorDisplay as Y } from "./error-boundary.js";
-import { GlobalLoading as z } from "./global-loading.js";
-import { CommandPalette as U } from "./command-palette.js";
-import { MemberPicker as J } from "./member-picker.js";
-import { SimpleTooltip as N } from "./simple-tooltip.js";
-import { ScheduleView as Q } from "./schedule-view.js";
+import { DashboardSkeleton as w, ProjectListSkeleton as A, TaskDetailSkeleton as I } from "./page-skeletons.js";
+import { ErrorDisplay as j } from "./error-boundary.js";
+import { GlobalLoading as H } from "./global-loading.js";
+import { CommandPalette as z } from "./command-palette.js";
+import { MemberPicker as K } from "./member-picker.js";
+import { SimpleTooltip as O } from "./simple-tooltip.js";
+import { ScheduleView as U } from "./schedule-view.js";
 import { ConfirmDialog as X } from "./confirm-dialog.js";
-import { UploadProgress as _, formatFileSize as $ } from "./upload-progress.js";
-import { ActivityFeed as re } from "./activity-feed.js";
-import { getInitials as te } from "./lib/string-utils.js";
+import { ActivityFeed as _ } from "./activity-feed.js";
+import { getInitials as ee } from "./lib/string-utils.js";
 export {
-  re as ActivityFeed,
-  x as AvatarGroup,
+  _ as ActivityFeed,
+  l as AvatarGroup,
   G as BoardSkeleton,
-  g as CalendarGrid,
+  D as CalendarGrid,
   L as CardSkeleton,
-  U as CommandPalette,
+  z as CommandPalette,
   X as ConfirmDialog,
   a as ContentCard,
   w as DashboardSkeleton,
-  D as DatePicker,
-  T as DateRangePicker,
+  T as DatePicker,
+  g as DateRangePicker,
   u as DateTimePicker,
-  l as EmptyState,
-  Y as ErrorDisplay,
-  z as GlobalLoading,
+  x as EmptyState,
+  j as ErrorDisplay,
+  H as GlobalLoading,
   M as ListSkeleton,
-  J as MemberPicker,
+  K as MemberPicker,
   b as MonthPicker,
   o as PageHeader,
   h as Presets,
@@ -44,17 +43,15 @@ export {
   A as ProjectListSkeleton,
   P as RichTextEditor,
   S as RichTextViewer,
-  Q as ScheduleView,
-  N as SimpleTooltip,
+  U as ScheduleView,
+  O as SimpleTooltip,
   p as StatusBadge,
   R as TableSkeleton,
-  F as TaskDetailSkeleton,
+  I as TaskDetailSkeleton,
   y as TimePicker,
-  _ as UploadProgress,
   V as YearPicker,
   i as contentCardVariants,
-  $ as formatFileSize,
-  te as getInitials,
+  ee as getInitials,
   s as statusBadgeVariants,
   B as useCalendar
 };

package/dist/composed/loading-skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface CardSkeletonProps {
+export interface CardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {
     className?: string;
 }
 declare const CardSkeleton: React.ForwardRefExoticComponent<CardSkeletonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/composed/loading-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA0BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAkDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FA+ClB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA6BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAoDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAgDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA8BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/loading-skeleton.js

@@ -1,30 +1,31 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { c as i } from "../_chunks/utils.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import * as t from "react";
+import { c } from "../_chunks/utils.js";
 import { Skeleton as s } from "../ui/skeleton.js";
-const b = n.forwardRef(
-  function({ className: a }, r) {
-    return /* @__PURE__ */ d(
+const b = t.forwardRef(
+  function({ className: d, ...l }, o) {
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: r,
-        className: i(
-          "rounded-ds-lg border border-border bg-layer-01 p-ds-05b",
-          a
+        ref: o,
+        ...l,
+        className: c(
+          "rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-05b",
+          d
         ),
         children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center justify-between pb-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-[16px] w-[128px] bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-field" })
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between pb-ds-05", children: [
+            /* @__PURE__ */ e(s, { className: "h-[16px] w-[128px] bg-surface-3" }),
+            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-3" })
           ] }),
-          /* @__PURE__ */ d("div", { className: "space-y-ds-04", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-full bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-field" })
+          /* @__PURE__ */ r("div", { className: "space-y-ds-04", children: [
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-full bg-surface-3" }),
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-3" }),
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-3" })
           ] }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 pt-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-field" })
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03 pt-ds-05", children: [
+            /* @__PURE__ */ e(s, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-surface-3" }),
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-3" })
           ] })
         ]
       }
@@ -32,133 +33,137 @@ const b = n.forwardRef(
   }
 );
 b.displayName = "CardSkeleton";
-const h = n.forwardRef(
+const g = t.forwardRef(
   function({
-    rows: a = 5,
-    columns: r = 4,
-    className: c
-  }, o) {
-    return /* @__PURE__ */ d(
+    rows: d = 5,
+    columns: l = 4,
+    className: o,
+    ...f
+  }, n) {
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: o,
-        className: i(
-          "overflow-hidden rounded-ds-lg border border-border",
-          c
+        ref: n,
+        ...f,
+        className: c(
+          "overflow-hidden rounded-ds-lg border border-surface-border-strong",
+          o
         ),
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-05 border-b border-border bg-layer-02 px-ds-05 py-ds-04", children: Array.from({ length: r }).map((t, l) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-2 px-ds-05 py-ds-04", children: Array.from({ length: l }).map((p, a) => /* @__PURE__ */ e(
             s,
             {
-              className: i(
-                "h-[12px] bg-field",
-                l === 0 ? "w-[160px]" : "flex-1"
+              className: c(
+                "h-[12px] bg-surface-3",
+                a === 0 ? "w-[160px]" : "flex-1"
               )
             },
-            `head-${l}`
+            `head-${a}`
           )) }),
-          Array.from({ length: a }).map((t, l) => /* @__PURE__ */ e(
+          Array.from({ length: d }).map((p, a) => /* @__PURE__ */ e(
             "div",
             {
-              className: i(
+              className: c(
                 "flex items-center gap-ds-05 px-ds-05 py-ds-04",
-                l < a - 1 && "border-b border-border"
+                a < d - 1 && "border-b border-surface-border-strong"
               ),
-              children: Array.from({ length: r }).map((p, m) => /* @__PURE__ */ e(
+              children: Array.from({ length: l }).map((u, m) => /* @__PURE__ */ e(
                 s,
                 {
-                  className: i(
-                    "h-[12px] bg-field",
+                  className: c(
+                    "h-[12px] bg-surface-3",
                     m === 0 ? "w-[160px]" : "flex-1"
                   )
                 },
-                `cell-${l}-${m}`
+                `cell-${a}-${m}`
               ))
             },
-            `row-${l}`
+            `row-${a}`
           ))
         ]
       }
     );
   }
 );
-h.displayName = "TableSkeleton";
-const x = n.forwardRef(
+g.displayName = "TableSkeleton";
+const h = t.forwardRef(
   function({
-    columns: a = 4,
-    cardsPerColumn: r = 3,
-    className: c
-  }, o) {
-    return /* @__PURE__ */ e("div", { ref: o, className: i("flex gap-ds-05 overflow-x-auto", c), children: Array.from({ length: a }).map((t, l) => /* @__PURE__ */ d(
+    columns: d = 4,
+    cardsPerColumn: l = 3,
+    className: o,
+    ...f
+  }, n) {
+    return /* @__PURE__ */ e("div", { ref: n, ...f, className: c("flex gap-ds-05 overflow-x-auto", o), children: Array.from({ length: d }).map((p, a) => /* @__PURE__ */ r(
       "div",
       {
         className: "flex w-[272px] shrink-0 flex-col gap-ds-03",
         children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-ds-02 py-ds-03", children: [
-            /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[12px] rounded bg-field" }),
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-field" }),
-              /* @__PURE__ */ e(s, { className: "h-[16px] w-[20px] rounded-ds-full bg-field" })
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-ds-02 py-ds-03", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
+              /* @__PURE__ */ e(s, { className: "h-[12px] w-[12px] rounded bg-surface-3" }),
+              /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-3" }),
+              /* @__PURE__ */ e(s, { className: "h-[16px] w-[20px] rounded-ds-full bg-surface-3" })
             ] }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-field" })
+            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-3" })
           ] }),
-          Array.from({ length: r }).map((p, m) => /* @__PURE__ */ d(
+          Array.from({ length: l }).map((u, m) => /* @__PURE__ */ r(
             "div",
             {
-              className: "rounded-ds-lg border border-border bg-layer-01 p-ds-04",
+              className: "rounded-ds-lg border border-surface-border-strong bg-surface-1 p-ds-04",
               children: [
-                /* @__PURE__ */ d("div", { className: "space-y-ds-03", children: [
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-field" }),
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-field" })
+                /* @__PURE__ */ r("div", { className: "space-y-ds-03", children: [
+                  /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-3" }),
+                  /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-3" })
                 ] }),
-                /* @__PURE__ */ d("div", { className: "flex items-center justify-between pt-ds-04", children: [
-                  /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-02b", children: [
-                    /* @__PURE__ */ e(s, { className: "h-ico-md w-ico-md rounded-ds-full bg-field" }),
-                    /* @__PURE__ */ e(s, { className: "h-ds-03 w-[64px] bg-field" })
+                /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-ds-04", children: [
+                  /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-02b", children: [
+                    /* @__PURE__ */ e(s, { className: "h-ico-md w-ico-md rounded-ds-full bg-surface-3" }),
+                    /* @__PURE__ */ e(s, { className: "h-ds-03 w-[64px] bg-surface-3" })
                   ] }),
-                  /* @__PURE__ */ e(s, { className: "h-[16px] w-ds-lg rounded-ds-full bg-field" })
+                  /* @__PURE__ */ e(s, { className: "h-[16px] w-ds-lg rounded-ds-full bg-surface-3" })
                 ] })
               ]
             },
-            `card-${l}-${m}`
+            `card-${a}-${m}`
           ))
         ]
       },
-      `col-${l}`
+      `col-${a}`
     )) });
   }
 );
-x.displayName = "BoardSkeleton";
-const g = n.forwardRef(
+h.displayName = "BoardSkeleton";
+const x = t.forwardRef(
   function({
-    rows: a = 6,
-    showAvatar: r = !0,
-    className: c
-  }, o) {
-    return /* @__PURE__ */ e("div", { ref: o, className: i("flex flex-col", c), children: Array.from({ length: a }).map((t, l) => /* @__PURE__ */ d(
+    rows: d = 6,
+    showAvatar: l = !0,
+    className: o,
+    ...f
+  }, n) {
+    return /* @__PURE__ */ e("div", { ref: n, ...f, className: c("flex flex-col", o), children: Array.from({ length: d }).map((p, a) => /* @__PURE__ */ r(
       "div",
       {
-        className: i(
+        className: c(
           "flex items-center gap-ds-04 py-ds-04",
-          l < a - 1 && "border-b border-border"
+          a < d - 1 && "border-b border-surface-border-strong"
         ),
         children: [
-          r && /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-field" }),
-          /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-2/5 bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-ds-03 w-3/5 bg-field" })
+          l && /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-3" }),
+          /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-ds-02b", children: [
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-2/5 bg-surface-3" }),
+            /* @__PURE__ */ e(s, { className: "h-ds-03 w-3/5 bg-surface-3" })
           ] }),
-          /* @__PURE__ */ e(s, { className: "h-[20px] w-[56px] rounded-ds-full bg-field" })
+          /* @__PURE__ */ e(s, { className: "h-[20px] w-[56px] rounded-ds-full bg-surface-3" })
         ]
       },
-      `list-${l}`
+      `list-${a}`
     )) });
   }
 );
-g.displayName = "ListSkeleton";
+x.displayName = "ListSkeleton";
 export {
-  x as BoardSkeleton,
+  h as BoardSkeleton,
   b as CardSkeleton,
-  g as ListSkeleton,
-  h as TableSkeleton
+  x as ListSkeleton,
+  g as TableSkeleton
 };

package/dist/composed/member-picker.d.ts

@@ -5,7 +5,7 @@ export interface MemberPickerMember {
     name: string;
     avatar?: string;
 }
-export interface MemberPickerProps {
+export interface MemberPickerProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {
     members: MemberPickerMember[];
     selectedIds: string[];
     onSelect: (memberId: string) => void;

package/dist/composed/member-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"member-picker.d.ts","sourceRoot":"","sources":["../../src/composed/member-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,YAAY,0FAkFjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"member-picker.d.ts","sourceRoot":"","sources":["../../src/composed/member-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAChG,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,QAAA,MAAM,YAAY,0FAsFjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/member-picker.js

@@ -1,74 +1,78 @@
 "use client";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as r from "react";
-import { c as b } from "../_chunks/utils.js";
-import { Popover as g, PopoverTrigger as v, PopoverContent as y } from "../ui/popover.js";
-import { A as N, a as w, b as k } from "../_chunks/avatar.js";
-import { IconSearch as C, IconCheck as S } from "@tabler/icons-react";
-import { getInitials as P } from "./lib/string-utils.js";
-const A = r.forwardRef(
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+import { c as l } from "../_chunks/utils.js";
+import { Popover as N, PopoverTrigger as y, PopoverContent as w } from "../ui/popover.js";
+import { A as k, a as C, b as S } from "../_chunks/avatar.js";
+import { IconSearch as P, IconCheck as A } from "@tabler/icons-react";
+import { getInitials as I } from "./lib/string-utils.js";
+const O = a.forwardRef(
   ({
-    members: c,
-    selectedIds: i,
-    onSelect: d,
-    children: p,
-    multiple: m = !1,
-    placeholder: x = "Search members..."
-  }, f) => {
-    const [h, s] = r.useState(!1), [o, u] = r.useState(""), l = c.filter(
+    members: i,
+    selectedIds: d,
+    onSelect: f,
+    children: m,
+    multiple: p = !1,
+    placeholder: u = "Search members...",
+    className: h,
+    ...x
+  }, g) => {
+    const [b, r] = a.useState(!1), [o, v] = a.useState(""), c = i.filter(
       (e) => e.name.toLowerCase().includes(o.toLowerCase())
     );
-    return /* @__PURE__ */ a(g, { open: h, onOpenChange: s, children: [
-      /* @__PURE__ */ t(v, { asChild: !0, children: p }),
-      /* @__PURE__ */ a(
-        y,
+    return /* @__PURE__ */ s(N, { open: b, onOpenChange: r, children: [
+      /* @__PURE__ */ t(y, { asChild: !0, children: m }),
+      /* @__PURE__ */ s(
+        w,
         {
-          ref: f,
-          className: "w-[220px] border-border bg-layer-01 p-0",
+          ref: g,
+          ...x,
+          className: l("w-[220px] border-surface-border-strong bg-surface-1 p-0", h),
           align: "start",
           sideOffset: 4,
           children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 border-b border-border px-ds-04 py-ds-03", children: [
-              /* @__PURE__ */ t(C, { className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder", stroke: 1.5 }),
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 border-b border-surface-border-strong px-ds-04 py-ds-03", children: [
+              /* @__PURE__ */ t(P, { className: "h-ico-sm w-ico-sm shrink-0 text-surface-fg-subtle", stroke: 1.5 }),
               /* @__PURE__ */ t(
                 "input",
                 {
                   type: "text",
-                  placeholder: x,
+                  placeholder: u,
                   value: o,
-                  onChange: (e) => u(e.target.value),
-                  className: "w-full bg-transparent text-ds-md font-body text-text-primary placeholder:text-text-placeholder outline-none"
+                  onChange: (e) => v(e.target.value),
+                  "aria-label": "Search members",
+                  className: "w-full bg-transparent text-ds-md font-body text-surface-fg placeholder:text-surface-fg-subtle outline-none"
                 }
               )
             ] }),
-            /* @__PURE__ */ a("div", { className: "max-h-[200px] overflow-y-auto py-ds-02", children: [
-              l.map((e) => {
-                const n = i.includes(e.id);
-                return /* @__PURE__ */ a(
+            /* @__PURE__ */ s("div", { className: "max-h-[200px] overflow-y-auto py-ds-02", children: [
+              c.map((e) => {
+                const n = d.includes(e.id);
+                return /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      d(e.id), m || s(!1);
+                      f(e.id), p || r(!1);
                     },
-                    className: b(
+                    className: l(
                       "flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left transition-colors",
-                      "hover:bg-field",
-                      n && "bg-field"
+                      "hover:bg-surface-3",
+                      n && "bg-surface-3"
                     ),
                     children: [
-                      /* @__PURE__ */ a(N, { className: "h-ico-md w-ico-md", children: [
-                        e.avatar && /* @__PURE__ */ t(w, { src: e.avatar, alt: e.name }),
-                        /* @__PURE__ */ t(k, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: P(e.name) })
+                      /* @__PURE__ */ s(k, { className: "h-ico-md w-ico-md", children: [
+                        e.avatar && /* @__PURE__ */ t(C, { src: e.avatar, alt: e.name }),
+                        /* @__PURE__ */ t(S, { className: "bg-surface-3 text-ds-xs font-semibold text-accent-fg", children: I(e.name) })
                       ] }),
-                      /* @__PURE__ */ t("span", { className: "flex-1 truncate text-ds-md font-body text-text-primary", children: e.name }),
-                      n && /* @__PURE__ */ t(S, { className: "h-ico-sm w-ico-sm shrink-0 text-interactive" })
+                      /* @__PURE__ */ t("span", { className: "flex-1 truncate text-ds-md font-body text-surface-fg", children: e.name }),
+                      n && /* @__PURE__ */ t(A, { className: "h-ico-sm w-ico-sm shrink-0 text-accent-11" })
                     ]
                   },
                   e.id
                 );
               }),
-              l.length === 0 && /* @__PURE__ */ t("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-text-placeholder", children: "No members found" })
+              c.length === 0 && /* @__PURE__ */ t("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-surface-fg-subtle", children: "No members found" })
             ] })
           ]
         }
@@ -76,7 +80,7 @@ const A = r.forwardRef(
     ] });
   }
 );
-A.displayName = "MemberPicker";
+O.displayName = "MemberPicker";
 export {
-  A as MemberPicker
+  O as MemberPicker
 };