@devalok/shilp-sutra 0.5.0 → 0.6.1

package/dist/composed/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFAwEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFA+Ef,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/page-header.js

@@ -1,65 +1,69 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as s } from "../ui/lib/utils.js";
-import { IconChevronRight as p } from "@tabler/icons-react";
-const f = o.forwardRef(
-  ({ title: i, subtitle: d, actions: c, breadcrumbs: t, titleClassName: x, className: m, ...h }, n) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      className: s(
-        "flex flex-col gap-ds-05 border-b border-border pb-ds-06",
-        m
-      ),
-      ...h,
-      children: [
-        t && t.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-ds-02b", children: t.map((a, r) => /* @__PURE__ */ l(o.Fragment, { children: [
-          r > 0 && /* @__PURE__ */ e(
-            p,
-            {
-              className: "h-ico-sm w-ico-sm text-text-placeholder",
-              stroke: 1.5
-            }
-          ),
-          a.href ? /* @__PURE__ */ e(
-            "a",
-            {
-              href: a.href,
-              className: "text-ds-sm text-text-placeholder transition-colors hover:text-text-secondary",
-              children: a.label
-            }
-          ) : /* @__PURE__ */ e(
-            "span",
-            {
-              className: s(
-                "text-ds-sm",
-                r === t.length - 1 ? "text-text-primary" : "text-text-placeholder"
-              ),
-              children: a.label
-            }
-          )
-        ] }, r)) }),
-        /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-ds-05", children: [
-          /* @__PURE__ */ l("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e(
-              "h1",
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as h from "react";
+import { cn as i } from "../ui/lib/utils.js";
+import { IconChevronRight as g } from "@tabler/icons-react";
+const N = h.forwardRef(
+  ({ title: n, subtitle: s, actions: r, breadcrumbs: e, titleClassName: c, className: p, ...m }, f) => {
+    var x;
+    const o = n ?? ((x = e == null ? void 0 : e[e.length - 1]) == null ? void 0 : x.label) ?? "";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: f,
+        className: i(
+          "flex flex-col gap-ds-05 border-b border-border pb-ds-06",
+          p
+        ),
+        ...m,
+        children: [
+          e && e.length > 0 && /* @__PURE__ */ t("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-ds-02b", children: e.map((l, d) => /* @__PURE__ */ a(h.Fragment, { children: [
+            d > 0 && /* @__PURE__ */ t(
+              g,
               {
-                className: s(
-                  "text-ds-2xl text-text-primary",
-                  x
-                ),
-                children: i
+                className: "h-ico-sm w-ico-sm text-text-placeholder",
+                stroke: 1.5
               }
             ),
-            d && /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: d })
-          ] }),
-          c && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-03", children: c })
-        ] })
-      ]
-    }
-  )
+            l.href ? /* @__PURE__ */ t(
+              "a",
+              {
+                href: l.href,
+                className: "text-ds-sm text-text-placeholder transition-colors hover:text-text-secondary",
+                children: l.label
+              }
+            ) : /* @__PURE__ */ t(
+              "span",
+              {
+                className: i(
+                  "text-ds-sm",
+                  d === e.length - 1 ? "text-text-primary" : "text-text-placeholder"
+                ),
+                children: l.label
+              }
+            )
+          ] }, d)) }),
+          (o || s || r) && /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-ds-05", children: [
+            /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-02b", children: [
+              o && /* @__PURE__ */ t(
+                "h1",
+                {
+                  className: i(
+                    "text-ds-2xl text-text-primary",
+                    c
+                  ),
+                  children: o
+                }
+              ),
+              s && /* @__PURE__ */ t("p", { className: "text-ds-md text-text-placeholder", children: s })
+            ] }),
+            r && /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center gap-ds-03", children: r })
+          ] })
+        ]
+      }
+    );
+  }
 );
-f.displayName = "PageHeader";
+N.displayName = "PageHeader";
 export {
-  f as PageHeader
+  N as PageHeader
 };

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/composed/schedule-view.d.ts

