@devalok/shilp-sutra 0.4.2 → 0.6.0

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

@@ -1,5 +1,4 @@
 "use client";
-import { Icon as TablerIcon } from '@tabler/icons-react';
 /**
  * CommandPalette -- Keyboard-driven command palette (Ctrl+K / Cmd+K).
  *
@@ -11,7 +10,7 @@ export interface CommandItem {
     id: string;
     label: string;
     description?: string;
-    icon?: TablerIcon;
+    icon?: React.ReactNode;
     shortcut?: string;
     onSelect: () => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/composed/command-palette.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAQ7D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAMD,QAAA,MAAM,cAAc,4FA0RnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../../src/composed/command-palette.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAMD,QAAA,MAAM,cAAc,4FAuRnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/composed/command-palette.js

@@ -1,17 +1,17 @@
 "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";
-import { IconSearch as K, IconCornerDownLeft as g, IconArrowUp as P, IconArrowDown as q } from "@tabler/icons-react";
+import { Dialog as I, DialogPortal as E, DialogOverlay as A, DialogContentRaw as M, DialogTitle as R, DialogDescription as L } from "../ui/dialog.js";
+import { IconSearch as S, IconCornerDownLeft as g, IconArrowUp as K, IconArrowDown as P } from "@tabler/icons-react";
 import { cn as u } from "../ui/lib/utils.js";
-import { VisuallyHidden as z } from "../ui/visually-hidden.js";
-const O = r.forwardRef(
+import { VisuallyHidden as q } from "../ui/visually-hidden.js";
+const z = r.forwardRef(
   function({
     groups: p = [],
-    placeholder: k = "Search or jump to...",
+    placeholder: w = "Search or jump to...",
     onSearch: x,
-    emptyMessage: v = "No results found."
-  }, D) {
+    emptyMessage: k = "No results found."
+  }, v) {
     const [f, n] = r.useState(!1), [i, b] = r.useState(""), [m, c] = r.useState(0), y = r.useRef(null), N = r.useRef(null), l = r.useMemo(() => {
       if (!i.trim()) return p;
       const t = i.toLowerCase();
@@ -39,7 +39,7 @@ const O = r.forwardRef(
         (t = y.current) == null || t.focus();
       }));
     }, [f]);
-    const C = (t) => {
+    const D = (t) => {
       switch (t.key) {
         case "ArrowDown": {
           t.preventDefault(), c(
@@ -72,7 +72,7 @@ const O = r.forwardRef(
       );
       t == null || t.scrollIntoView({ block: "nearest" });
     }, [m]);
-    const I = (t) => {
+    const C = (t) => {
       b(t), c(0), x == null || x(t);
     }, j = r.useMemo(() => {
       const t = /* @__PURE__ */ new Map();
@@ -82,17 +82,17 @@ const O = r.forwardRef(
           t.set(o.id, e++);
       return t;
     }, [l]);
