@devalok/shilp-sutra 0.6.0 → 0.6.2

package/dist/composed/content-card.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const contentCardVariants: (props?: ({
-    variant?: "outline" | "ghost" | "default" | null | undefined;
+    variant?: "default" | "outline" | "ghost" | null | undefined;
     padding?: "default" | "none" | "compact" | "spacious" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ContentCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof contentCardVariants> {

package/dist/composed/index.d.ts

@@ -44,4 +44,5 @@ export { SimpleTooltip } from './simple-tooltip';
 export type { SimpleTooltipProps } from './simple-tooltip';
 export { ScheduleView } from './schedule-view';
 export type { ScheduleViewProps, ScheduleEvent } from './schedule-view';
+export { getInitials } from './lib/string-utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"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,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"}
+{"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,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,WAAW,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/composed/index.js

@@ -4,56 +4,58 @@ 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 d } from "./avatar-group.js";
-import { PriorityIndicator as c } from "./priority-indicator.js";
+import { PriorityIndicator as s } from "./priority-indicator.js";
 import { RichTextEditor as P, RichTextViewer as S } from "./rich-text-editor.js";
-import { BoardSkeleton as T, CardSkeleton as D, ListSkeleton as g, TableSkeleton as h } from "./loading-skeleton.js";
+import { BoardSkeleton as T, CardSkeleton as g, ListSkeleton as D, TableSkeleton as h } from "./loading-skeleton.js";
 import { DashboardSkeleton as b, ProjectListSkeleton as V, TaskDetailSkeleton as y } from "./page-skeletons.js";
 import { ErrorDisplay as E } from "./error-boundary.js";
 import { GlobalLoading as L } from "./global-loading.js";
 import { CommandPalette as w } from "./command-palette.js";
-import { MemberPicker as j } from "./member-picker.js";
-import { SimpleTooltip as A } from "./simple-tooltip.js";
-import { ScheduleView as I } from "./schedule-view.js";
-import { CalendarGrid as q } from "./date-picker/calendar-grid.js";
-import { DatePicker as F } from "./date-picker/date-picker.js";
-import { DateRangePicker as K } from "./date-picker/date-range-picker.js";
-import { DateTimePicker as O } from "./date-picker/date-time-picker.js";
-import { MonthPicker as U } from "./date-picker/month-picker.js";
-import { Presets as X } from "./date-picker/presets.js";
-import { TimePicker as _ } from "./date-picker/time-picker.js";
-import { YearPicker as ee } from "./date-picker/year-picker.js";
-import { useCalendar as oe } from "./date-picker/use-calendar.js";
+import { MemberPicker as M } from "./member-picker.js";
+import { SimpleTooltip as v } from "./simple-tooltip.js";
+import { ScheduleView as H } from "./schedule-view.js";
+import { getInitials as q } from "./lib/string-utils.js";
+import { CalendarGrid as F } from "./date-picker/calendar-grid.js";
+import { DatePicker as K } from "./date-picker/date-picker.js";
+import { DateRangePicker as O } from "./date-picker/date-range-picker.js";
+import { DateTimePicker as U } from "./date-picker/date-time-picker.js";
+import { MonthPicker as X } from "./date-picker/month-picker.js";
+import { Presets as _ } from "./date-picker/presets.js";
+import { TimePicker as ee } from "./date-picker/time-picker.js";
+import { YearPicker as oe } from "./date-picker/year-picker.js";
+import { useCalendar as ae } from "./date-picker/use-calendar.js";
 export {
   d as AvatarGroup,
   T as BoardSkeleton,
-  q as CalendarGrid,
-  D as CardSkeleton,
+  F as CalendarGrid,
+  g as CardSkeleton,
   w as CommandPalette,
   a as ContentCard,
   b as DashboardSkeleton,
-  F as DatePicker,
-  K as DateRangePicker,
-  O as DateTimePicker,
+  K as DatePicker,
+  O as DateRangePicker,
+  U as DateTimePicker,
   n as EmptyState,
   E as ErrorDisplay,
   L as GlobalLoading,
-  g as ListSkeleton,
-  j as MemberPicker,
-  U as MonthPicker,
+  D as ListSkeleton,
+  M as MemberPicker,
+  X as MonthPicker,
   o as PageHeader,
-  X as Presets,
-  c as PriorityIndicator,
+  _ as Presets,
+  s as PriorityIndicator,
   V as ProjectListSkeleton,
   P as RichTextEditor,
   S as RichTextViewer,
-  I as ScheduleView,
-  A as SimpleTooltip,
+  H as ScheduleView,
+  v as SimpleTooltip,
   i as StatusBadge,
   h as TableSkeleton,
   y as TaskDetailSkeleton,
-  _ as TimePicker,
-  ee as YearPicker,
+  ee as TimePicker,
+  oe as YearPicker,
   m as contentCardVariants,
+  q as getInitials,
   x as statusBadgeVariants,
-  oe as useCalendar
+  ae as useCalendar
 };

package/dist/composed/priority-indicator.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-export type Priority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT';
+export type Priority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT' | 'low' | 'medium' | 'high' | 'urgent';
 declare const priorityVariants: (props?: ({
     display?: "compact" | "full" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/composed/priority-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"priority-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/priority-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAUjE,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAgC3D,QAAA,MAAM,gBAAgB;;8EAarB,CAAA;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,+FA0CtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"priority-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/priority-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAUjE,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAgClG,QAAA,MAAM,gBAAgB;;8EAarB,CAAA;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,+FA2CtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/composed/priority-indicator.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import * as m from "react";
-import { cva as d } from "class-variance-authority";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import * as d from "react";
+import { cva as f } from "class-variance-authority";
 import { cn as e } from "../ui/lib/utils.js";
-import { IconAlertTriangle as f, IconArrowUp as g, IconMinus as b, IconArrowDown as x } from "@tabler/icons-react";
-const p = {
+import { IconAlertTriangle as g, IconArrowUp as b, IconMinus as p, IconArrowDown as x } from "@tabler/icons-react";
+const u = {
   LOW: {
     icon: x,
     color: "text-category-slate-text",
@@ -11,24 +11,24 @@ const p = {
     label: "Low"
   },
   MEDIUM: {
-    icon: b,
+    icon: p,
     color: "text-warning-text",
     bgColor: "bg-warning-surface",
     label: "Medium"
   },
   HIGH: {
-    icon: g,
+    icon: b,
     color: "text-error-text",
     bgColor: "bg-error-surface",
     label: "High"
   },
   URGENT: {
-    icon: f,
+    icon: g,
     color: "text-error-text",
     bgColor: "bg-error-surface",
     label: "Urgent"
   }
-}, u = d(
+}, y = f(
   "inline-flex items-center gap-ds-02b font-body",
   {
     variants: {
@@ -41,9 +41,9 @@ const p = {
       display: "full"
     }
   }
-), y = m.forwardRef(
+), w = d.forwardRef(
   ({ priority: s, display: t, className: i, ...c }, n) => {
-    const o = p[s], l = o.icon;
+    const a = s.toUpperCase(), o = u[a], l = o.icon;
     return t === "compact" ? /* @__PURE__ */ r(
       "div",
       {
@@ -57,11 +57,11 @@ const p = {
         ...c,
         children: /* @__PURE__ */ r(l, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
       }
-    ) : /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ m(
       "div",
       {
         ref: n,
-        className: e(u({ display: t }), i),
+        className: e(y({ display: t }), i),
         ...c,
         children: [
           /* @__PURE__ */ r(
@@ -80,7 +80,7 @@ const p = {
     );
   }
 );
-y.displayName = "PriorityIndicator";
+w.displayName = "PriorityIndicator";
 export {
-  y as PriorityIndicator
+  w as PriorityIndicator
 };

package/dist/ui/badge.d.ts

@@ -2,7 +2,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "solid" | "outline" | "subtle" | null | undefined;
+    variant?: "solid" | "outline" | "destructive" | "subtle" | "secondary" | null | undefined;
     color?: "accent" | "default" | "error" | "warning" | "success" | "cyan" | "indigo" | "orange" | "teal" | "info" | "brand" | "amber" | "slate" | "emerald" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;;8EAoFlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,oFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;;8EA2FlB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,oFAwBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/badge.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { IconX as d } from "@tabler/icons-react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { IconX as b } from "@tabler/icons-react";
 import * as g from "react";
 import { cva as x } from "class-variance-authority";
 import { cn as m } from "./lib/utils.js";
@@ -10,8 +10,12 @@ const u = x(
     variants: {
       variant: {
         subtle: "",
+        secondary: "",
+        // alias → subtle
         solid: "",
-        outline: ""
+        outline: "",
+        destructive: ""
+        // alias → solid + error
       },
       color: {
         default: "",
@@ -38,6 +42,11 @@ const u = x(
     compoundVariants: [
       // subtle (surface bg)
       { variant: "subtle", color: "default", className: "bg-field text-text-secondary border-border" },
+      // "secondary" alias → same as subtle + default
+      { variant: "secondary", color: "default", className: "bg-field text-text-secondary border-border" },
+      // "destructive" alias → solid + error
+      { variant: "destructive", color: "default", className: "bg-error text-text-on-color border-transparent" },
+      { variant: "destructive", color: "error", className: "bg-error text-text-on-color border-transparent" },
       { variant: "subtle", color: "info", className: "bg-info-surface text-info-text border-info-border" },
       { variant: "subtle", color: "success", className: "bg-success-surface text-success-text border-success-border" },
       { variant: "subtle", color: "error", className: "bg-error-surface text-error-text border-error-border" },
@@ -88,8 +97,8 @@ const u = x(
       size: "md"
     }
   }
-), y = g.forwardRef(
-  ({ className: t, variant: a, color: o, size: s, dot: n, onDismiss: e, children: c, ...l }, i) => /* @__PURE__ */ b("span", { ref: i, className: m(u({ variant: a, color: o, size: s }), t), ...l, children: [
+), v = g.forwardRef(
+  ({ className: t, variant: a, color: o, size: s, dot: n, onDismiss: e, children: c, ...l }, i) => /* @__PURE__ */ d("span", { ref: i, className: m(u({ variant: a, color: o, size: s }), t), ...l, children: [
     n && /* @__PURE__ */ r(
       "span",
       {
@@ -105,13 +114,13 @@ const u = x(
         onClick: e,
         className: "ml-ds-01 min-h-6 min-w-6 flex items-center justify-center rounded-ds-full text-icon-secondary transition-colors hover:text-icon-primary hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus",
         "aria-label": "Remove",
-        children: /* @__PURE__ */ r(d, { className: "h-ico-sm w-ico-sm" })
+        children: /* @__PURE__ */ r(b, { className: "h-ico-sm w-ico-sm" })
       }
     )
   ] })
 );
-y.displayName = "Badge";
+v.displayName = "Badge";
 export {
-  y as Badge,
+  v as Badge,
   u as badgeVariants
 };

package/dist/ui/button.d.ts

@@ -2,9 +2,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "solid" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "solid" | "default" | "outline" | "ghost" | "destructive" | null | undefined;
     color?: "default" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Button — the primary action component with a two-axis variant system,

package/dist/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,cAAc;;;;8EA2C1B,CAAA;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,uFAgHX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,cAAc;;;;8EAoD1B,CAAA;AAwBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC5C,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,QAAA,MAAM,MAAM,uFAgHX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/button.js

@@ -4,7 +4,7 @@ import { cva as B } from "class-variance-authority";
 import { Root as R, Slottable as E } from "../primitives/react-slot.js";
 import * as G from "react";
 import { useButtonGroup as M } from "./button-group.js";
-import { cn as o } from "./lib/utils.js";
+import { cn as t } from "./lib/utils.js";
 import { Spinner as q } from "./spinner.js";
 const x = B(
   "inline-flex items-center justify-center gap-ds-03 whitespace-nowrap font-sans font-semibold select-none border border-transparent transition-[color,background-color,border-color,box-shadow] duration-fast-01 ease-productive-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
@@ -12,8 +12,12 @@ const x = B(
     variants: {
       variant: {
         solid: "",
+        default: "",
+        // alias → solid
         outline: "",
         ghost: "",
+        destructive: "",
+        // alias → solid + error
         link: "text-text-link underline-offset-4 hover:underline active:opacity-[0.8]"
       },
       color: {
@@ -24,6 +28,8 @@ const x = B(
         sm: "h-ds-sm rounded-ds-md px-ds-04 text-ds-sm",
         md: "h-ds-md rounded-ds-md px-ds-05 text-ds-md",
         lg: "h-ds-lg rounded-ds-lg px-ds-06 text-ds-base",
+        icon: "h-ds-md w-ds-md rounded-ds-md",
+        // alias → icon-md
         "icon-sm": "h-ds-sm w-ds-sm rounded-ds-md",
         "icon-md": "h-ds-md w-ds-md rounded-ds-md",
         "icon-lg": "h-ds-lg w-ds-lg rounded-ds-lg"
@@ -32,6 +38,12 @@ const x = B(
     compoundVariants: [
       // solid + default (primary)
       { variant: "solid", color: "default", className: "bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 hover:shadow-brand" },
+      // "default" alias → same as solid + default
+      { variant: "default", color: "default", className: "bg-interactive text-text-on-color hover:bg-interactive-hover active:bg-interactive-active shadow-01 hover:shadow-brand" },
+      { variant: "default", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
+      // "destructive" alias → solid + error
+      { variant: "destructive", color: "default", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
+      { variant: "destructive", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
       // solid + error
       { variant: "solid", color: "error", className: "bg-error text-text-on-color hover:bg-error-hover active:bg-error-hover shadow-01" },
       // outline + default (secondary)
@@ -53,6 +65,7 @@ const x = B(
   sm: "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   md: "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   lg: "h-ico-md w-ico-md [&>svg]:h-ico-md [&>svg]:w-ico-md",
+  icon: "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   "icon-sm": "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   "icon-md": "h-ico-sm w-ico-sm [&>svg]:h-ico-sm [&>svg]:w-ico-sm",
   "icon-lg": "h-ico-md w-ico-md [&>svg]:h-ico-md [&>svg]:w-ico-md"
@@ -60,6 +73,7 @@ const x = B(
   sm: "sm",
   md: "sm",
   lg: "md",
+  icon: "sm",
   "icon-sm": "sm",
   "icon-md": "sm",
   "icon-lg": "md"
@@ -67,46 +81,46 @@ const x = B(
   ({
     className: c,
     variant: w,
-    color: y,
-    size: N,
+    color: N,
+    size: y,
     asChild: z = !1,
     startIcon: d,
     endIcon: l,
     loading: e = !1,
-    loadingPosition: t = "start",
+    loadingPosition: s = "start",
     fullWidth: m = !1,
     disabled: v,
     children: i,
     ...u
-  }, f) => {
-    const n = M(), b = w ?? n.variant, h = y ?? n.color, s = N ?? n.size ?? "md", g = A[s], S = D[s], a = e ? /* @__PURE__ */ r(q, { size: S }) : null;
+  }, h) => {
+    const a = M(), b = w ?? a.variant, f = N ?? a.color, o = y ?? a.size ?? "md", g = A[o], S = D[o], n = e ? /* @__PURE__ */ r(q, { size: S }) : null;
     if (z) {
       const V = {
-        className: o(
-          x({ variant: b, color: h, size: s }),
+        className: t(
+          x({ variant: b, color: f, size: o }),
           m && "w-full",
           c
         ),
-        ref: f,
+        ref: h,
         disabled: v || e,
         "aria-busy": e || void 0,
         ...u
       };
       return /* @__PURE__ */ r(R, { ...V, children: /* @__PURE__ */ r(E, { children: i }) });
     }
-    const j = () => e && t === "start" ? a : d ? /* @__PURE__ */ r("span", { className: o("inline-flex shrink-0 items-center justify-center", g), children: d }) : null, k = () => e && t === "end" ? a : l ? /* @__PURE__ */ r("span", { className: o("inline-flex shrink-0 items-center justify-center", g), children: l }) : null, C = () => e && t === "center" ? /* @__PURE__ */ p("span", { className: "relative inline-flex items-center justify-center", children: [
+    const j = () => e && s === "start" ? n : d ? /* @__PURE__ */ r("span", { className: t("inline-flex shrink-0 items-center justify-center", g), children: d }) : null, k = () => e && s === "end" ? n : l ? /* @__PURE__ */ r("span", { className: t("inline-flex shrink-0 items-center justify-center", g), children: l }) : null, C = () => e && s === "center" ? /* @__PURE__ */ p("span", { className: "relative inline-flex items-center justify-center", children: [
       /* @__PURE__ */ r("span", { className: "invisible", children: i }),
-      /* @__PURE__ */ r("span", { className: "absolute inset-0 flex items-center justify-center", children: a })
+      /* @__PURE__ */ r("span", { className: "absolute inset-0 flex items-center justify-center", children: n })
     ] }) : i;
     return /* @__PURE__ */ p(
       "button",
       {
-        className: o(
-          x({ variant: b, color: h, size: s }),
+        className: t(
+          x({ variant: b, color: f, size: o }),
           m && "w-full",
           c
         ),
-        ref: f,
+        ref: h,
         disabled: v || e,
         "aria-busy": e || void 0,
         ...u,

package/dist/ui/card.d.ts

@@ -2,7 +2,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const cardVariants: (props?: ({
-    variant?: "flat" | "outline" | "default" | "elevated" | null | undefined;
+    variant?: "flat" | "default" | "outline" | "elevated" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Card — a general-purpose content container with 4 elevation/style variants and

package/dist/ui/sidebar.d.ts

@@ -46,7 +46,7 @@ declare const SidebarMenuButton: import('react').ForwardRefExoticComponent<Omit<
     isActive?: boolean;
     tooltip?: string | ComponentProps<typeof TooltipContent>;
 } & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 declare const SidebarMenuAction: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {

package/dist/ui/stat-card.d.ts

@@ -41,7 +41,10 @@ import * as React from 'react';
  * // These are just a few ways — feel free to combine props creatively!
  */
 export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
+    /** Heading text for the metric. `title` is an alias for `label`. */
+    label?: string;
+    /** Alias for `label` — use whichever feels natural. */
+    title?: string;
     value: string | number;
     delta?: {
         value: string;

package/dist/ui/stat-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/ui/stat-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;KACrC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFAgEb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/ui/stat-card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;KACrC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFAiEb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/stat-card.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { IconTrendingUp as p, IconTrendingDown as x, IconMinus as h } from "@tabler/icons-react";
+import { IconTrendingUp as h, IconTrendingDown as f, IconMinus as g } from "@tabler/icons-react";
 import * as m from "react";
 import { cn as d } from "./lib/utils.js";
-const f = m.forwardRef(
-  ({ className: o, label: c, value: a, delta: e, icon: r, loading: u, ...t }, i) => {
-    if (u)
+const w = m.forwardRef(
+  ({ className: o, label: c, title: a, value: u, delta: e, icon: r, loading: b, ...t }, i) => {
+    const l = a ?? c ?? "";
+    if (b)
       return /* @__PURE__ */ n(
         "div",
         {
@@ -22,7 +23,7 @@ const f = m.forwardRef(
           ]
         }
       );
-    const b = (e == null ? void 0 : e.direction) === "up" ? p : (e == null ? void 0 : e.direction) === "down" ? x : h, l = (e == null ? void 0 : e.direction) === "up" ? "text-success" : (e == null ? void 0 : e.direction) === "down" ? "text-error" : "text-text-secondary";
+    const p = (e == null ? void 0 : e.direction) === "up" ? h : (e == null ? void 0 : e.direction) === "down" ? f : g, x = (e == null ? void 0 : e.direction) === "up" ? "text-success" : (e == null ? void 0 : e.direction) === "down" ? "text-error" : "text-text-secondary";
     return /* @__PURE__ */ n(
       "div",
       {
@@ -34,12 +35,12 @@ const f = m.forwardRef(
         ...t,
         children: [
           /* @__PURE__ */ n("div", { className: "flex items-center justify-between mb-ds-04", children: [
-            /* @__PURE__ */ s("p", { className: "text-ds-md font-medium text-text-secondary", children: c }),
+            /* @__PURE__ */ s("p", { className: "text-ds-md font-medium text-text-secondary", children: l }),
             r && /* @__PURE__ */ s("span", { className: "text-text-secondary", "aria-hidden": "true", children: typeof r == "function" ? m.createElement(r, { className: "h-ico-lg w-ico-lg" }) : r })
           ] }),
-          /* @__PURE__ */ s("p", { className: "text-ds-3xl font-semibold text-text-primary tabular-nums", children: a }),
-          e && /* @__PURE__ */ n("div", { className: d("mt-ds-03 flex items-center gap-ds-02 text-ds-sm font-medium", l), children: [
-            /* @__PURE__ */ s(b, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
+          /* @__PURE__ */ s("p", { className: "text-ds-3xl font-semibold text-text-primary tabular-nums", children: u }),
+          e && /* @__PURE__ */ n("div", { className: d("mt-ds-03 flex items-center gap-ds-02 text-ds-sm font-medium", x), children: [
+            /* @__PURE__ */ s(p, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
             /* @__PURE__ */ s("span", { children: e.value })
           ] })
         ]
@@ -47,7 +48,7 @@ const f = m.forwardRef(
     );
   }
 );
-f.displayName = "StatCard";
+w.displayName = "StatCard";
 export {
-  f as StatCard
+  w as StatCard
 };

package/dist/ui/toggle-group.d.ts

@@ -4,11 +4,11 @@ import { toggleVariants } from './toggle';
 import * as React from 'react';
 import * as ToggleGroupPrimitive from '../primitives/react-toggle-group';
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export type ToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;

package/dist/ui/toggle.d.ts

@@ -3,11 +3,11 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import * as TogglePrimitive from '../primitives/react-toggle';
 declare const toggleVariants: (props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "outline" | "default" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>;