@devalok/shilp-sutra 0.1.0 → 0.2.0

package/dist/composed/avatar-group.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const avatarSizeVariants: (props?: ({

package/dist/composed/avatar-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAejE,QAAA,MAAM,kBAAkB;;8EAcvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,yFAuFhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../src/composed/avatar-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAejE,QAAA,MAAM,kBAAkB;;8EAcvB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,WAAW,yFAuFhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/composed/avatar-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import * as u from "react";
 import { cva as w } from "class-variance-authority";

package/dist/composed/command-palette.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { Icon as TablerIcon } from '@tabler/icons-react';
 /**
  * CommandPalette -- Keyboard-driven command palette (Ctrl+K / Cmd+K).

package/dist/composed/command-palette.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import * as r from "react";
 import { Dialog as E, DialogPortal as A, DialogOverlay as M, DialogContentRaw as R, DialogTitle as L, DialogDescription as S } from "../ui/dialog.js";
@@ -173,7 +174,7 @@ const O = r.forwardRef(
                             o && /* @__PURE__ */ s(
                               g,
                               {
-                                className: "h-3 w-3 shrink-0 text-text-placeholder",
+                                className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder",
                                 stroke: 1.5
                               }
                             )
@@ -195,11 +196,11 @@ const O = r.forwardRef(
                 /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Navigate" })
               ] }),
               /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                /* @__PURE__ */ s("kbd", { className: "inline-flex h-5 items-center justify-center rounded border border-border bg-layer-02 px-ds-02b", children: /* @__PURE__ */ s(g, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
+                /* @__PURE__ */ s("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b", children: /* @__PURE__ */ s(g, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
                 /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Select" })
               ] }),
               /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                /* @__PURE__ */ s("kbd", { className: "inline-flex h-5 items-center justify-center rounded border border-border bg-layer-02 px-ds-02b text-ds-xs font-medium text-text-placeholder", children: "Esc" }),
+                /* @__PURE__ */ s("kbd", { className: "inline-flex h-[20px] items-center justify-center rounded-ds-md border border-border bg-layer-02 px-ds-02b text-ds-xs font-medium text-text-placeholder", children: "Esc" }),
                 /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Close" })
               ] })
             ] })

