@orion-ds/react 5.2.0 → 5.3.1

package/README.md

@@ -14,7 +14,7 @@ TypeScript-first React component library built on the Orion Design System. Featu
 - 🤖 **AI-First Design** - Optimized for AI/LLM code generation (see AI_GUIDE.md)
 - ✅ **70+ Components** - Fully typed with IntelliSense support
 - 📐 **25+ Sections** - Pre-built page sections (Hero, Features, Pricing, etc.)
-- 📄 **8 Templates** - Complete page templates (Dashboard, Login, Profile, Settings, Chat, etc.)
+- 📄 **7 Templates** - Complete page templates (Dashboard, Login, Profile, Settings, Chat, etc.)
 - 🎨 **Theme Switching** - Light/Dark modes with CSS variables
 - 🏢 **Multi-Brand** - orion, red, deepblue, orange, lemon brands
 - 🎯 **Lucide Icons** - 5000+ icons built-in
@@ -279,7 +279,6 @@ console.warn('Missing fonts:', missing);
 
 ### AI & Collaboration
 
-- **Chat** - Conversational UI component
 - **AgentCard** - Agent profile card
 - **CommandBar** - Command palette
 - **NotificationCenter** - Notification management
@@ -331,7 +330,6 @@ Complete full-page templates ready to use:
 | `LoginTemplate`       | Authentication and login flows                    |
 | `ProfilePageTemplate` | User profile pages                                |
 | `SettingsTemplate`    | Settings and preferences pages                    |
-| `ChatPageTemplate`    | AI chat interface and conversations               |
 | `AgentWorkspace`      | AI agent builder and management                   |
 | `AgentEditor`         | AI agent configuration editor                     |
 | `KanbanPageTemplate`  | Kanban board for task management                  |
@@ -409,7 +407,6 @@ These components require optional peer dependencies. Install only what you need:
 | `@orion-ds/react/calendar` | `Calendar`, `DatePicker`                        | `date-fns`                                                 | `npm install date-fns`                                           |
 | `@orion-ds/react/editor`   | `CodeEditor`                                    | `react-syntax-highlighter`                                 | `npm install react-syntax-highlighter`                           |
 | `@orion-ds/react/dnd`      | `CollapsibleFolder`, `KanbanBoard`              | `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities` | `npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities` |