@@ -0,0 +1,26 @@
+"use client";
+import * as React from 'react';
+export interface ScheduleEvent {
+    id: string;
+    title: string;
+    start: Date;
+    end: Date;
+    color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral';
+}
+export interface ScheduleViewProps extends React.HTMLAttributes<HTMLDivElement> {
+    view: 'day' | 'week';
+    /** Current day (day view) or any date within the target week (week view). */
+    date: Date;
+    events: ScheduleEvent[];
+    onEventClick?: (event: ScheduleEvent) => void;
+    onSlotClick?: (start: Date, end: Date) => void;
+    /** First visible hour (default 8). */
+    startHour?: number;
+    /** Last visible hour — exclusive (default 18). */
+    endHour?: number;
+    /** Slot duration in minutes (default 30). */
+    slotDuration?: number;
+}
+declare const ScheduleView: React.ForwardRefExoticComponent<ScheduleViewProps & React.RefAttributes<HTMLDivElement>>;
+export { ScheduleView };
+//# sourceMappingURL=schedule-view.d.ts.map

package/dist/composed/schedule-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-view.d.ts","sourceRoot":"","sources":["../../src/composed/schedule-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CACzE;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,6EAA6E;IAC7E,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AA8MD,QAAA,MAAM,YAAY,0FAyDjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/schedule-view.js

@@ -0,0 +1,183 @@
+"use client";
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import * as $ from "react";
+import { startOfWeek as S, addDays as E, format as u, isSameDay as D, isToday as I, getHours as N, getMinutes as v, differenceInMinutes as A } from "date-fns";
+import { cn as y } from "../ui/lib/utils.js";
+const O = {
+  primary: "bg-interactive-subtle border-interactive text-interactive",
+  success: "bg-success-surface border-success text-success-text",
+  warning: "bg-warning-surface border-warning text-warning-text",
+  error: "bg-error-surface border-error text-error-text",
+  info: "bg-info-surface border-info text-info-text",
+  neutral: "bg-layer-02 border-border text-text-secondary"
+};
+function P(t) {
+  return t === 0 ? "12 AM" : t < 12 ? `${t} AM` : t === 12 ? "12 PM" : `${t - 12} PM`;
+}
+function T(t, s, o) {
+  const i = (o - s) * 60, r = (N(t.start) - s) * 60 + v(t.start), d = A(t.end, t.start), l = r / i * 100, f = d / i * 100;
+  return {
+    top: `${l}%`,
+    height: `${f}%`
+  };
+}
+function V({ startHour: t, endHour: s }) {
+  const o = [];
+  for (let r = t; r < s; r++)
+    o.push(r);
+  const i = 100 / (s - t);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "relative shrink-0 w-[60px] border-r border-border",
+      "aria-hidden": "true",
+      children: o.map((r) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: "text-ds-xs text-text-secondary pr-ds-02 text-right",
+          style: { height: `${i}%` },
+          children: P(r)
+        },
+        r
+      ))
+    }
+  );
+}
+function j({
+  date: t,
+  events: s,
+  startHour: o,
+  endHour: i,
+  slotDuration: r,
+  onEventClick: d,
+  onSlotClick: l,
+  showHeader: f
+}) {
+  const g = s.filter((e) => D(e.start, t)), x = (i - o) * 60, p = x / r, m = [];
+  for (let e = 0; e < p; e++) {
+    const n = new Date(t);
+    n.setHours(o, e * r, 0, 0);
+    const b = new Date(n);
+    b.setMinutes(b.getMinutes() + r), m.push({ start: n, end: b });
+  }
+  const c = I(t);
+  let h = null;
+  if (c) {
+    const e = /* @__PURE__ */ new Date(), n = N(e), b = v(e);
+    n >= o && n < i && (h = ((n - o) * 60 + b) / x * 100);
+  }
+  return /* @__PURE__ */ w("div", { className: "flex flex-1 flex-col min-w-[80px]", children: [
+    f && /* @__PURE__ */ a(
+      "div",
+      {
+        className: y(
+          "text-center text-ds-sm font-semibold py-ds-02 border-b border-border",
+          c ? "text-interactive bg-interactive-subtle" : "text-text-primary bg-layer-01"
+        ),
+        children: u(t, "EEE d")
+      }
+    ),
+    /* @__PURE__ */ w("div", { className: "relative flex-1", children: [
+      m.map((e, n) => /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: y(
+            "block w-full border-b border-border/50 hover:bg-layer-02/50 transition-colors",
+            n % 2 === 0 ? "border-border" : "border-border/30"
+          ),
+          style: { height: `${100 / p}%` },
+          onClick: () => l == null ? void 0 : l(e.start, e.end),
+          "aria-label": `${u(e.start, "h:mm a")} to ${u(e.end, "h:mm a")}`
+        },
+        n
+      )),
+      g.map((e) => {
+        const n = T(e, o, i), b = O[e.color ?? "primary"];
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: y(
+              "absolute left-ds-01 right-ds-01 rounded-ds-sm border-l-[3px] px-ds-02 py-ds-01",
+              "text-left text-ds-xs font-medium overflow-hidden cursor-pointer",
+              "hover:opacity-90 transition-opacity",
+              b
+            ),
+            style: n,
+            onClick: (M) => {
+              M.stopPropagation(), d == null || d(e);
+            },
+            "aria-label": `${e.title}, ${u(e.start, "h:mm a")} to ${u(e.end, "h:mm a")}`,
+            children: /* @__PURE__ */ a("span", { className: "line-clamp-2", children: e.title })
+          },
+          e.id
+        );
+      }),
+      h != null && /* @__PURE__ */ a(
+        "div",
+        {
+          className: "absolute left-0 right-0 h-[2px] bg-error z-10 pointer-events-none",
+          style: { top: `${h}%` },
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ a("span", { className: "absolute -left-[5px] -top-[4px] h-[10px] w-[10px] rounded-ds-full bg-error" })
+        }
+      )
+    ] })
+  ] });
+}
+const R = $.forwardRef(
+  ({
+    view: t,
+    date: s,
+    events: o,
+    onEventClick: i,
+    onSlotClick: r,
+    startHour: d = 8,
+    endHour: l = 18,
+    slotDuration: f = 30,
+    className: g,
+    ...x
+  }, p) => {
+    const m = $.useMemo(() => {
+      if (t === "day") return [s];
+      const c = S(s, { weekStartsOn: 1 });
+      return Array.from({ length: 7 }, (h, e) => E(c, e));
+    }, [t, s]);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: p,
+        role: "region",
+        "aria-label": t === "day" ? `Schedule for ${u(s, "EEEE, MMMM d, yyyy")}` : `Week schedule starting ${u(m[0], "MMMM d, yyyy")}`,
+        className: y(
+          "flex rounded-ds-md border border-border bg-layer-01 overflow-hidden",
+          "h-[480px]",
+          g
+        ),
+        ...x,
+        children: [
+          /* @__PURE__ */ a(V, { startHour: d, endHour: l }),
+          /* @__PURE__ */ a("div", { className: "flex flex-1 divide-x divide-border overflow-x-auto", children: m.map((c) => /* @__PURE__ */ a(
+            j,
+            {
+              date: c,
+              events: o,
+              startHour: d,
+              endHour: l,
+              slotDuration: f,
+              onEventClick: i,
+              onSlotClick: r,
+              showHeader: t === "week"
+            },
+            c.toISOString()
+          )) })
+        ]
+      }
+    );
+  }
+);
+R.displayName = "ScheduleView";
+export {
+  R as ScheduleView
+};