package/dist/composed/date-picker/calendar-grid.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface CalendarGridProps {
     currentMonth: Date;

package/dist/composed/date-picker/calendar-grid.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as w, jsx as i } from "react/jsx-runtime";
 import * as g from "react";
 import { startOfMonth as v, endOfMonth as S, startOfWeek as V, endOfWeek as X, addDays as f, subMonths as Z, format as m, addMonths as _, isSameMonth as D, isSameDay as y, lastDayOfMonth as H, isBefore as k, startOfDay as W, isAfter as M, isWithinInterval as T } from "date-fns";

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface DatePickerProps {
     value?: Date | null;

package/dist/composed/date-picker/date-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import * as o from "react";
 import { format as C, setMonth as N, setYear as F } from "date-fns";

package/dist/composed/date-picker/date-range-picker.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { PresetKey } from './presets';
 import * as React from 'react';
 export interface DateRangePickerProps {

package/dist/composed/date-picker/date-range-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as y, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
 import { format as H, setMonth as z, setYear as J, addMonths as E, isBefore as K, isAfter as L } from "date-fns";

package/dist/composed/date-picker/date-time-picker.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface DateTimePickerProps {
     /** The currently selected date and time. */

package/dist/composed/date-picker/date-time-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import * as m from "react";
 import { format as U, setHours as y, setMinutes as k, setMonth as W, setYear as X } from "date-fns";

package/dist/composed/date-picker/index.d.ts

@@ -1,3 +1,4 @@
+"use client";
 export { CalendarGrid } from './calendar-grid';
 export type { CalendarGridProps } from './calendar-grid';
 export { DatePicker } from './date-picker';

package/dist/composed/date-picker/month-picker.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface MonthPickerProps {
     currentYear: number;

package/dist/composed/date-picker/month-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import * as m from "react";
 import { cn as u } from "../../ui/lib/utils.js";

package/dist/composed/date-picker/presets.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export type PresetKey = 'today' | 'yesterday' | 'last7days' | 'last30days' | 'thisMonth' | 'lastMonth' | 'thisYear';
 export interface PresetsProps {

package/dist/composed/date-picker/presets.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as l } from "react/jsx-runtime";
 import * as b from "react";
 import { endOfDay as e, startOfYear as w, subMonths as h, endOfMonth as d, startOfMonth as i, startOfDay as s, subDays as r } from "date-fns";

package/dist/composed/date-picker/time-picker.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface TimePickerProps {
     /** The currently selected time (as a Date object). */

package/dist/composed/date-picker/time-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import * as P from "react";
 import { format as O, setHours as S, setMinutes as $, setSeconds as j } from "date-fns";
@@ -51,7 +52,7 @@ const F = P.forwardRef(
       const t = s.getHours();
       let a;
       e === "AM" ? a = t >= 12 ? t - 12 : t : a = t < 12 ? t + 12 : t, c == null || c(S(new Date(s), a));
-    }, b = P.useMemo(() => s ? l === "12h" ? O(s, x ? "h:mm:ss a" : "h:mm a") : O(s, x ? "HH:mm:ss" : "HH:mm") : null, [s, l, x]), R = l === "12h" ? E : o, M = "flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01 scrollbar-thin", h = "flex h-ds-sm w-full items-center justify-center rounded-ds-md text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer", N = "bg-interactive text-text-on-color", g = "text-text-primary hover:bg-field";
+    }, b = P.useMemo(() => s ? l === "12h" ? O(s, x ? "h:mm:ss a" : "h:mm a") : O(s, x ? "HH:mm:ss" : "HH:mm") : null, [s, l, x]), R = l === "12h" ? E : o, M = "flex flex-col gap-ds-01 overflow-y-auto max-h-[200px] px-ds-01", h = "flex h-ds-sm w-full items-center justify-center rounded-ds-md text-ds-md transition-colors duration-fast-01 ease-productive-standard cursor-pointer", N = "bg-interactive text-text-on-color", g = "text-text-primary hover:bg-field";
     return /* @__PURE__ */ d(Y, { open: q, onOpenChange: z, children: [
       /* @__PURE__ */ r(Z, { asChild: !0, children: /* @__PURE__ */ d(
         "button",

package/dist/composed/date-picker/use-calendar.d.ts

@@ -1,3 +1,4 @@
+"use client";
 export declare function useCalendar(initialMonth?: Date): {
     currentMonth: Date;
     setCurrentMonth: import('react').Dispatch<import('react').SetStateAction<Date>>;

package/dist/composed/date-picker/use-calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/use-calendar.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,YAAY,CAAC,EAAE,IAAI;;;;;uBAKnB,MAAM;qBAER,MAAM;EAW/B"}
+{"version":3,"file":"use-calendar.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/use-calendar.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,YAAY,CAAC,EAAE,IAAI;;;;;uBAKnB,MAAM;qBAER,MAAM;EAW/B"}

package/dist/composed/date-picker/use-calendar.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState as s } from "react";
 import { setYear as h, setMonth as M, addMonths as u, subMonths as a } from "date-fns";
 function f(e) {

package/dist/composed/date-picker/year-picker.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface YearPickerProps {
     currentYear: number;

package/dist/composed/date-picker/year-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import * as u from "react";
 import { cn as x } from "../../ui/lib/utils.js";

package/dist/composed/empty-state.js

@@ -17,7 +17,7 @@ const f = c.forwardRef(
       ref: o,
       className: t(
         "flex flex-col items-center justify-center text-center",
-        e ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-16",
+        e ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
         i
       ),
       ...x,

package/dist/composed/error-boundary.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface ErrorDisplayProps {
     error: unknown;

package/dist/composed/error-boundary.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import * as g from "react";
 import { IconAlertTriangle as u, IconServerOff as p, IconBan as x, IconFileUnknown as h } from "@tabler/icons-react";
@@ -71,7 +72,7 @@ const C = g.forwardRef(
             "div",
             {
               className: c(
-                "flex h-16 w-16 items-center justify-center rounded-ds-2xl",
+                "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl",
                 r.bgClass
               ),
               children: /* @__PURE__ */ s(

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface GlobalLoadingProps {
     isLoading: boolean;

package/dist/composed/global-loading.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r } from "react/jsx-runtime";
 import * as i from "react";
 import { useRef as l, useState as f, useEffect as s } from "react";

package/dist/composed/index.d.ts

@@ -1,3 +1,18 @@
+"use client";
+/**
+ * @module @devalok/shilp-sutra/composed
+ *
+ * Higher-level composed components built from UI primitives: page headers, date pickers,
+ * rich text editors, skeleton loaders, and domain-specific patterns.
+ *
+ * **Server-safe components** (import individually for Server Components):
+ * `ContentCard`, `EmptyState`, `PageHeader`, `LoadingSkeleton`, `PageSkeletons`,
+ * `PriorityIndicator`, `StatusBadge`
+ *
+ * @example
+ * import { PageHeader } from '@devalok/shilp-sutra/composed/page-header'
+ * import { DatePicker } from '@devalok/shilp-sutra/composed/date-picker'
+ */
 export { PageHeader } from './page-header';
 export type { PageHeaderProps, Breadcrumb } from './page-header';
 export { ContentCard, contentCardVariants } from './content-card';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composed/index.ts"],"names":[],"mappings":"AAAA,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,MAAM,oBAAoB,CAAA;AAElF,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,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE/L,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"}
+{"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,MAAM,oBAAoB,CAAA;AAElF,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,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE/L,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"}

package/dist/composed/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { PageHeader as o } from "./page-header.js";
 import { ContentCard as a, contentCardVariants as m } from "./content-card.js";
 import { StatusBadge as i, statusBadgeVariants as x } from "./status-badge.js";

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../src/composed/lib/string-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIhD"}
+{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../src/composed/lib/string-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMhD"}

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

@@ -1,7 +1,10 @@
-function r(e) {
-  const t = e.trim().split(/\s+/);
-  return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : e.slice(0, 2).toUpperCase();
+"use client";
+function i(r) {
+  const t = r.trim();
+  if (!t) return "";
+  const e = t.split(/\s+/);
+  return e.length >= 2 ? (e[0][0] + e[1][0]).toUpperCase() : t.slice(0, 2).toUpperCase();
 }
 export {
-  r as getInitials
+  i as getInitials
 };

package/dist/composed/loading-skeleton.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import * as n from "react";
 import { cn as i } from "../ui/lib/utils.js";
 import { Skeleton as s } from "../ui/skeleton.js";
-const h = n.forwardRef(
+const b = n.forwardRef(
   function({ className: a }, r) {
     return /* @__PURE__ */ d(
       "div",
@@ -14,25 +14,25 @@ const h = n.forwardRef(
         ),
         children: [
           /* @__PURE__ */ d("div", { className: "flex items-center justify-between pb-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-4 w-32 bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-[16px] w-[128px] bg-field" }),
             /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-field" })
           ] }),
           /* @__PURE__ */ d("div", { className: "space-y-ds-04", children: [
-            /* @__PURE__ */ e(s, { className: "h-3 w-full bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-3 w-4/5 bg-field" }),
-            /* @__PURE__ */ e(s, { className: "h-3 w-3/5 bg-field" })
+            /* @__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__ */ 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-3 w-20 bg-field" })
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-field" })
           ] })
         ]
       }
     );
   }
 );
-h.displayName = "CardSkeleton";
-const g = n.forwardRef(
+b.displayName = "CardSkeleton";
+const h = n.forwardRef(
   function({
     rows: a = 5,
     columns: r = 4,
@@ -51,8 +51,8 @@ const g = n.forwardRef(
             s,
             {
               className: i(
-                "h-3 bg-field",
-                l === 0 ? "w-40" : "flex-1"
+                "h-[12px] bg-field",
+                l === 0 ? "w-[160px]" : "flex-1"
               )
             },
             `head-${l}`
@@ -64,12 +64,12 @@ const g = n.forwardRef(
                 "flex items-center gap-ds-05 px-ds-05 py-ds-04",
                 l < a - 1 && "border-b border-border"
               ),
-              children: Array.from({ length: r }).map((b, m) => /* @__PURE__ */ e(
+              children: Array.from({ length: r }).map((p, m) => /* @__PURE__ */ e(
                 s,
                 {
                   className: i(
-                    "h-3 bg-field",
-                    m === 0 ? "w-40" : "flex-1"
+                    "h-[12px] bg-field",
+                    m === 0 ? "w-[160px]" : "flex-1"
                   )
                 },
                 `cell-${l}-${m}`
@@ -82,8 +82,8 @@ const g = n.forwardRef(
     );
   }
 );
-g.displayName = "TableSkeleton";
-const N = n.forwardRef(
+h.displayName = "TableSkeleton";
+const x = n.forwardRef(
   function({
     columns: a = 4,
     cardsPerColumn: r = 3,
@@ -96,27 +96,27 @@ const N = n.forwardRef(
         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-3 w-3 rounded bg-field" }),
-              /* @__PURE__ */ e(s, { className: "h-3 w-20 bg-field" }),
-              /* @__PURE__ */ e(s, { className: "h-4 w-5 rounded-ds-full bg-field" })
+              /* @__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__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-field" })
           ] }),
-          Array.from({ length: r }).map((b, m) => /* @__PURE__ */ d(
+          Array.from({ length: r }).map((p, m) => /* @__PURE__ */ d(
             "div",
             {
               className: "rounded-ds-lg border border-border bg-layer-01 p-ds-04",
               children: [
                 /* @__PURE__ */ d("div", { className: "space-y-ds-03", children: [
-                  /* @__PURE__ */ e(s, { className: "h-3 w-4/5 bg-field" }),
-                  /* @__PURE__ */ e(s, { className: "h-3 w-3/5 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__ */ 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-16 bg-field" })
+                    /* @__PURE__ */ e(s, { className: "h-ds-03 w-[64px] bg-field" })
                   ] }),
-                  /* @__PURE__ */ e(s, { className: "h-4 w-ds-lg rounded-ds-full bg-field" })
+                  /* @__PURE__ */ e(s, { className: "h-[16px] w-ds-lg rounded-ds-full bg-field" })
                 ] })
               ]
             },
@@ -128,8 +128,8 @@ const N = n.forwardRef(
     )) });
   }
 );
-N.displayName = "BoardSkeleton";
-const p = n.forwardRef(
+x.displayName = "BoardSkeleton";
+const g = n.forwardRef(
   function({
     rows: a = 6,
     showAvatar: r = !0,
@@ -145,20 +145,20 @@ const p = n.forwardRef(
         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-3 w-2/5 bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-[12px] w-2/5 bg-field" }),
             /* @__PURE__ */ e(s, { className: "h-ds-03 w-3/5 bg-field" })
           ] }),
-          /* @__PURE__ */ e(s, { className: "h-5 w-14 rounded-ds-full bg-field" })
+          /* @__PURE__ */ e(s, { className: "h-[20px] w-[56px] rounded-ds-full bg-field" })
         ]
       },
       `list-${l}`
     )) });
   }
 );
-p.displayName = "ListSkeleton";
+g.displayName = "ListSkeleton";
 export {
-  N as BoardSkeleton,
-  h as CardSkeleton,
-  p as ListSkeleton,
-  g as TableSkeleton
+  x as BoardSkeleton,
+  b as CardSkeleton,
+  g as ListSkeleton,
+  h as TableSkeleton
 };

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

@@ -1,3 +1,4 @@
+"use client";
 import * as React from 'react';
 export interface MemberPickerMember {
     id: string;

package/dist/composed/member-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as b } from "../ui/lib/utils.js";

package/dist/composed/page-skeletons.js

@@ -2,8 +2,8 @@ import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import * as o from "react";
 import { Skeleton as e } from "../ui/skeleton.js";
 import { cn as d } from "../ui/lib/utils.js";
-const l = "bg-field", h = o.forwardRef(
-  function(n, m) {
+const l = "bg-field", x = o.forwardRef(
+  function(i, m) {
     return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", children: [
       /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ a(
         "div",
@@ -11,25 +11,25 @@ const l = "bg-field", h = o.forwardRef(
           className: "flex flex-col gap-ds-04 rounded-ds-xl border border-border bg-layer-01 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(e, { className: d("h-3 w-20", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-[12px] w-[80px]", l) }),
               /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) })
             ] }),
-            /* @__PURE__ */ s(e, { className: d("h-ds-xs-plus w-16", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-ds-03 w-28", l) })
+            /* @__PURE__ */ s(e, { className: d("h-ds-xs-plus w-[64px]", l) }),
+            /* @__PURE__ */ s(e, { className: d("h-ds-03 w-[112px]", l) })
           ]
         },
         `stat-${r}`
       )) }),
       /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-border bg-layer-01 p-ds-06", children: [
         /* @__PURE__ */ a("div", { className: "mb-ds-06 flex items-center justify-between", children: [
-          /* @__PURE__ */ s(e, { className: d("h-5 w-32", l) }),
+          /* @__PURE__ */ s(e, { className: d("h-[20px] w-[128px]", l) }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
             /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-4 w-28", l) }),
+            /* @__PURE__ */ s(e, { className: d("h-[16px] w-[112px]", l) }),
             /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) })
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { className: "mb-ds-03 grid grid-cols-7 gap-ds-03", children: Array.from({ length: 7 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("mx-auto h-3 w-8", l) }, `wh-${r}`)) }),
+        /* @__PURE__ */ s("div", { className: "mb-ds-03 grid grid-cols-7 gap-ds-03", children: Array.from({ length: 7 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("mx-auto h-[12px] w-[32px]", l) }, `wh-${r}`)) }),
         /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-ds-03", children: Array.from({ length: 35 }).map((c, r) => /* @__PURE__ */ s(
           e,
           {
@@ -41,20 +41,20 @@ const l = "bg-field", h = o.forwardRef(
     ] });
   }
 );
-h.displayName = "DashboardSkeleton";
-const f = o.forwardRef(
-  function(n, m) {
+x.displayName = "DashboardSkeleton";
+const t = o.forwardRef(
+  function(i, m) {
     return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", children: [
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-05 sm:flex-row sm:items-center sm:justify-between", children: [
         /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-          /* @__PURE__ */ s(e, { className: d("h-6 w-28", l) }),
-          /* @__PURE__ */ s(e, { className: d("h-ds-04 w-40", l) })
+          /* @__PURE__ */ s(e, { className: d("h-[24px] w-[112px]", l) }),
+          /* @__PURE__ */ s(e, { className: d("h-ds-04 w-[160px]", l) })
         ] }),
-        /* @__PURE__ */ s(e, { className: d("h-ds-sm-plus w-32 rounded-ds-lg", l) })
+        /* @__PURE__ */ s(e, { className: d("h-ds-sm-plus w-[128px] rounded-ds-lg", l) })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-04 sm:flex-row sm:items-center", children: [
         /* @__PURE__ */ s(e, { className: d("h-ds-sm-plus flex-1 rounded-ds-lg", l) }),
-        /* @__PURE__ */ s("div", { className: "flex gap-ds-02b", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("h-ds-sm w-16 rounded-ds-lg", l) }, `f-${r}`)) })
+        /* @__PURE__ */ s("div", { className: "flex gap-ds-02b", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("h-ds-sm w-[64px] rounded-ds-lg", l) }, `f-${r}`)) })
       ] }),
       /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((c, r) => /* @__PURE__ */ a(
         "div",
@@ -62,21 +62,21 @@ const f = o.forwardRef(
           className: "flex flex-col gap-ds-05 rounded-ds-xl border border-border bg-layer-01 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(e, { className: d("h-5 w-16 rounded-ds-full", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-4 w-20 rounded-ds-md", l) })