-| `@orion-ds/react/rich`     | `Chat`, `RichText`                              | `react-markdown`, `remark-gfm`, `react-syntax-highlighter` | `npm install react-markdown remark-gfm react-syntax-highlighter` |
 
 ```typescript
 // Only import if you've installed the peer dependency
@@ -417,7 +414,6 @@ import { ChartContainer } from "@orion-ds/react/chart"; // requires recharts
 import { Calendar } from "@orion-ds/react/calendar"; // requires date-fns
 import { CodeEditor } from "@orion-ds/react/editor"; // requires react-syntax-highlighter
 import { CollapsibleFolder } from "@orion-ds/react/dnd"; // requires @dnd-kit/*
-import { Chat } from "@orion-ds/react/rich"; // requires react-markdown
 ```
 
 ### Sections & Templates

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),k=require("lucide-react"),V=require("../MissingDependencyError.cjs"),r=require("./Calendar.module.css.cjs"),N=require("../Button/Button.cjs");let g,w,I,q,A,B,T,a,b,x,S,C,y,W=null;try{const e=require("date-fns");g=e.startOfMonth,w=e.endOfMonth,I=e.startOfWeek,q=e.endOfWeek,A=e.eachDayOfInterval,B=e.addMonths,T=e.subMonths,a=e.isSameDay,b=e.isSameMonth,x=e.isToday,S=e.isBefore,C=e.isAfter,y=e.format}catch(e){W=e instanceof Error?e:new Error("date-fns not found")}const X=["Su","Mo","Tu","We","Th","Fr","Sa"];function Z(e,s){const d=e.length,u=(s%d+d)%d;return[...e.slice(u),...e.slice(0,u)]}const L=e=>{if(W)return o.jsx(V.MissingDependencyError,{available:!1,componentName:"Calendar",depName:"date-fns",installCommand:"npm install date-fns",pnpmCommand:"pnpm add date-fns",docsUrl:"https://docs.orion-ds.dev/components/calendar"});const{mode:s="single",min:d,max:u,disabled:m,weekStartsOn:h=0,showOutsideDays:R=!0,className:_,...z}=e,{selected:ee,onSelect:te,...P}=z,[f,O]=c.useState(()=>s==="single"&&e.mode!=="range"&&e.mode!=="multiple"&&e.selected?g(e.selected):s==="range"&&e.mode==="range"&&e.selected?.from?g(e.selected.from):g(new Date)),F=c.useMemo(()=>{const t=g(f),n=w(f),l=I(t,{weekStartsOn:h}),i=q(n,{weekStartsOn:h});return A({start:l,end:i})},[f,h]),H=c.useMemo(()=>Z(X,h),[h]),M=c.useCallback(t=>d&&S(t,$(d))||u&&C(t,p(u))?!0:m?Array.isArray(m)?m.some(n=>a(n,t)):m(t):!1,[d,u,m]),v=c.useCallback(t=>s==="single"&&e.mode!=="range"&&e.mode!=="multiple"?e.selected?a(e.selected,t):!1:s==="multiple"&&e.mode==="multiple"?e.selected?.some(n=>a(n,t))??!1:!1,[s,e]),j=c.useCallback(t=>{if(s!=="range"||e.mode!=="range"||!e.selected)return null;const{from:n,to:l}=e.selected;return n?l?a(t,n)&&a(t,l)||a(t,n)?"start":a(t,l)?"end":C(t,n)&&S(t,l)?"middle":null:a(t,n)?"start":null:null},[s,e]),K=c.useCallback(t=>{if(!M(t)){if(s==="single"&&e.mode!=="range"&&e.mode!=="multiple"){const n=e.onSelect;n?.(t)}else if(s==="range"&&e.mode==="range"){const n=e.onSelect,l=e.selected;!l?.from||l.from&&l.to?n?.({from:t,to:void 0}):S(t,l.from)?n?.({from:t,to:l.from}):n?.({from:l.from,to:t})}else if(s==="multiple"&&e.mode==="multiple"){const n=e.onSelect,l=e.selected??[],i=l.findIndex(E=>a(E,t));i>=0?n?.(l.filter((E,Q)=>Q!==i)):n?.([...l,t])}}},[s,e,M]),U=()=>O(t=>T(t,1)),Y=()=>O(t=>B(t,1)),G=t=>{const n=[r.default.day];if(!b(t,f)&&n.push(r.default.outside),x(t)&&n.push(r.default.today),M(t)&&n.push(r.default.disabled),s==="range"){const i=j(t);i==="start"&&(n.push(r.default.rangeStart),e.mode==="range"&&e.selected?.from&&e.selected?.to&&a(e.selected.from,e.selected.to)&&n.push(r.default.rangeEnd)),i==="middle"&&n.push(r.default.rangeMiddle),i==="end"&&n.push(r.default.rangeEnd)}else v(t)&&n.push(r.default.selected);return n.join(" ")},J=[r.default.calendar,_].filter(Boolean).join(" "),D=c.useId();return o.jsxs("div",{className:J,...P,children:[o.jsxs("div",{className:r.default.header,children:[o.jsx(N.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:o.jsx(k.ChevronLeft,{size:16}),onClick:U,"aria-label":"Previous month"}),o.jsx("span",{id:D,className:r.default.monthLabel,children:y(f,"MMMM yyyy")}),o.jsx(N.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:o.jsx(k.ChevronRight,{size:16}),onClick:Y,"aria-label":"Next month"})]}),o.jsxs("div",{className:r.default.grid,role:"grid","aria-labelledby":D,children:[H.map(t=>o.jsx("div",{className:r.default.weekday,role:"columnheader","aria-label":t,children:t},t)),F.map(t=>!b(t,f)&&!R?o.jsx("div",{},t.toISOString()):o.jsx("button",{type:"button",className:G(t),onClick:()=>K(t),disabled:M(t),tabIndex:x(t)?0:-1,"aria-label":y(t,"EEEE, MMMM d, yyyy"),"aria-selected":v(t)||j(t)!==null,children:y(t,"d")},t.toISOString()))]})]})};L.displayName="Calendar";function $(e){const s=new Date(e);return s.setHours(0,0,0,0),s}function p(e){const s=new Date(e);return s.setHours(23,59,59,999),s}exports.Calendar=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),I=require("lucide-react"),$=require("../MissingDependencyError.cjs"),p=require("../../utils/optionalDeps.cjs"),l=require("./Calendar.module.css.cjs"),q=require("../Button/Button.cjs");let g,w,A,B,T,L,W,a,x,C,S,k,y;try{const e=require("date-fns");g=e.startOfMonth,w=e.endOfMonth,A=e.startOfWeek,B=e.endOfWeek,T=e.eachDayOfInterval,L=e.addMonths,W=e.subMonths,a=e.isSameDay,x=e.isSameMonth,C=e.isToday,S=e.isBefore,k=e.isAfter,y=e.format}catch{}const ee=["Su","Mo","Tu","We","Th","Fr","Sa"];function te(e,s){const u=e.length,d=(s%u+u)%u;return[...e.slice(d),...e.slice(0,d)]}const P=e=>{const{mode:s="single",min:u,max:d,disabled:m,weekStartsOn:h=0,showOutsideDays:R=!0,className:_,...z}=e,{selected:re,onSelect:le,...F}=z,[D,b]=i.useState(),[H,K]=i.useState(!0),[f,O]=i.useState(()=>s==="single"&&e.mode!=="range"&&e.mode!=="multiple"&&e.selected?g(e.selected):s==="range"&&e.mode==="range"&&e.selected?.from?g(e.selected.from):g(new Date));i.useEffect(()=>{(async()=>{try{const n=p.checkComponent("Calendar");n instanceof Promise?b(await n):b(n)}catch{b(void 0)}finally{K(!1)}})()},[]);const Y=i.useMemo(()=>{const t=g(f),n=w(f),r=A(t,{weekStartsOn:h}),c=B(n,{weekStartsOn:h});return T({start:r,end:c})},[f,h]),G=i.useMemo(()=>te(ee,h),[h]),M=i.useCallback(t=>u&&S(t,ne(u))||d&&k(t,se(d))?!0:m?Array.isArray(m)?m.some(n=>a(n,t)):m(t):!1,[u,d,m]),j=i.useCallback(t=>s==="single"&&e.mode!=="range"&&e.mode!=="multiple"?e.selected?a(e.selected,t):!1:s==="multiple"&&e.mode==="multiple"?e.selected?.some(n=>a(n,t))??!1:!1,[s,e]),v=i.useCallback(t=>{if(s!=="range"||e.mode!=="range"||!e.selected)return null;const{from:n,to:r}=e.selected;return n?r?a(t,n)&&a(t,r)||a(t,n)?"start":a(t,r)?"end":k(t,n)&&S(t,r)?"middle":null:a(t,n)?"start":null:null},[s,e]),J=i.useCallback(t=>{if(!M(t)){if(s==="single"&&e.mode!=="range"&&e.mode!=="multiple"){const n=e.onSelect;n?.(t)}else if(s==="range"&&e.mode==="range"){const n=e.onSelect,r=e.selected;!r?.from||r.from&&r.to?n?.({from:t,to:void 0}):S(t,r.from)?n?.({from:t,to:r.from}):n?.({from:r.from,to:t})}else if(s==="multiple"&&e.mode==="multiple"){const n=e.onSelect,r=e.selected??[],c=r.findIndex(N=>a(N,t));c>=0?n?.(r.filter((N,Z)=>Z!==c)):n?.([...r,t])}}},[s,e,M]),Q=()=>O(t=>W(t,1)),U=()=>O(t=>L(t,1)),V=t=>{const n=[l.default.day];if(!x(t,f)&&n.push(l.default.outside),C(t)&&n.push(l.default.today),M(t)&&n.push(l.default.disabled),s==="range"){const c=v(t);c==="start"&&(n.push(l.default.rangeStart),e.mode==="range"&&e.selected?.from&&e.selected?.to&&a(e.selected.from,e.selected.to)&&n.push(l.default.rangeEnd)),c==="middle"&&n.push(l.default.rangeMiddle),c==="end"&&n.push(l.default.rangeEnd)}else j(t)&&n.push(l.default.selected);return n.join(" ")},E=i.useId();if(D)return o.jsx($.MissingDependencyError,{...D});if(H)return o.jsx("div",{children:"Loading calendar..."});const X=[l.default.calendar,_].filter(Boolean).join(" ");return o.jsxs("div",{className:X,...F,children:[o.jsxs("div",{className:l.default.header,children:[o.jsx(q.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:o.jsx(I.ChevronLeft,{size:16}),onClick:Q,"aria-label":"Previous month"}),o.jsx("span",{id:E,className:l.default.monthLabel,children:y(f,"MMMM yyyy")}),o.jsx(q.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:o.jsx(I.ChevronRight,{size:16}),onClick:U,"aria-label":"Next month"})]}),o.jsxs("div",{className:l.default.grid,role:"grid","aria-labelledby":E,children:[G.map(t=>o.jsx("div",{className:l.default.weekday,role:"columnheader","aria-label":t,children:t},t)),Y.map(t=>!x(t,f)&&!R?o.jsx("div",{},t.toISOString()):o.jsx("button",{type:"button",className:V(t),onClick:()=>J(t),disabled:M(t),tabIndex:C(t)?0:-1,"aria-label":y(t,"EEEE, MMMM d, yyyy"),"aria-selected":j(t)||v(t)!==null,children:y(t,"d")},t.toISOString()))]})]})};P.displayName="Calendar";function ne(e){const s=new Date(e);return s.setHours(0,0,0,0),s}function se(e){const s=new Date(e);return s.setHours(23,59,59,999),s}exports.Calendar=P;