package/dist/composed/simple-tooltip.d.ts

@@ -0,0 +1,15 @@
+"use client";
+import * as React from 'react';
+export interface SimpleTooltipProps {
+    content: React.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    delayDuration?: number;
+    children: React.ReactNode;
+}
+declare const SimpleTooltip: {
+    ({ content, side, align, delayDuration, children, }: SimpleTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SimpleTooltip };
+//# sourceMappingURL=simple-tooltip.d.ts.map

package/dist/composed/simple-tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tooltip.d.ts","sourceRoot":"","sources":["../../src/composed/simple-tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,aAAa;yDAMhB,kBAAkB;;CASpB,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/composed/simple-tooltip.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { TooltipProvider as m, Tooltip as n, TooltipTrigger as T, TooltipContent as d } from "../ui/tooltip.js";
+const s = ({
+  content: i,
+  side: t = "top",
+  align: r = "center",
+  delayDuration: e = 300,
+  children: l
+}) => /* @__PURE__ */ o(m, { delayDuration: e, children: /* @__PURE__ */ p(n, { children: [
+  /* @__PURE__ */ o(T, { asChild: !0, children: l }),
+  /* @__PURE__ */ o(d, { side: t, align: r, children: i })
+] }) });
+s.displayName = "SimpleTooltip";
+export {
+  s as SimpleTooltip
+};

package/dist/composed/status-badge.d.ts

@@ -2,9 +2,10 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const statusBadgeVariants: (props?: ({
     status?: "active" | "completed" | "pending" | "approved" | "rejected" | "blocked" | "cancelled" | "draft" | null | undefined;
+    color?: "error" | "warning" | "success" | "neutral" | "info" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, VariantProps<typeof statusBadgeVariants> {
+export interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'>, VariantProps<typeof statusBadgeVariants> {
     label?: string;
     hideDot?: boolean;
 }

package/dist/composed/status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/composed/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,mBAAmB;;;8EAwBxB,CAAA;AAaD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,WAAW,0FA0BhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../src/composed/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,mBAAmB;;;;8EA8BxB,CAAA;AAqBD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACvE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,WAAW,0FAwChB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/composed/status-badge.js

@@ -1,8 +1,8 @@
-import { jsxs as l, jsx as p } from "react/jsx-runtime";
-import * as u from "react";
-import { cva as g } from "class-variance-authority";
-import { cn as r } from "../ui/lib/utils.js";
-const x = g(
+import { jsxs as b, jsx as p } from "react/jsx-runtime";
+import * as f from "react";
+import { cva as m } from "class-variance-authority";
+import { cn as a } from "../ui/lib/utils.js";
+const y = m(
   "inline-flex items-center gap-ds-02b rounded-ds-full font-body",
   {
     variants: {
@@ -16,17 +16,23 @@ const x = g(
         cancelled: "bg-layer-02 text-text-placeholder",
         draft: "bg-layer-02 text-text-tertiary"
       },
+      color: {
+        success: "bg-success-surface text-text-success",
+        warning: "bg-warning-surface text-text-warning",
+        error: "bg-error-surface text-text-error",
+        info: "bg-info-surface text-text-info",
+        neutral: "bg-layer-02 text-text-tertiary"
+      },
       size: {
         sm: "px-ds-03 py-ds-01 text-ds-xs font-semibold",
         md: "px-ds-04 py-ds-02 text-ds-sm font-medium"
       }
     },
     defaultVariants: {
-      status: "pending",
       size: "md"
     }
   }
-), b = {
+), w = {
   active: "bg-success",
   pending: "bg-warning",
   approved: "bg-success",
@@ -35,35 +41,44 @@ const x = g(
   blocked: "bg-error",
   cancelled: "bg-icon-disabled",
   draft: "bg-icon-secondary"
-}, f = u.forwardRef(
-  ({ status: s, size: t, label: a, hideDot: c = !1, className: d, ...n }, o) => {
-    const e = s ?? "pending", i = a ?? e.charAt(0).toUpperCase() + e.slice(1);
-    return /* @__PURE__ */ l(
+}, h = {
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-error",
+  info: "bg-info",
+  neutral: "bg-icon-secondary"
+}, v = f.forwardRef(
+  ({ status: c, color: e, size: r, label: o, hideDot: n = !1, className: d, ...i }, u) => {
+    const t = e != null, s = t ? void 0 : c ?? "pending", g = t ? e : void 0, l = o ?? (t ? e.charAt(0).toUpperCase() + e.slice(1) : s.charAt(0).toUpperCase() + s.slice(1)), x = t ? h[e] : w[s];
+    return /* @__PURE__ */ b(
       "span",
       {
-        ref: o,
-        className: r(x({ status: s, size: t }), d),
-        ...n,
+        ref: u,
+        className: a(
+          y({ status: s, color: g, size: r }),
+          d
+        ),
+        ...i,
         children: [
-          !c && /* @__PURE__ */ p(
+          !n && /* @__PURE__ */ p(
             "span",
             {
-              className: r(
+              className: a(
                 "shrink-0 rounded-ds-full",
-                t === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
-                b[e]
+                r === "sm" ? "h-ds-02b w-ds-02b" : "h-[8px] w-[8px]",
+                x
               ),
               "aria-hidden": "true"
             }
           ),
-          i
+          l
         ]
       }
     );
   }
 );
-f.displayName = "StatusBadge";
+v.displayName = "StatusBadge";
 export {
-  f as StatusBadge,
-  x as statusBadgeVariants
+  v as StatusBadge,
+  y as statusBadgeVariants
 };