+              /* @__PURE__ */ s(e, { className: d("h-[20px] w-[64px] rounded-ds-full", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-[16px] w-[80px] rounded-ds-md", l) })
             ] }),
             /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-              /* @__PURE__ */ s(e, { className: d("h-4 w-3/4", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-3 w-full", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-3 w-2/3", l) })
+              /* @__PURE__ */ s(e, { className: d("h-[16px] w-3/4", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-[12px] w-full", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-[12px] w-2/3", l) })
             ] }),
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-ds-02", children: [
-              /* @__PURE__ */ s("div", { className: "flex -space-x-ds-03", children: Array.from({ length: 3 }).map((N, t) => /* @__PURE__ */ s(
+              /* @__PURE__ */ s("div", { className: "flex -space-x-ds-03", children: Array.from({ length: 3 }).map((f, n) => /* @__PURE__ */ s(
                 e,
                 {
                   className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", l)
                 },
-                `av-${r}-${t}`
+                `av-${r}-${n}`
               )) }),
               /* @__PURE__ */ s(e, { className: d("h-ds-04 w-ds-md", l) })
             ] })
@@ -87,12 +87,12 @@ const f = o.forwardRef(
     ] });
   }
 );
-f.displayName = "ProjectListSkeleton";
-const p = o.forwardRef(
-  function(n, m) {
+t.displayName = "ProjectListSkeleton";
+const h = o.forwardRef(
+  function(i, m) {
     return /* @__PURE__ */ a("div", { ref: m, className: "flex h-full flex-col gap-0 rounded-ds-xl border border-border bg-layer-01", children: [
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-border px-ds-05b py-ds-05", children: [
-        /* @__PURE__ */ s(e, { className: d("h-5 w-48", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-[20px] w-[192px]", l) }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
           /* @__PURE__ */ s(e, { className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", l) }),
           /* @__PURE__ */ s(e, { className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", l) })
@@ -103,26 +103,26 @@ const p = o.forwardRef(
         {
           className: "flex items-center gap-ds-05 py-ds-03",
           children: [
-            /* @__PURE__ */ s(e, { className: d("h-3 w-24 shrink-0", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-6 w-32 rounded-ds-md", l) })
+            /* @__PURE__ */ s(e, { className: d("h-[12px] w-[96px] shrink-0", l) }),
+            /* @__PURE__ */ s(e, { className: d("h-[24px] w-[128px] rounded-ds-md", l) })
           ]
         },
         `prop-${r}`
       )) }),
-      /* @__PURE__ */ s("div", { className: "border-b border-border px-ds-05b", children: /* @__PURE__ */ s("div", { className: "flex gap-ds-05 py-ds-04", children: Array.from({ length: 3 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("h-4 w-16", l) }, `tab-${r}`)) }) }),
+      /* @__PURE__ */ s("div", { className: "border-b border-border px-ds-05b", children: /* @__PURE__ */ s("div", { className: "flex gap-ds-05 py-ds-04", children: Array.from({ length: 3 }).map((c, r) => /* @__PURE__ */ s(e, { className: d("h-[16px] w-[64px]", l) }, `tab-${r}`)) }) }),
       /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-ds-04 px-ds-05b py-ds-05", children: [
-        /* @__PURE__ */ s(e, { className: d("h-3 w-full", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-3 w-4/5", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-3 w-3/5", l) }),
-        /* @__PURE__ */ s(e, { className: d("mt-ds-03 h-3 w-full", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-3 w-2/3", l) })
+        /* @__PURE__ */ s(e, { className: d("h-[12px] w-full", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-[12px] w-4/5", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-[12px] w-3/5", l) }),
+        /* @__PURE__ */ s(e, { className: d("mt-ds-03 h-[12px] w-full", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-[12px] w-2/3", l) })
       ] })
     ] });
   }
 );
-p.displayName = "TaskDetailSkeleton";
+h.displayName = "TaskDetailSkeleton";
 export {
-  h as DashboardSkeleton,
-  f as ProjectListSkeleton,
-  p as TaskDetailSkeleton
+  x as DashboardSkeleton,
+  t as ProjectListSkeleton,
+  h as TaskDetailSkeleton
 };