package/dist/components/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,kBAAkB,CAAC;AA+CjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0Q5C,CAAC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAA2D,MAAM,OAAO,CAAC;AAQhF,OAAO,KAAK,EAAE,aAAa,EAAa,MAAM,kBAAkB,CAAC;AA8CjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgS5C,CAAC"}

package/dist/components/Calendar/Calendar.mjs

@@ -1,68 +1,69 @@
-import { jsxs as O, jsx as i } from "react/jsx-runtime";
-import { useState as V, useMemo as w, useCallback as M, useId as X } from "react";
-import { ChevronLeft as Z, ChevronRight as $ } from "lucide-react";
-import { MissingDependencyError as p } from "../MissingDependencyError.mjs";
+import { jsx as l, jsxs as D } from "react/jsx-runtime";
+import { useState as b, useEffect as p, useMemo as L, useCallback as M, useId as ee } from "react";
+import { ChevronLeft as te, ChevronRight as ne } from "lucide-react";
+import { MissingDependencyError as re } from "../MissingDependencyError.mjs";
+import { checkComponent as se } from "../../utils/optionalDeps.mjs";
 import o from "./Calendar.module.css.mjs";
-import { Button as I } from "../Button/Button.mjs";
-let h, A, T, W, B, L, j, l, b, v, S, D, y, z = null;
+import { Button as T } from "../Button/Button.mjs";
+let h, W, B, j, z, P, _, i, k, v, y, C, S;
 try {
   const e = require("date-fns");
-  h = e.startOfMonth, A = e.endOfMonth, T = e.startOfWeek, W = e.endOfWeek, B = e.eachDayOfInterval, L = e.addMonths, j = e.subMonths, l = e.isSameDay, b = e.isSameMonth, v = e.isToday, S = e.isBefore, D = e.isAfter, y = e.format;
-} catch (e) {
-  z = e instanceof Error ? e : new Error("date-fns not found");
+  h = e.startOfMonth, W = e.endOfMonth, B = e.startOfWeek, j = e.endOfWeek, z = e.eachDayOfInterval, P = e.addMonths, _ = e.subMonths, i = e.isSameDay, k = e.isSameMonth, v = e.isToday, y = e.isBefore, C = e.isAfter, S = e.format;
+} catch {
 }
