@devalok/shilp-sutra 0.1.0

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

@@ -0,0 +1,44 @@
+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";
+const f = u.forwardRef(
+  function({
+    currentYear: d,
+    selectedYear: c,
+    onYearSelect: a,
+    minDate: o,
+    maxDate: l
+  }, m) {
+    const s = Math.floor(d / 10) * 10, p = Array.from({ length: 12 }, (t, e) => s + e);
+    return /* @__PURE__ */ i("div", { ref: m, className: "w-[252px]", children: [
+      /* @__PURE__ */ i("div", { className: "text-center pb-ds-04 text-ds-md font-semibold text-text-primary", children: [
+        s,
+        " – ",
+        s + 11
+      ] }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-3 gap-ds-02", children: p.map((t) => {
+        const e = t === c, r = o != null && t < o.getFullYear() || l != null && t > l.getFullYear();
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            disabled: r || !1,
+            onClick: () => !r && a(t),
+            className: x(
+              "h-ds-sm-plus rounded-ds-md text-ds-md transition-colors",
+              r && "opacity-[0.38] pointer-events-none cursor-not-allowed",
+              e && "bg-interactive text-text-on-color",
+              !e && !r && "hover:bg-field text-text-primary"
+            ),
+            children: t
+          },
+          t
+        );
+      }) })
+    ] });
+  }
+);
+f.displayName = "YearPicker";
+export {
+  f as YearPicker
+};

package/dist/composed/empty-state.d.ts

@@ -0,0 +1,12 @@
+import { Icon as TablerIcon } from '@tabler/icons-react';
+import * as React from 'react';
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: TablerIcon;
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+    compact?: boolean;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export { EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/composed/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAG7D,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,UAAU,wFA+Df,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -0,0 +1,74 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as t } from "../ui/lib/utils.js";
+import { IconInbox as n } from "@tabler/icons-react";
+const f = c.forwardRef(
+  ({
+    icon: m = n,
+    title: a,
+    description: d,
+    action: l,
+    compact: e = !1,
+    className: i,
+    ...x
+  }, o) => /* @__PURE__ */ r(
+    "div",
+    {
+      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",
+        i
+      ),
+      ...x,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: t(
+              "flex items-center justify-center rounded-ds-xl bg-layer-02",
+              e ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg"
+            ),
+            children: /* @__PURE__ */ s(
+              m,
+              {
+                className: t(
+                  "text-text-placeholder",
+                  e ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg"
+                ),
+                stroke: 1.5
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
+          /* @__PURE__ */ s(
+            "h3",
+            {
+              className: t(
+                "text-text-primary",
+                e ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
+              ),
+              children: a
+            }
+          ),
+          d && /* @__PURE__ */ s(
+            "p",
+            {
+              className: t(
+                "text-text-placeholder",
+                e ? "text-ds-sm" : "text-ds-md"
+              ),
+              children: d
+            }
+          )
+        ] }),
+        l && /* @__PURE__ */ s("div", { className: "mt-ds-02", children: l })
+      ]
+    }
+  )
+);
+f.displayName = "EmptyState";
+export {
+  f as EmptyState
+};

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface ErrorDisplayProps {
+    error: unknown;
+    onReset?: () => void;
+}
+declare const ErrorDisplay: React.ForwardRefExoticComponent<ErrorDisplayProps & React.RefAttributes<HTMLDivElement>>;
+export { ErrorDisplay };
+//# sourceMappingURL=error-boundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/composed/error-boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAmFD,QAAA,MAAM,YAAY,0FAyEjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/error-boundary.js