-    return /* @__PURE__ */ s(E, { open: f, onOpenChange: n, children: /* @__PURE__ */ a(A, { children: [
+    return /* @__PURE__ */ s(I, { open: f, onOpenChange: n, children: /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ s(
-        M,
+        A,
         {
           className: "fixed inset-0 z-overlay bg-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
         }
       ),
       /* @__PURE__ */ a(
-        R,
+        M,
         {
-          ref: D,
+          ref: v,
           className: u(
             "fixed left-1/2 top-[20%] z-modal w-full max-w-[560px] -translate-x-1/2",
             "overflow-hidden rounded-ds-xl border border-border bg-layer-01 shadow-05",
@@ -102,15 +102,15 @@ const O = r.forwardRef(
             "data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2",
             "data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2"
           ),
-          onKeyDown: C,
+          onKeyDown: D,
           children: [
-            /* @__PURE__ */ a(z, { children: [
-              /* @__PURE__ */ s(L, { children: "Command Palette" }),
-              /* @__PURE__ */ s(S, { children: "Search or jump to pages, projects, tasks, and actions" })
+            /* @__PURE__ */ a(q, { children: [
+              /* @__PURE__ */ s(R, { children: "Command Palette" }),
+              /* @__PURE__ */ s(L, { children: "Search or jump to pages, projects, tasks, and actions" })
             ] }),
             /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-04 border-b border-border px-ds-05 py-ds-04", children: [
               /* @__PURE__ */ s(
-                K,
+                S,
                 {
                   className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder",
                   stroke: 1.5
@@ -121,8 +121,8 @@ const O = r.forwardRef(
                 {
                   ref: y,
                   value: i,
-                  onChange: (t) => I(t.target.value),
-                  placeholder: k,
+                  onChange: (t) => C(t.target.value),
+                  placeholder: w,
                   className: u(
                     "flex-1 bg-transparent text-ds-base text-text-primary outline-none",
                     "placeholder:text-text-placeholder"
@@ -140,11 +140,11 @@ const O = r.forwardRef(
                 ref: N,
                 className: "max-h-[320px] overflow-y-auto px-ds-03 py-ds-03",
                 children: [
-                  l.length === 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ s("p", { className: "text-ds-md text-text-placeholder", children: v }) }),
+                  l.length === 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ s("p", { className: "text-ds-md text-text-placeholder", children: k }) }),
                   l.map((t) => /* @__PURE__ */ a("div", { className: "mb-ds-02", children: [
                     /* @__PURE__ */ s("div", { className: "px-ds-03 pb-ds-02 pt-ds-03", children: /* @__PURE__ */ s("span", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-placeholder", children: t.label }) }),
                     t.items.map((e) => {
-                      const d = j.get(e.id) ?? 0, o = d === m, w = e.icon;
+                      const d = j.get(e.id) ?? 0, o = d === m;
                       return /* @__PURE__ */ a(
                         "button",
                         {
@@ -159,13 +159,7 @@ const O = r.forwardRef(
                             o ? "bg-layer-03 text-text-primary" : "text-text-secondary hover:bg-layer-02"
                           ),
                           children: [
-                            w && /* @__PURE__ */ s(
-                              w,
-                              {
-                                className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder",
-                                stroke: 1.5
-                              }
-                            ),
+                            e.icon && /* @__PURE__ */ s("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0 text-text-placeholder", "aria-hidden": "true", children: e.icon }),
                             /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col", children: [
                               /* @__PURE__ */ s("span", { className: "text-ds-md", children: e.label }),
                               e.description && /* @__PURE__ */ s("span", { className: "text-ds-sm text-text-placeholder", children: e.description })
@@ -190,8 +184,8 @@ const O = r.forwardRef(
             /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-05 border-t border-border px-ds-05 py-ds-03", children: [
               /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
                 /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-01", children: [
-                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(P, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
-                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(q, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) })
+                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(K, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) }),
+                  /* @__PURE__ */ s("kbd", { className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded border border-border bg-layer-02", children: /* @__PURE__ */ s(P, { className: "h-ds-03 w-ds-03 text-text-placeholder", stroke: 2 }) })
                 ] }),
                 /* @__PURE__ */ s("span", { className: "text-ds-xs text-text-placeholder", children: "Navigate" })
               ] }),
@@ -210,7 +204,7 @@ const O = r.forwardRef(
     ] }) });
   }
 );
-O.displayName = "CommandPalette";
+z.displayName = "CommandPalette";
 export {
-  O as CommandPalette
+  z as CommandPalette
 };

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

@@ -1,5 +1,10 @@
 "use client";
 import * as React from 'react';
+export interface CalendarEvent {
+    date: Date;
+    color?: string;
+    label?: string;
+}
 export interface CalendarGridProps {
     currentMonth: Date;
     selected?: Date | null;
@@ -17,6 +22,8 @@ export interface CalendarGridProps {
     hidePrevNav?: boolean;
     /** Hide the next-month navigation arrow */
     hideNextNav?: boolean;
+    /** Events to display as dot indicators on dates */
+    events?: CalendarEvent[];
 }
 export declare const CalendarGrid: React.ForwardRefExoticComponent<CalendarGridProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=calendar-grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-grid.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/calendar-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACvC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,YAAY,0FA6NxB,CAAA"}
+{"version":3,"file":"calendar-grid.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/calendar-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAuB9B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IACvC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;CACzB;AAED,eAAO,MAAM,YAAY,0FAyPxB,CAAA"}

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

@@ -1,127 +1,136 @@
 "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";
-import { IconChevronLeft as ee, IconChevronRight as te } from "@tabler/icons-react";
-import { cn as G } from "../../ui/lib/utils.js";
-const se = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], re = g.forwardRef(
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import * as M from "react";
+import { format as l, startOfMonth as k, endOfMonth as ee, startOfWeek as te, endOfWeek as se, addDays as m, subMonths as re, addMonths as ne, isSameMonth as T, isSameDay as x, lastDayOfMonth as oe, isBefore as N, startOfDay as G, isAfter as g, isWithinInterval as L } from "date-fns";
+import { IconChevronLeft as ae, IconChevronRight as ie } from "@tabler/icons-react";
+import { cn as B } from "../../ui/lib/utils.js";
+const de = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ce = M.forwardRef(
   function({
-    currentMonth: a,
-    selected: N,
+    currentMonth: i,
+    selected: R,
     rangeStart: n,
     rangeEnd: d,
-    hoverDate: l,
-    onSelect: R,
+    hoverDate: u,
+    onSelect: j,
     onHover: c,
-    onMonthChange: x,
-    onHeaderClick: j,
+    onMonthChange: h,
+    onHeaderClick: C,
     disabledDates: b,
     minDate: A,
-    maxDate: C,
-    hidePrevNav: K,
-    hideNextNav: L
-  }, q) {
-    const h = g.useRef(null), B = v(a), F = S(a), P = V(B), U = X(F), E = [];
-    let p = P;
-    for (; p <= U; )
-      E.push(p), p = f(p, 1);
-    const I = (e) => !!(b != null && b(e) || A && k(e, W(A)) || C && M(e, W(C))), Y = (e) => {
+    maxDate: E,
+    hidePrevNav: q,
+    hideNextNav: F,
+    events: w
+  }, P) {
+    const v = M.useRef(null), U = M.useMemo(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (!w) return e;
+      for (const o of w) {
+        const t = l(o.date, "yyyy-MM-dd"), s = e.get(t) ?? [];
+        s.push(o), e.set(t, s);
+      }
+      return e;
+    }, [w]), Y = k(i), $ = ee(i), z = te(Y), J = se($), D = [];
+    let p = z;
+    for (; p <= J; )
+      D.push(p), p = m(p, 1);
+    const I = (e) => !!(b != null && b(e) || A && N(e, G(A)) || E && g(e, G(E))), Q = (e) => {
       if (n && d) {
-        const o = k(n, d) ? n : d, t = M(d, n) ? d : n;
-        return T(e, { start: o, end: t });
+        const o = N(n, d) ? n : d, t = g(d, n) ? d : n;
+        return L(e, { start: o, end: t });
       }
-      if (n && l) {
-        const o = k(n, l) ? n : l, t = M(l, n) ? l : n;
-        return T(e, { start: o, end: t });
+      if (n && u) {
+        const o = N(n, u) ? n : u, t = g(u, n) ? u : n;
+        return L(e, { start: o, end: t });
       }
       return !1;
-    }, $ = (e) => !!(n && y(e, n) || d && y(e, d)), z = (e) => {
-      if (!h.current) return;
-      const o = m(e, "yyyy-MM-dd"), t = h.current.querySelector(
+    }, S = (e) => !!(n && x(e, n) || d && x(e, d)), V = (e) => {
+      if (!v.current) return;
+      const o = l(e, "yyyy-MM-dd"), t = v.current.querySelector(
         `[data-date="${o}"]`
       );
-      t ? t.focus() : x(v(e));
-    }, J = (e) => {
+      t ? t.focus() : h(k(e));
+    }, X = (e) => {
       const t = e.target.getAttribute("data-date");
       if (!t) return;
       const s = /* @__PURE__ */ new Date(t + "T00:00:00");
       let r = null;
       switch (e.key) {
         case "ArrowLeft":
-          r = f(s, -1);
+          r = m(s, -1);
           break;
         case "ArrowRight":
-          r = f(s, 1);
+          r = m(s, 1);
           break;
         case "ArrowUp":
-          r = f(s, -7);
+          r = m(s, -7);
           break;
         case "ArrowDown":
-          r = f(s, 7);
+          r = m(s, 7);
           break;
         case "Home":
-          r = v(s);
+          r = k(s);
           break;
         case "End":
-          r = H(s);
+          r = oe(s);
           break;
         case "Enter":
         case " ": {
-          e.preventDefault(), !I(s) && D(s, a) && R(s);
+          e.preventDefault(), !I(s) && T(s, i) && j(s);
           return;
         }
         default:
           return;
       }
-      r && (e.preventDefault(), z(r));
+      r && (e.preventDefault(), V(r));
     };
-    return /* @__PURE__ */ w("div", { ref: q, className: "w-[252px]", children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
-        K ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
+    return /* @__PURE__ */ y("div", { ref: P, className: "w-[252px]", children: [
+      /* @__PURE__ */ y("div", { className: "flex items-center justify-between px-ds-02 pb-ds-04", children: [
+        q ? /* @__PURE__ */ a("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => x(Z(a, 1)),
+            onClick: () => h(re(i, 1)),
             className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-text-placeholder transition-colors duration-fast-01 ease-productive-standard hover:bg-field hover:text-text-secondary",
             "aria-label": "Previous month",
-            children: /* @__PURE__ */ i(ee, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
+            children: /* @__PURE__ */ a(ae, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: j,
-            className: G(
+            onClick: C,
+            className: B(
               "text-ds-md font-semibold text-text-primary",
-              j && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-field"
+              C && "cursor-pointer rounded-ds-md px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-field"
             ),
             "aria-label": "Switch to month/year view",
-            children: m(a, "MMMM yyyy")
+            children: l(i, "MMMM yyyy")
           }
         ),
-        L ? /* @__PURE__ */ i("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ i(
+        F ? /* @__PURE__ */ a("span", { className: "h-ds-xs-plus w-ds-xs-plus" }) : /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => x(_(a, 1)),
+            onClick: () => h(ne(i, 1)),
             className: "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-text-placeholder transition-colors duration-fast-01 ease-productive-standard hover:bg-field hover:text-text-secondary",
             "aria-label": "Next month",
-            children: /* @__PURE__ */ i(te, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
+            children: /* @__PURE__ */ a(ie, { className: "h-ico-sm w-ico-sm", stroke: 1.5 })
           }
         )
       ] }),
-      /* @__PURE__ */ w(
+      /* @__PURE__ */ y(
         "div",
         {
-          ref: h,
+          ref: v,
           className: "grid grid-cols-7 gap-0",
           role: "grid",
           tabIndex: 0,
           "aria-label": "Calendar",
-          onKeyDown: J,
+          onKeyDown: X,
           children: [
-            se.map((e) => /* @__PURE__ */ i(
+            de.map((e) => /* @__PURE__ */ a(
               "div",
               {
                 role: "columnheader",
@@ -130,34 +139,45 @@ const se = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], re = g.forwardRef(
               },
               e
             )),
-            E.map((e, o) => {
-              const t = D(e, a), s = I(e), r = N && y(e, N), O = Y(e), u = $(e), Q = y(e, /* @__PURE__ */ new Date());
-              return /* @__PURE__ */ i(
+            D.map((e, o) => {
+              const t = T(e, i), s = I(e), r = R && x(e, R), O = Q(e), f = S(e), Z = x(e, /* @__PURE__ */ new Date()), W = l(e, "yyyy-MM-dd"), K = U.get(W) ?? [];
+              return /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
                   role: "gridcell",
-                  "data-date": m(e, "yyyy-MM-dd"),
+                  "data-date": W,
                   tabIndex: t && !s ? 0 : -1,
                   disabled: !t || s,
                   onClick: () => {
-                    t && !s && R(e);
+                    t && !s && j(e);
                   },
                   onMouseEnter: () => c == null ? void 0 : c(e),
                   onMouseLeave: () => c == null ? void 0 : c(null),
-                  "aria-label": m(e, "EEEE, MMMM d, yyyy"),
-                  "aria-selected": r || u || void 0,
+                  "aria-label": l(e, "EEEE, MMMM d, yyyy"),
+                  "aria-selected": r || f || void 0,
                   "aria-disabled": !t || s || void 0,
-                  className: G(
-                    "flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
+                  className: B(
+                    "relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-ds-md text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard",
                     !t && "pointer-events-none opacity-0",
                     t && s && "opacity-[0.38] pointer-events-none cursor-not-allowed",
-                    t && !s && !r && !u && !O && "text-text-primary hover:bg-field",
-                    O && !u && "rounded-ds-none bg-field text-text-primary",
-                    (r || u) && "bg-interactive text-text-on-color hover:bg-interactive-hover",
-                    Q && !r && !u && !s && "font-semibold text-interactive"
+                    t && !s && !r && !f && !O && "text-text-primary hover:bg-field",
+                    O && !f && "rounded-ds-none bg-field text-text-primary",
+                    (r || f) && "bg-interactive text-text-on-color hover:bg-interactive-hover",
+                    Z && !r && !f && !s && "font-semibold text-interactive"
                   ),
-                  children: m(e, "d")
+                  children: [
+                    l(e, "d"),
+                    K.length > 0 && /* @__PURE__ */ a("span", { className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0", children: K.slice(0, 3).map((_, H) => /* @__PURE__ */ a(
+                      "span",
+                      {
+                        "data-event-dot": !0,
+                        className: "h-[4px] w-[4px] rounded-ds-full",
+                        style: { backgroundColor: _.color ?? "var(--color-interactive)" }
+                      },
+                      H
+                    )) })
+                  ]
                 },
                 o
               );
@@ -168,7 +188,7 @@ const se = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], re = g.forwardRef(
     ] });
   }
 );
-re.displayName = "CalendarGrid";
+ce.displayName = "CalendarGrid";
 export {
-  re as CalendarGrid
+  ce as CalendarGrid
 };

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

@@ -1,6 +1,6 @@
 "use client";
 export { CalendarGrid } from './calendar-grid';
-export type { CalendarGridProps } from './calendar-grid';
+export type { CalendarGridProps, CalendarEvent } from './calendar-grid';
 export { DatePicker } from './date-picker';
 export type { DatePickerProps } from './date-picker';
 export { DateRangePicker } from './date-range-picker';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composed/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA"}

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

@@ -1,7 +1,6 @@
-import { Icon as TablerIcon } from '@tabler/icons-react';
 import * as React from 'react';
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    icon?: TablerIcon;
+    icon?: React.ReactNode;
     title: string;
     description?: string;
     action?: React.ReactNode;

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

@@ -1 +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"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,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;AAcD,QAAA,MAAM,UAAU,wFAkEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -1,72 +1,83 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import * as c from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as n from "react";
 import { cn as t } from "../ui/lib/utils.js";
-import { IconInbox as n } from "@tabler/icons-react";
-const f = c.forwardRef(
+const h = ({ className: c }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 32 32",
+    fill: "currentColor",
+    className: c,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ e("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
+  }
+), f = n.forwardRef(
   ({
-    icon: m = n,
+    icon: c,
     title: a,
     description: d,
     action: l,
-    compact: e = !1,
+    compact: s = !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-ds-10",
-        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"
+    ...m
+  }, o) => {
+    const x = c ?? /* @__PURE__ */ e(
+      h,
+      {
+        className: t(
+          "text-text-placeholder",
+          s ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg"
+        )
+      }
+    );
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: o,
+        className: t(
+          "flex flex-col items-center justify-center text-center",
+          s ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
+          i
+        ),
+        ...m,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: t(
+                "flex items-center justify-center rounded-ds-xl bg-layer-02",
+                s ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg"
+              ),
+              children: x
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "flex max-w-[280px] flex-col gap-ds-02", children: [
+            /* @__PURE__ */ e(
+              "h3",
+              {
+                className: t(
+                  "text-text-primary",
+                  s ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
+                ),
+                children: a
+              }
             ),
-            children: /* @__PURE__ */ s(
-              m,
+            d && /* @__PURE__ */ e(
+              "p",
               {
                 className: t(
                   "text-text-placeholder",
-                  e ? "h-ico-md w-ico-md" : "h-ico-lg w-ico-lg"
+                  s ? "text-ds-sm" : "text-ds-md"
                 ),
-                stroke: 1.5
+                children: d
               }
             )
-          }
-        ),
-        /* @__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 })
-      ]
-    }
-  )
+          ] }),
+          l && /* @__PURE__ */ e("div", { className: "mt-ds-02", children: l })
+        ]
+      }
+    );
+  }
 );
 f.displayName = "EmptyState";
 export {