-const ee = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function te(e, r) {
-  const c = e.length, d = (r % c + c) % c;
-  return [...e.slice(d), ...e.slice(0, d)];
+const oe = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function ie(e, r) {
+  const a = e.length, f = (r % a + a) % a;
+  return [...e.slice(f), ...e.slice(0, f)];
 }
-const ne = (e) => {
-  if (z)
-    return /* @__PURE__ */ i(
-      p,
-      {
-        available: !1,
-        componentName: "Calendar",
-        depName: "date-fns",
-        installCommand: "npm install date-fns",
-        pnpmCommand: "pnpm add date-fns",
-        docsUrl: "https://docs.orion-ds.dev/components/calendar"
-      }
-    );
+const le = (e) => {
   const {
     mode: r = "single",
-    min: c,
-    max: d,
-    disabled: m,
-    weekStartsOn: u = 0,
-    showOutsideDays: _ = !0,
-    className: F,
-    ...P
+    min: a,
+    max: f,
+    disabled: u,
+    weekStartsOn: m = 0,
+    showOutsideDays: F = !0,
+    className: H,
+    ...R
   } = e, {
-    selected: oe,
-    onSelect: le,
-    ...H
-  } = P, [f, E] = V(() => r === "single" && e.mode !== "range" && e.mode !== "multiple" && e.selected ? h(e.selected) : r === "range" && e.mode === "range" && e.selected?.from ? h(e.selected.from) : h(/* @__PURE__ */ new Date())), R = w(() => {
-    const t = h(f), n = A(f), s = T(t, { weekStartsOn: u }), a = W(n, { weekStartsOn: u });
-    return B({ start: s, end: a });
-  }, [f, u]), q = w(
-    () => te(ee, u),
-    [u]
+    selected: fe,
+    onSelect: de,
+    ...q
+  } = R, [E, O] = b(), [K, Y] = b(!0), [d, N] = b(() => r === "single" && e.mode !== "range" && e.mode !== "multiple" && e.selected ? h(e.selected) : r === "range" && e.mode === "range" && e.selected?.from ? h(e.selected.from) : h(/* @__PURE__ */ new Date()));
+  p(() => {
+    (async () => {
+      try {
+        const n = se("Calendar");
+        n instanceof Promise ? O(await n) : O(n);
+      } catch {
+        O(void 0);
+      } finally {
+        Y(!1);
+      }
+    })();
+  }, []);
+  const G = L(() => {
+    const t = h(d), n = W(d), s = B(t, { weekStartsOn: m }), c = j(n, { weekStartsOn: m });
+    return z({ start: s, end: c });
+  }, [d, m]), J = L(
+    () => ie(oe, m),
+    [m]
   ), g = M(
-    (t) => c && S(t, re(c)) || d && D(t, se(d)) ? !0 : m ? Array.isArray(m) ? m.some((n) => l(n, t)) : m(t) : !1,
-    [c, d, m]
-  ), C = M(
-    (t) => r === "single" && e.mode !== "range" && e.mode !== "multiple" ? e.selected ? l(e.selected, t) : !1 : r === "multiple" && e.mode === "multiple" ? e.selected?.some((n) => l(n, t)) ?? !1 : !1,
+    (t) => a && y(t, ce(a)) || f && C(t, ae(f)) ? !0 : u ? Array.isArray(u) ? u.some((n) => i(n, t)) : u(t) : !1,
+    [a, f, u]
+  ), x = M(
+    (t) => r === "single" && e.mode !== "range" && e.mode !== "multiple" ? e.selected ? i(e.selected, t) : !1 : r === "multiple" && e.mode === "multiple" ? e.selected?.some((n) => i(n, t)) ?? !1 : !1,
     [r, e]
-  ), N = M(
+  ), I = M(
     (t) => {
       if (r !== "range" || e.mode !== "range" || !e.selected)
         return null;
       const { from: n, to: s } = e.selected;
-      return n ? s ? l(t, n) && l(t, s) || l(t, n) ? "start" : l(t, s) ? "end" : D(t, n) && S(t, s) ? "middle" : null : l(t, n) ? "start" : null : null;
+      return n ? s ? i(t, n) && i(t, s) || i(t, n) ? "start" : i(t, s) ? "end" : C(t, n) && y(t, s) ? "middle" : null : i(t, n) ? "start" : null : null;
     },
     [r, e]
-  ), K = M(
+  ), Q = M(
     (t) => {
       if (!g(t)) {
         if (r === "single" && e.mode !== "range" && e.mode !== "multiple") {
@@ -70,50 +71,55 @@ const ne = (e) => {
           n?.(t);
         } else if (r === "range" && e.mode === "range") {
           const n = e.onSelect, s = e.selected;
-          !s?.from || s.from && s.to ? n?.({ from: t, to: void 0 }) : S(t, s.from) ? n?.({ from: t, to: s.from }) : n?.({ from: s.from, to: t });
+          !s?.from || s.from && s.to ? n?.({ from: t, to: void 0 }) : y(t, s.from) ? n?.({ from: t, to: s.from }) : n?.({ from: s.from, to: t });
         } else if (r === "multiple" && e.mode === "multiple") {
-          const n = e.onSelect, s = e.selected ?? [], a = s.findIndex((x) => l(x, t));
-          a >= 0 ? n?.(s.filter((x, Q) => Q !== a)) : n?.([...s, t]);
+          const n = e.onSelect, s = e.selected ?? [], c = s.findIndex((A) => i(A, t));
+          c >= 0 ? n?.(s.filter((A, $) => $ !== c)) : n?.([...s, t]);
         }
       }
     },
     [r, e, g]
-  ), U = () => E((t) => j(t, 1)), Y = () => E((t) => L(t, 1)), G = (t) => {
+  ), U = () => N((t) => _(t, 1)), V = () => N((t) => P(t, 1)), X = (t) => {
     const n = [o.day];
-    if (!b(t, f) && n.push(o.outside), v(t) && n.push(o.today), g(t) && n.push(o.disabled), r === "range") {
-      const a = N(t);
-      a === "start" && (n.push(o.rangeStart), e.mode === "range" && e.selected?.from && e.selected?.to && l(e.selected.from, e.selected.to) && n.push(o.rangeEnd)), a === "middle" && n.push(o.rangeMiddle), a === "end" && n.push(o.rangeEnd);
-    } else C(t) && n.push(o.selected);
+    if (!k(t, d) && n.push(o.outside), v(t) && n.push(o.today), g(t) && n.push(o.disabled), r === "range") {
+      const c = I(t);
+      c === "start" && (n.push(o.rangeStart), e.mode === "range" && e.selected?.from && e.selected?.to && i(e.selected.from, e.selected.to) && n.push(o.rangeEnd)), c === "middle" && n.push(o.rangeMiddle), c === "end" && n.push(o.rangeEnd);
+    } else x(t) && n.push(o.selected);
     return n.join(" ");
-  }, J = [o.calendar, F].filter(Boolean).join(" "), k = X();
-  return /* @__PURE__ */ O("div", { className: J, ...H, children: [
-    /* @__PURE__ */ O("div", { className: o.header, children: [
-      /* @__PURE__ */ i(
-        I,
+  }, w = ee();
+  if (E)
+    return /* @__PURE__ */ l(re, { ...E });
+  if (K)
+    return /* @__PURE__ */ l("div", { children: "Loading calendar..." });
+  const Z = [o.calendar, H].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D("div", { className: Z, ...q, children: [
+    /* @__PURE__ */ D("div", { className: o.header, children: [
+      /* @__PURE__ */ l(
+        T,
         {
           variant: "ghost",
           iconOnly: !0,
           size: "sm",
-          icon: /* @__PURE__ */ i(Z, { size: 16 }),
+          icon: /* @__PURE__ */ l(te, { size: 16 }),
           onClick: U,
           "aria-label": "Previous month"
         }
       ),
-      /* @__PURE__ */ i("span", { id: k, className: o.monthLabel, children: y(f, "MMMM yyyy") }),
-      /* @__PURE__ */ i(
-        I,
+      /* @__PURE__ */ l("span", { id: w, className: o.monthLabel, children: S(d, "MMMM yyyy") }),
+      /* @__PURE__ */ l(
+        T,
         {
           variant: "ghost",
           iconOnly: !0,
           size: "sm",
-          icon: /* @__PURE__ */ i($, { size: 16 }),
-          onClick: Y,
+          icon: /* @__PURE__ */ l(ne, { size: 16 }),
+          onClick: V,
           "aria-label": "Next month"
         }
       )
     ] }),
-    /* @__PURE__ */ O("div", { className: o.grid, role: "grid", "aria-labelledby": k, children: [
-      q.map((t) => /* @__PURE__ */ i(
+    /* @__PURE__ */ D("div", { className: o.grid, role: "grid", "aria-labelledby": w, children: [
+      J.map((t) => /* @__PURE__ */ l(
         "div",
         {
           className: o.weekday,
@@ -123,32 +129,32 @@ const ne = (e) => {
         },
         t
       )),
-      R.map((t) => !b(t, f) && !_ ? /* @__PURE__ */ i("div", {}, t.toISOString()) : /* @__PURE__ */ i(
+      G.map((t) => !k(t, d) && !F ? /* @__PURE__ */ l("div", {}, t.toISOString()) : /* @__PURE__ */ l(
         "button",
         {
           type: "button",
-          className: G(t),
-          onClick: () => K(t),
+          className: X(t),
+          onClick: () => Q(t),
           disabled: g(t),
           tabIndex: v(t) ? 0 : -1,
-          "aria-label": y(t, "EEEE, MMMM d, yyyy"),
-          "aria-selected": C(t) || N(t) !== null,
-          children: y(t, "d")
+          "aria-label": S(t, "EEEE, MMMM d, yyyy"),
+          "aria-selected": x(t) || I(t) !== null,
+          children: S(t, "d")
         },
         t.toISOString()
       ))
     ] })
   ] });
 };
-ne.displayName = "Calendar";
-function re(e) {
+le.displayName = "Calendar";
+function ce(e) {
   const r = new Date(e);
   return r.setHours(0, 0, 0, 0), r;
 }
-function se(e) {
+function ae(e) {
   const r = new Date(e);
   return r.setHours(23, 59, 59, 999), r;
 }
 export {
-  ne as Calendar
+  le as Calendar
 };

package/dist/components/Chart/Chart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),S=require("./useResolvedChartColors.cjs"),h=require("../MissingDependencyError.cjs"),n=require("./Chart.module.css.cjs");let j,N,y,p=null;try{const t=require("recharts");j=t.ResponsiveContainer,N=t.Tooltip,y=t.Legend}catch(t){p=t instanceof Error?t:new Error("recharts not found")}const f=u.createContext({}),b=({config:t,children:o,className:s,style:a,...r})=>{if(p)return e.jsx(h.MissingDependencyError,{available:!1,componentName:"Chart",depName:"recharts",installCommand:"npm install recharts",pnpmCommand:"pnpm add recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"});const{resolvedConfig:l,resolvedColorVars:i}=S.useResolvedChartColors(t),d=[n.default.container,s].filter(Boolean).join(" ");return e.jsx(f.Provider,{value:l,children:e.jsx("div",{role:"figure",className:d,style:{...i,...a},...r,children:e.jsx(j,{width:"100%",height:"100%",children:o})})})};b.displayName="ChartContainer";const L=({active:t,payload:o,label:s,indicator:a="dot",hideLabel:r=!1,hideIndicator:l=!1,labelFormatter:i,formatter:d,className:C})=>{if(p)return e.jsx(h.MissingDependencyError,{available:!1,componentName:"Chart",depName:"recharts",installCommand:"npm install recharts",pnpmCommand:"pnpm add recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"});const T=u.useContext(f);if(!t||!o?.length)return null;const R=[n.default.tooltip,C].filter(Boolean).join(" "),g=i?i(String(s)):s,q={dot:n.default.tooltipDot,line:n.default.tooltipLine,dashed:n.default.tooltipDashed}[a];return e.jsxs("div",{className:R,children:[!r&&g&&e.jsx("div",{className:n.default.tooltipLabel,children:g}),e.jsx("div",{className:n.default.tooltipItems,children:o.map(c=>{const m=String(c.dataKey||c.name),x=T[m],M=x?.label||m,I=d?d(c.value,m):String(c.value),v=c.color||x?.color;return e.jsxs("div",{className:n.default.tooltipItem,children:[!l&&e.jsx("span",{className:q,style:{backgroundColor:v,borderColor:v}}),e.jsx("span",{className:n.default.tooltipName,children:M}),e.jsx("span",{className:n.default.tooltipValue,children:I})]},m)})})]})};L.displayName="ChartTooltipContent";const D=({payload:t,className:o})=>{if(p)return e.jsx(h.MissingDependencyError,{available:!1,componentName:"Chart",depName:"recharts",installCommand:"npm install recharts",pnpmCommand:"pnpm add recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"});const s=u.useContext(f);if(!t?.length)return null;const a=[n.default.legend,o].filter(Boolean).join(" ");return e.jsx("div",{className:a,children:t.map(r=>{const l=r.dataKey||r.value,i=s[l],d=i?.label||l,C=r.color||i?.color;return e.jsxs("div",{className:n.default.legendItem,children:[e.jsx("span",{className:n.default.legendDot,style:{backgroundColor:C}}),e.jsx("span",{children:d})]},l)})})};D.displayName="ChartLegendContent";const E=({id:t,color:o,startOpacity:s=.4,endOpacity:a=.05})=>p?e.jsx(h.MissingDependencyError,{available:!1,componentName:"Chart",depName:"recharts",installCommand:"npm install recharts",pnpmCommand:"pnpm add recharts",docsUrl:"https://docs.orion-ds.dev/components/chart"}):e.jsxs("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:o,stopOpacity:s}),e.jsx("stop",{offset:"95%",stopColor:o,stopOpacity:a})]});E.displayName="ChartGradient";const G=N||null,K=y||null;exports.ChartContainer=b;exports.ChartGradient=E;exports.ChartLegend=K;exports.ChartLegendContent=D;exports.ChartTooltip=G;exports.ChartTooltipContent=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),G=require("../../utils/optionalDeps.cjs"),K=require("./useResolvedChartColors.cjs"),f=require("../MissingDependencyError.cjs"),s=require("./Chart.module.css.cjs");let N,D,L;try{const t=require("recharts");N=t.ResponsiveContainer,D=t.Tooltip,L=t.Legend}catch{}const m=p.createContext({}),g=()=>{const[t,n]=p.useState(),[r,a]=p.useState(!0);return p.useEffect(()=>{(async()=>{try{const o=G.checkComponent("Chart");o instanceof Promise?n(await o):n(o)}catch{n(void 0)}finally{a(!1)}})()},[]),{depError:t,isChecking:r}},E=({config:t,children:n,className:r,style:a,...l})=>{const{depError:o,isChecking:i}=g(),{resolvedConfig:c,resolvedColorVars:d}=K.useResolvedChartColors(t);if(o)return e.jsx(f.MissingDependencyError,{...o});if(i)return e.jsx("div",{children:"Loading chart..."});const u=[s.default.container,r].filter(Boolean).join(" ");return e.jsx(m.Provider,{value:c,children:e.jsx("div",{role:"figure",className:u,style:{...d,...a},...l,children:e.jsx(N,{width:"100%",height:"100%",children:n})})})};E.displayName="ChartContainer";const k=({active:t,payload:n,label:r,indicator:a="dot",hideLabel:l=!1,hideIndicator:o=!1,labelFormatter:i,formatter:c,className:d})=>{const{depError:u,isChecking:x}=g(),q=p.useContext(m);if(u)return e.jsx(f.MissingDependencyError,{...u});if(x||!t||!n?.length)return null;const S=[s.default.tooltip,d].filter(Boolean).join(" "),j=i?i(String(r)):r,I={dot:s.default.tooltipDot,line:s.default.tooltipLine,dashed:s.default.tooltipDashed}[a];return e.jsxs("div",{className:S,children:[!l&&j&&e.jsx("div",{className:s.default.tooltipLabel,children:j}),e.jsx("div",{className:s.default.tooltipItems,children:n.map(C=>{const h=String(C.dataKey||C.name),v=q[h],M=v?.label||h,R=c?c(C.value,h):String(C.value),y=C.color||v?.color;return e.jsxs("div",{className:s.default.tooltipItem,children:[!o&&e.jsx("span",{className:I,style:{backgroundColor:y,borderColor:y}}),e.jsx("span",{className:s.default.tooltipName,children:M}),e.jsx("span",{className:s.default.tooltipValue,children:R})]},h)})})]})};k.displayName="ChartTooltipContent";const b=({payload:t,className:n})=>{const{depError:r,isChecking:a}=g(),l=p.useContext(m);if(r)return e.jsx(f.MissingDependencyError,{...r});if(a||!t?.length)return null;const o=[s.default.legend,n].filter(Boolean).join(" ");return e.jsx("div",{className:o,children:t.map(i=>{const c=i.dataKey||i.value,d=l[c],u=d?.label||c,x=i.color||d?.color;return e.jsxs("div",{className:s.default.legendItem,children:[e.jsx("span",{className:s.default.legendDot,style:{backgroundColor:x}}),e.jsx("span",{children:u})]},c)})})};b.displayName="ChartLegendContent";const T=({id:t,color:n,startOpacity:r=.4,endOpacity:a=.05})=>{const{depError:l,isChecking:o}=g();return l?e.jsx(f.MissingDependencyError,{...l}):o?null:e.jsxs("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:n,stopOpacity:r}),e.jsx("stop",{offset:"95%",stopColor:n,stopOpacity:a})]})};T.displayName="ChartGradient";const B=D||null,O=L||null;exports.ChartContainer=E;exports.ChartGradient=T;exports.ChartLegend=O;exports.ChartLegendContent=b;exports.ChartTooltip=B;exports.ChartTooltipContent=k;

package/dist/components/Chart/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAiBzD,OAAO,KAAK,EAEV,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,eAAe,CAAC;AAQvB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0CxD,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsElE,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4ChE,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0BtD,CAAC;AAMF,eAAO,MAAM,YAAY,KAAkB,CAAC;AAC5C,eAAO,MAAM,WAAW,KAAiB,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAoB9E,OAAO,KAAK,EAEV,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,eAAe,CAAC;AAoCvB;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsCxD,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmElE,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyChE,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBtD,CAAC;AAMF,eAAO,MAAM,YAAY,KAAkB,CAAC;AAC5C,eAAO,MAAM,WAAW,KAAiB,CAAC"}

package/dist/components/Chart/Chart.mjs

@@ -1,156 +1,136 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { useContext as y, createContext as K } from "react";
-import { useResolvedChartColors as R } from "./useResolvedChartColors.mjs";
-import { MissingDependencyError as C } from "../MissingDependencyError.mjs";
-import o from "./Chart.module.css.mjs";
-let b, L, x, p = null;
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { useContext as x, useState as L, useEffect as B, createContext as G } from "react";
+import { checkComponent as R } from "../../utils/optionalDeps.mjs";
+import { useResolvedChartColors as V } from "./useResolvedChartColors.mjs";
+import { MissingDependencyError as f } from "../MissingDependencyError.mjs";
+import r from "./Chart.module.css.mjs";
+let D, E, b;
 try {
   const t = require("recharts");
-  b = t.ResponsiveContainer, L = t.Tooltip, x = t.Legend;
-} catch (t) {
-  p = t instanceof Error ? t : new Error("recharts not found");
+  D = t.ResponsiveContainer, E = t.Tooltip, b = t.Legend;
+} catch {
 }
-const u = K({}), U = ({
+const v = G({}), m = () => {
+  const [t, o] = L(), [s, i] = L(!0);
+  return B(() => {
+    (async () => {
+      try {
+        const n = R("Chart");
+        n instanceof Promise ? o(await n) : o(n);
+      } catch {
+        o(void 0);
+      } finally {
+        i(!1);
+      }
+    })();
+  }, []), { depError: t, isChecking: s };
+}, w = ({
   config: t,
-  children: n,
-  className: a,
-  style: r,
-  ...s
+  children: o,
+  className: s,
+  style: i,
+  ...l
 }) => {
-  if (p)
-    return /* @__PURE__ */ e(
-      C,
-      {
-        available: !1,
-        componentName: "Chart",
-        depName: "recharts",
-        installCommand: "npm install recharts",
-        pnpmCommand: "pnpm add recharts",
-        docsUrl: "https://docs.orion-ds.dev/components/chart"
-      }
-    );
-  const { resolvedConfig: l, resolvedColorVars: i } = R(t), c = [o.container, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e(u.Provider, { value: l, children: /* @__PURE__ */ e(
+  const { depError: n, isChecking: a } = m(), { resolvedConfig: c, resolvedColorVars: d } = V(t);
+  if (n)
+    return /* @__PURE__ */ e(f, { ...n });
+  if (a)
+    return /* @__PURE__ */ e("div", { children: "Loading chart..." });
+  const p = [r.container, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(v.Provider, { value: c, children: /* @__PURE__ */ e(
     "div",
     {
       role: "figure",
-      className: c,
-      style: { ...i, ...r },
-      ...s,
-      children: /* @__PURE__ */ e(b, { width: "100%", height: "100%", children: n })
+      className: p,
+      style: { ...d, ...i },
+      ...l,
+      children: /* @__PURE__ */ e(D, { width: "100%", height: "100%", children: o })
     }
   ) });
 };
-U.displayName = "ChartContainer";
-const B = ({
+w.displayName = "ChartContainer";
+const O = ({
   active: t,
-  payload: n,
-  label: a,
-  indicator: r = "dot",
-  hideLabel: s = !1,
-  hideIndicator: l = !1,
-  labelFormatter: i,
+  payload: o,
+  label: s,
+  indicator: i = "dot",
+  hideLabel: l = !1,
+  hideIndicator: n = !1,
+  labelFormatter: a,
   formatter: c,
-  className: f
+  className: d
 }) => {
+  const { depError: p, isChecking: g } = m(), I = x(v);
   if (p)
-    return /* @__PURE__ */ e(
-      C,
-      {
-        available: !1,
-        componentName: "Chart",
-        depName: "recharts",
-        installCommand: "npm install recharts",
-        pnpmCommand: "pnpm add recharts",
-        docsUrl: "https://docs.orion-ds.dev/components/chart"
-      }
-    );
-  const j = y(u);
-  if (!t || !n?.length) return null;
-  const I = [o.tooltip, f].filter(Boolean).join(" "), v = i ? i(String(a)) : a, T = {
-    dot: o.tooltipDot,
-    line: o.tooltipLine,
-    dashed: o.tooltipDashed
-  }[r];
-  return /* @__PURE__ */ h("div", { className: I, children: [
-    !s && v && /* @__PURE__ */ e("div", { className: o.tooltipLabel, children: v }),
-    /* @__PURE__ */ e("div", { className: o.tooltipItems, children: n.map((d) => {
-      const m = String(d.dataKey || d.name), g = j[m], D = g?.label || m, E = c ? c(d.value, m) : String(d.value), N = d.color || g?.color;
-      return /* @__PURE__ */ h("div", { className: o.tooltipItem, children: [
-        !l && /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(f, { ...p });
+  if (g || !t || !o?.length) return null;
+  const j = [r.tooltip, d].filter(Boolean).join(" "), y = a ? a(String(s)) : s, T = {
+    dot: r.tooltipDot,
+    line: r.tooltipLine,
+    dashed: r.tooltipDashed
+  }[i];
+  return /* @__PURE__ */ u("div", { className: j, children: [
+    !l && y && /* @__PURE__ */ e("div", { className: r.tooltipLabel, children: y }),
+    /* @__PURE__ */ e("div", { className: r.tooltipItems, children: o.map((h) => {
+      const C = String(h.dataKey || h.name), N = I[C], K = N?.label || C, S = c ? c(h.value, C) : String(h.value), k = h.color || N?.color;
+      return /* @__PURE__ */ u("div", { className: r.tooltipItem, children: [
+        !n && /* @__PURE__ */ e(
           "span",
           {
             className: T,
-            style: { backgroundColor: N, borderColor: N }
+            style: { backgroundColor: k, borderColor: k }
           }
         ),
-        /* @__PURE__ */ e("span", { className: o.tooltipName, children: D }),
-        /* @__PURE__ */ e("span", { className: o.tooltipValue, children: E })
-      ] }, m);
+        /* @__PURE__ */ e("span", { className: r.tooltipName, children: K }),
+        /* @__PURE__ */ e("span", { className: r.tooltipValue, children: S })
+      ] }, C);
     }) })
   ] });
 };
-B.displayName = "ChartTooltipContent";
-const G = ({
+O.displayName = "ChartTooltipContent";
+const P = ({
   payload: t,
-  className: n
+  className: o
 }) => {
-  if (p)
-    return /* @__PURE__ */ e(
-      C,
-      {
-        available: !1,
-        componentName: "Chart",
-        depName: "recharts",
-        installCommand: "npm install recharts",
-        pnpmCommand: "pnpm add recharts",
-        docsUrl: "https://docs.orion-ds.dev/components/chart"
-      }
-    );
-  const a = y(u);
-  if (!t?.length) return null;
-  const r = [o.legend, n].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: r, children: t.map((s) => {
-    const l = s.dataKey || s.value, i = a[l], c = i?.label || l, f = s.color || i?.color;
-    return /* @__PURE__ */ h("div", { className: o.legendItem, children: [
+  const { depError: s, isChecking: i } = m(), l = x(v);
+  if (s)
+    return /* @__PURE__ */ e(f, { ...s });
+  if (i || !t?.length) return null;
+  const n = [r.legend, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n, children: t.map((a) => {
+    const c = a.dataKey || a.value, d = l[c], p = d?.label || c, g = a.color || d?.color;
+    return /* @__PURE__ */ u("div", { className: r.legendItem, children: [
       /* @__PURE__ */ e(
         "span",
         {
-          className: o.legendDot,
-          style: { backgroundColor: f }
+          className: r.legendDot,
+          style: { backgroundColor: g }
         }
       ),
-      /* @__PURE__ */ e("span", { children: c })
-    ] }, l);
+      /* @__PURE__ */ e("span", { children: p })
+    ] }, c);
   }) });
 };
-G.displayName = "ChartLegendContent";
-const S = ({
+P.displayName = "ChartLegendContent";
+const q = ({
   id: t,
-  color: n,
-  startOpacity: a = 0.4,
-  endOpacity: r = 0.05
-}) => p ? /* @__PURE__ */ e(
-  C,
-  {
-    available: !1,
-    componentName: "Chart",
-    depName: "recharts",
-    installCommand: "npm install recharts",
-    pnpmCommand: "pnpm add recharts",
-    docsUrl: "https://docs.orion-ds.dev/components/chart"
-  }
-) : /* @__PURE__ */ h("linearGradient", { id: t, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-  /* @__PURE__ */ e("stop", { offset: "5%", stopColor: n, stopOpacity: a }),
-  /* @__PURE__ */ e("stop", { offset: "95%", stopColor: n, stopOpacity: r })
-] });
-S.displayName = "ChartGradient";
-const M = L || null, P = x || null;
+  color: o,
+  startOpacity: s = 0.4,
+  endOpacity: i = 0.05
+}) => {
+  const { depError: l, isChecking: n } = m();
+  return l ? /* @__PURE__ */ e(f, { ...l }) : n ? null : /* @__PURE__ */ u("linearGradient", { id: t, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    /* @__PURE__ */ e("stop", { offset: "5%", stopColor: o, stopOpacity: s }),
+    /* @__PURE__ */ e("stop", { offset: "95%", stopColor: o, stopOpacity: i })
+  ] });
+};
+q.displayName = "ChartGradient";
+const U = E || null, W = b || null;
 export {
-  U as ChartContainer,
-  S as ChartGradient,
-  P as ChartLegend,
-  G as ChartLegendContent,
-  M as ChartTooltip,
-  B as ChartTooltipContent
+  w as ChartContainer,
+  q as ChartGradient,
+  W as ChartLegend,
+  P as ChartLegendContent,
+  U as ChartTooltip,
+  O as ChartTooltipContent
 };