@@ -0,0 +1,114 @@
+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";
+import { Button as b } from "../ui/button.js";
+import { cn as c } from "../ui/lib/utils.js";
+function v(e) {
+  if (e && typeof e == "object" && "status" in e && typeof e.status == "number")
+    return e.status;
+}
+function y(e) {
+  if (e instanceof Error)
+    return e.message;
+  if (e && typeof e == "object" && "data" in e) {
+    const t = e.data;
+    if (typeof t == "string") return t;
+    if (t && typeof t == "object" && "message" in t)
+      return String(t.message);
+  }
+  if (typeof e == "string")
+    return e;
+}
+function w(e) {
+  if (e instanceof Error)
+    return e.stack;
+}
+function N(e) {
+  switch (e) {
+    case 404:
+      return {
+        icon: h,
+        title: "Page not found",
+        message: "The page you are looking for does not exist or has been moved.",
+        bgClass: "bg-interactive-subtle",
+        iconClass: "text-interactive"
+      };
+    case 403:
+      return {
+        icon: x,
+        title: "Access denied",
+        message: "You do not have permission to view this page. Contact your administrator if you believe this is a mistake.",
+        bgClass: "bg-warning-surface",
+        iconClass: "text-warning"
+      };
+    case 500:
+      return {
+        icon: p,
+        title: "Server error",
+        message: "Something went wrong on our end. Please try again later or contact support if the issue persists.",
+        bgClass: "bg-error-surface",
+        iconClass: "text-error"
+      };
+    default:
+      return {
+        icon: u,
+        title: "Something went wrong",
+        message: "An unexpected error occurred. Please try again or go back to the home page.",
+        bgClass: "bg-interactive-subtle",
+        iconClass: "text-interactive"
+      };
+  }
+}
+const C = g.forwardRef(
+  function({ error: t, onReset: o }, l) {
+    const a = v(t), d = y(t), i = w(t), m = typeof process < "u" && process.env && process.env.NODE_ENV === "development", r = N(a), f = r.icon;
+    return /* @__PURE__ */ s("div", { ref: l, className: "flex min-h-[60vh] items-center justify-center p-ds-05", children: /* @__PURE__ */ n(
+      "div",
+      {
+        className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-border bg-layer-01 p-ds-07 text-center shadow-01",
+        children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: c(
+                "flex h-16 w-16 items-center justify-center rounded-ds-2xl",
+                r.bgClass
+              ),
+              children: /* @__PURE__ */ s(
+                f,
+                {
+                  className: c("h-ds-sm w-ds-sm", r.iconClass)
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "flex flex-col gap-ds-03", children: [
+            a && /* @__PURE__ */ n("span", { className: "text-ds-sm text-text-placeholder", children: [
+              "Error ",
+              a
+            ] }),
+            /* @__PURE__ */ s("h2", { className: "text-ds-2xl font-semibold text-text-primary", children: r.title }),
+            /* @__PURE__ */ s("p", { className: "text-ds-base text-text-tertiary", children: d || r.message })
+          ] }),
+          o && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: /* @__PURE__ */ s(
+            b,
+            {
+              variant: "secondary",
+              size: "md",
+              onClick: o,
+              children: "Try Again"
+            }
+          ) }),
+          m && i && /* @__PURE__ */ n("div", { className: "w-full overflow-auto rounded-ds-lg border border-border bg-layer-02 p-ds-05 text-left", children: [
+            /* @__PURE__ */ s("p", { className: "text-ds-sm mb-ds-03 font-semibold text-text-primary", children: "Stack Trace (development only)" }),
+            /* @__PURE__ */ s("pre", { className: "whitespace-pre-wrap text-ds-sm text-text-tertiary", children: i })
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+C.displayName = "ErrorDisplay";
+export {
+  C as ErrorDisplay
+};

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface GlobalLoadingProps {
+    isLoading: boolean;
+}
+declare const GlobalLoading: React.ForwardRefExoticComponent<GlobalLoadingProps & React.RefAttributes<HTMLDivElement>>;
+export { GlobalLoading };
+//# sourceMappingURL=global-loading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"global-loading.d.ts","sourceRoot":"","sources":["../../src/composed/global-loading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FA0ClB,CAAA;AAID,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/composed/global-loading.js

@@ -0,0 +1,43 @@
+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";
+import { cn as c } from "../ui/lib/utils.js";
+const m = i.forwardRef(
+  function({ isLoading: e }, n) {
+    const t = l(null), [a, o] = f(!0);
+    return s(() => {
+      t.current && e && o(!1);
+    }, [e]), /* @__PURE__ */ r(
+      "div",
+      {
+        ref: n,
+        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(
+          "div",
+          {
+            ref: t,
+            className: c(
+              "h-full bg-interactive 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"
+            ),
+            onTransitionEnd: () => {
+              e || setTimeout(() => {
+                o(!0);
+              }, 200);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+m.displayName = "GlobalLoading";
+export {
+  m as GlobalLoading
+};

package/dist/composed/index.d.ts

@@ -0,0 +1,28 @@
+export { PageHeader } from './page-header';
+export type { PageHeaderProps, Breadcrumb } from './page-header';
+export { ContentCard, contentCardVariants } from './content-card';
+export type { ContentCardProps } from './content-card';
+export { StatusBadge, statusBadgeVariants } from './status-badge';
+export type { StatusBadgeProps } from './status-badge';
+export { EmptyState } from './empty-state';
+export type { EmptyStateProps } from './empty-state';
+export { AvatarGroup } from './avatar-group';
+export type { AvatarGroupProps, AvatarUser } from './avatar-group';
+export { PriorityIndicator } from './priority-indicator';
+export type { PriorityIndicatorProps, Priority } from './priority-indicator';
+export { RichTextEditor, RichTextViewer } from './rich-text-editor';
+export type { RichTextEditorProps, RichTextViewerProps } from './rich-text-editor';
+export { DatePicker, DateRangePicker, CalendarGrid, TimePicker, DateTimePicker, Presets, useCalendar, YearPicker, MonthPicker } from './date-picker';
+export type { DatePickerProps, DateRangePickerProps, CalendarGridProps, TimePickerProps, DateTimePickerProps, PresetsProps, PresetKey, YearPickerProps, MonthPickerProps } from './date-picker';
+export { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton } from './loading-skeleton';
+export type { CardSkeletonProps, TableSkeletonProps, BoardSkeletonProps, ListSkeletonProps } from './loading-skeleton';
+export { DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton, } from './page-skeletons';
+export { ErrorDisplay } from './error-boundary';
+export type { ErrorDisplayProps } from './error-boundary';
+export { GlobalLoading } from './global-loading';
+export type { GlobalLoadingProps } from './global-loading';
+export { CommandPalette } from './command-palette';
+export type { CommandPaletteProps, CommandGroup, CommandItem } from './command-palette';
+export { MemberPicker } from './member-picker';
+export type { MemberPickerProps, MemberPickerMember } from './member-picker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/composed/index.js

@@ -0,0 +1,54 @@
+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";
+import { EmptyState as n } from "./empty-state.js";
+import { AvatarGroup as k } from "./avatar-group.js";
+import { PriorityIndicator as s } from "./priority-indicator.js";
+import { RichTextEditor as P, RichTextViewer as S } from "./rich-text-editor.js";
+import { BoardSkeleton as D, CardSkeleton as T, ListSkeleton as g, TableSkeleton as b } from "./loading-skeleton.js";
+import { DashboardSkeleton as u, ProjectListSkeleton as y, TaskDetailSkeleton as B } from "./page-skeletons.js";
+import { ErrorDisplay as G } from "./error-boundary.js";
+import { GlobalLoading as R } from "./global-loading.js";
+import { CommandPalette as M } from "./command-palette.js";
+import { MemberPicker as v } from "./member-picker.js";
+import { CalendarGrid as A } from "./date-picker/calendar-grid.js";
+import { DatePicker as I } from "./date-picker/date-picker.js";
+import { DateRangePicker as q } from "./date-picker/date-range-picker.js";
+import { DateTimePicker as F } from "./date-picker/date-time-picker.js";
+import { MonthPicker as K } from "./date-picker/month-picker.js";
+import { Presets as O } from "./date-picker/presets.js";
+import { TimePicker as U } from "./date-picker/time-picker.js";
+import { YearPicker as X } from "./date-picker/year-picker.js";
+import { useCalendar as _ } from "./date-picker/use-calendar.js";
+export {
+  k as AvatarGroup,
+  D as BoardSkeleton,
+  A as CalendarGrid,
+  T as CardSkeleton,
+  M as CommandPalette,
+  a as ContentCard,
+  u as DashboardSkeleton,
+  I as DatePicker,
+  q as DateRangePicker,
+  F as DateTimePicker,
+  n as EmptyState,
+  G as ErrorDisplay,
+  R as GlobalLoading,
+  g as ListSkeleton,
+  v as MemberPicker,
+  K as MonthPicker,
+  o as PageHeader,
+  O as Presets,
+  s as PriorityIndicator,
+  y as ProjectListSkeleton,
+  P as RichTextEditor,
+  S as RichTextViewer,
+  i as StatusBadge,
+  b as TableSkeleton,
+  B as TaskDetailSkeleton,
+  U as TimePicker,
+  X as YearPicker,
+  m as contentCardVariants,
+  x as statusBadgeVariants,
+  _ as useCalendar
+};

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

@@ -0,0 +1,6 @@
+/**
+ * Extract initials from a person's name.
+ * "John Doe" -> "JD", "Alice" -> "AL"
+ */
+export declare function getInitials(name: string): string;
+//# sourceMappingURL=string-utils.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+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();
+}
+export {
+  r as getInitials
+};

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface CardSkeletonProps {
+    className?: string;
+}
+declare const CardSkeleton: React.ForwardRefExoticComponent<CardSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface TableSkeletonProps extends CardSkeletonProps {
+    rows?: number;
+    columns?: number;
+}
+declare const TableSkeleton: React.ForwardRefExoticComponent<TableSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface BoardSkeletonProps extends CardSkeletonProps {
+    columns?: number;
+    cardsPerColumn?: number;
+}
+declare const BoardSkeleton: React.ForwardRefExoticComponent<BoardSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface ListSkeletonProps extends CardSkeletonProps {
+    rows?: number;
+    showAvatar?: boolean;
+}
+declare const ListSkeleton: React.ForwardRefExoticComponent<ListSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton };
+//# sourceMappingURL=loading-skeleton.d.ts.map

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

@@ -0,0 +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"}

package/dist/composed/loading-skeleton.js

@@ -0,0 +1,164 @@
+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(
+  function({ className: a }, r) {
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: r,
+        className: i(
+          "rounded-ds-lg border border-border bg-layer-01 p-ds-05b",
+          a
+        ),
+        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-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__ */ 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" })
+          ] })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "CardSkeleton";
+const g = n.forwardRef(
+  function({
+    rows: a = 5,
+    columns: r = 4,
+    className: c
+  }, o) {
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: o,
+        className: i(
+          "overflow-hidden rounded-ds-lg border border-border",
+          c
+        ),
+        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(
+            s,
+            {
+              className: i(
+                "h-3 bg-field",
+                l === 0 ? "w-40" : "flex-1"
+              )
+            },
+            `head-${l}`
+          )) }),
+          Array.from({ length: a }).map((t, l) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                "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(
+                s,
+                {
+                  className: i(
+                    "h-3 bg-field",
+                    m === 0 ? "w-40" : "flex-1"
+                  )
+                },
+                `cell-${l}-${m}`
+              ))
+            },
+            `row-${l}`
+          ))
+        ]
+      }
+    );
+  }
+);
+g.displayName = "TableSkeleton";
+const N = n.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(
+      "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-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-ico-sm w-ico-sm rounded bg-field" })
+          ] }),
+          Array.from({ length: r }).map((b, 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__ */ 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-4 w-ds-lg rounded-ds-full bg-field" })
+                ] })
+              ]
+            },
+            `card-${l}-${m}`
+          ))
+        ]
+      },
+      `col-${l}`
+    )) });
+  }
+);
+N.displayName = "BoardSkeleton";
+const p = n.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(
+      "div",
+      {
+        className: i(
+          "flex items-center gap-ds-04 py-ds-04",
+          l < a - 1 && "border-b border-border"
+        ),
+        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-ds-03 w-3/5 bg-field" })
+          ] }),
+          /* @__PURE__ */ e(s, { className: "h-5 w-14 rounded-ds-full bg-field" })
+        ]
+      },
+      `list-${l}`
+    )) });
+  }
+);
+p.displayName = "ListSkeleton";
+export {
+  N as BoardSkeleton,
+  h as CardSkeleton,
+  p as ListSkeleton,
+  g as TableSkeleton
+};

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface MemberPickerMember {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+export interface MemberPickerProps {
+    members: MemberPickerMember[];
+    selectedIds: string[];
+    onSelect: (memberId: string) => void;
+    multiple?: boolean;
+    placeholder?: string;
+    children: React.ReactNode;
+}
+declare const MemberPicker: React.ForwardRefExoticComponent<MemberPickerProps & React.RefAttributes<HTMLDivElement>>;
+export { MemberPicker };
+//# sourceMappingURL=member-picker.d.ts.map

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

@@ -0,0 +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"}