@orion-ds/react 5.3.2 → 5.4.0

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),q=require("lucide-react"),$=require("../MissingDependencyError.cjs"),p=require("../../utils/optionalDeps.cjs"),l=require("./Calendar.module.css.cjs"),I=require("../Button/Button.cjs");let g,w,A,B,T,L,W,a,x,C,S,k,y;if(typeof require<"u")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]=o.useState(),[H,K]=o.useState(!0),[f,O]=o.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));o.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=o.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=o.useMemo(()=>te(ee,h),[h]),M=o.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=o.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=o.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=o.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=o.useId();if(D)return i.jsx($.MissingDependencyError,{...D});if(H)return i.jsx("div",{children:"Loading calendar..."});const X=[l.default.calendar,_].filter(Boolean).join(" ");return i.jsxs("div",{className:X,...F,children:[i.jsxs("div",{className:l.default.header,children:[i.jsx(I.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(q.ChevronLeft,{size:16}),onClick:Q,"aria-label":"Previous month"}),i.jsx("span",{id:E,className:l.default.monthLabel,children:y(f,"MMMM yyyy")}),i.jsx(I.Button,{variant:"ghost",iconOnly:!0,size:"sm",icon:i.jsx(q.ChevronRight,{size:16}),onClick:U,"aria-label":"Next month"})]}),i.jsxs("div",{className:l.default.grid,role:"grid","aria-labelledby":E,children:[G.map(t=>i.jsx("div",{className:l.default.weekday,role:"columnheader","aria-label":t,children:t},t)),Y.map(t=>!x(t,f)&&!R?i.jsx("div",{},t.toISOString()):i.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,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"}
+{"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;AAgDjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgS5C,CAAC"}

package/dist/components/Calendar/Calendar.mjs

@@ -6,11 +6,12 @@ import { checkComponent as se } from "../../utils/optionalDeps.mjs";
 import o from "./Calendar.module.css.mjs";
 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, 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 {
-}
+if (typeof require < "u")
+  try {
+    const e = require("date-fns");
+    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 oe = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function ie(e, r) {
   const a = e.length, f = (r % a + a) % a;
@@ -23,14 +24,14 @@ const le = (e) => {
     max: f,
     disabled: u,
     weekStartsOn: m = 0,
-    showOutsideDays: F = !0,
-    className: H,
-    ...R
+    showOutsideDays: q = !0,
+    className: F,
+    ...H
   } = e, {
     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()));
+    ...R
+  } = H, [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 {
@@ -91,8 +92,8 @@ const le = (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: [
+  const Z = [o.calendar, F].filter(Boolean).join(" ");
+  return /* @__PURE__ */ D("div", { className: Z, ...R, children: [
     /* @__PURE__ */ D("div", { className: o.header, children: [
       /* @__PURE__ */ l(
         T,
@@ -129,7 +130,7 @@ const le = (e) => {
         },
         t
       )),
-      G.map((t) => !k(t, d) && !F ? /* @__PURE__ */ l("div", {}, t.toISOString()) : /* @__PURE__ */ l(
+      G.map((t) => !k(t, d) && !q ? /* @__PURE__ */ l("div", {}, t.toISOString()) : /* @__PURE__ */ l(
         "button",
         {
           type: "button",

package/dist/components/Chart/Chart.cjs

@@ -1 +1 @@
-"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;
+"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;if(typeof require<"u")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(),T=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),y=T[h],M=y?.label||h,R=c?c(C.value,h):String(C.value),v=C.color||y?.color;return e.jsxs("div",{className:s.default.tooltipItem,children:[!o&&e.jsx("span",{className:I,style:{backgroundColor:v,borderColor:v}}),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 q=({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})]})};q.displayName="ChartGradient";const B=D||null,O=L||null;exports.ChartContainer=E;exports.ChartGradient=q;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,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"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAyD,MAAM,OAAO,CAAC;AAsB9E,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

@@ -5,11 +5,12 @@ 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");
-  D = t.ResponsiveContainer, E = t.Tooltip, b = t.Legend;
-} catch {
-}
+if (typeof require < "u")
+  try {
+    const t = require("recharts");
+    D = t.ResponsiveContainer, E = t.Tooltip, b = t.Legend;
+  } catch {
+  }
 const v = G({}), m = () => {
   const [t, o] = L(), [s, i] = L(!0);
   return B(() => {
@@ -24,7 +25,7 @@ const v = G({}), m = () => {
       }
     })();
   }, []), { depError: t, isChecking: s };
-}, w = ({
+}, q = ({
   config: t,
   children: o,
   className: s,
@@ -48,8 +49,8 @@ const v = G({}), m = () => {
     }
   ) });
 };
-w.displayName = "ChartContainer";
-const O = ({
+q.displayName = "ChartContainer";
+const w = ({
   active: t,
   payload: o,
   label: s,
@@ -87,8 +88,8 @@ const O = ({
     }) })
   ] });
 };
-O.displayName = "ChartTooltipContent";
-const P = ({
+w.displayName = "ChartTooltipContent";
+const O = ({
   payload: t,
   className: o
 }) => {
@@ -111,8 +112,8 @@ const P = ({
     ] }, c);
   }) });
 };
-P.displayName = "ChartLegendContent";
-const q = ({
+O.displayName = "ChartLegendContent";
+const P = ({
   id: t,
   color: o,
   startOpacity: s = 0.4,
@@ -124,13 +125,13 @@ const q = ({
     /* @__PURE__ */ e("stop", { offset: "95%", stopColor: o, stopOpacity: i })
   ] });
 };
-q.displayName = "ChartGradient";
+P.displayName = "ChartGradient";
 const U = E || null, W = b || null;
 export {
-  w as ChartContainer,
-  q as ChartGradient,
+  q as ChartContainer,
+  P as ChartGradient,
   W as ChartLegend,
-  P as ChartLegendContent,
+  O as ChartLegendContent,
   U as ChartTooltip,
-  O as ChartTooltipContent
+  w as ChartTooltipContent
 };

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),J=require("../MissingDependencyError.cjs"),Q=require("../../utils/optionalDeps.cjs"),l=require("./CodeEditor.module.css.cjs"),X=require("../../contexts/ThemeContext.cjs");let A,B,K;try{A=require("react-syntax-highlighter").Prism;const d=require("react-syntax-highlighter/dist/esm/styles/prism");B=d.oneDark,K=d.oneLight}catch{}try{const r=require("refractor/all");r.default&&r.default.registered&&r.default.registered("markdown")&&!r.default.languages.markdown?.["quoted-string"]&&r.default.languages.insertBefore("markdown","bold",{"quoted-string":{pattern:/"(?:\\.|[^"\\])*"/,greedy:!0,alias:"string"}})}catch{}const P=s.forwardRef(({value:r="",onChange:d,language:C,readOnly:N=!1,showLineNumbers:S=!0,placeholder:E,minRows:p=10,className:F,"aria-label":T,...R},O)=>{const[D,v]=s.useState(),[V,_]=s.useState(!0),[m,z]=s.useState(0),[u,I]=s.useState([]),x=s.useRef(null),y=s.useRef(null),k=s.useRef(null),q=s.useRef(null),U=s.useRef(null),h=s.useRef(null),f=O||U;s.useEffect(()=>{(async()=>{try{const t=Q.checkComponent("CodeEditor");t instanceof Promise?v(await t):v(t)}catch{v(void 0)}finally{_(!1)}})()},[]),s.useEffect(()=>{if(h.current&&f.current){const{start:e,end:t}=h.current;f.current.setSelectionRange(e,t),h.current=null}}),s.useEffect(()=>{const e=k.current,t=q.current;if(!e||!t)return;const i=()=>{const o=t.clientWidth;if(o<=0)return;e.style.width=`${o}px`;const a=r.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),J=require("../MissingDependencyError.cjs"),Q=require("../../utils/optionalDeps.cjs"),l=require("./CodeEditor.module.css.cjs"),X=require("../../contexts/ThemeContext.cjs");let A,B,K;if(typeof require<"u")try{A=require("react-syntax-highlighter").Prism;const d=require("react-syntax-highlighter/dist/esm/styles/prism");B=d.oneDark,K=d.oneLight}catch{}if(typeof require<"u")try{const r=require("refractor/all");r.default&&r.default.registered&&r.default.registered("markdown")&&!r.default.languages.markdown?.["quoted-string"]&&r.default.languages.insertBefore("markdown","bold",{"quoted-string":{pattern:/"(?:\\.|[^"\\])*"/,greedy:!0,alias:"string"}})}catch{}const P=s.forwardRef(({value:r="",onChange:d,language:C,readOnly:N=!1,showLineNumbers:S=!0,placeholder:E,minRows:p=10,className:F,"aria-label":T,...q},O)=>{const[R,v]=s.useState(),[V,_]=s.useState(!0),[m,z]=s.useState(0),[u,I]=s.useState([]),x=s.useRef(null),y=s.useRef(null),k=s.useRef(null),D=s.useRef(null),U=s.useRef(null),h=s.useRef(null),f=O||U;s.useEffect(()=>{(async()=>{try{const t=Q.checkComponent("CodeEditor");t instanceof Promise?v(await t):v(t)}catch{v(void 0)}finally{_(!1)}})()},[]),s.useEffect(()=>{if(h.current&&f.current){const{start:e,end:t}=h.current;f.current.setSelectionRange(e,t),h.current=null}}),s.useEffect(()=>{const e=k.current,t=D.current;if(!e||!t)return;const i=()=>{const o=t.clientWidth;if(o<=0)return;e.style.width=`${o}px`;const a=r.split(`
 `),g=Math.max(a.length,p),b=[];for(let w=0;w<g;w++){const G=a[w]??"";e.textContent=G||" ",b.push(e.scrollHeight)}I(b)};i();const c=new ResizeObserver(i);return c.observe(t),()=>c.disconnect()},[r,p]),s.useEffect(()=>{const e=i=>{const c=i.target;x.current&&(x.current.scrollTop=c.scrollTop),y.current&&(y.current.scrollTop=c.scrollTop,y.current.scrollLeft=c.scrollLeft)},t=f?.current;if(t)return t.addEventListener("scroll",e),()=>{t.removeEventListener("scroll",e)}},[f]);let L="dark";try{L=X.useThemeContext().theme}catch{}const W=L==="light"?K:B,M=Math.max(r.split(`
-`).length,p);if(D)return n.jsx(J.MissingDependencyError,{...D});if(V)return n.jsx("div",{children:"Loading code editor..."});const j=e=>{const t=e.value.substring(0,e.selectionStart);z(t.split(`
+`).length,p);if(R)return n.jsx(J.MissingDependencyError,{...R});if(V)return n.jsx("div",{children:"Loading code editor..."});const j=e=>{const t=e.value.substring(0,e.selectionStart);z(t.split(`
 `).length-1)},H=e=>{if(e.key==="Tab"){e.preventDefault();const t=e.currentTarget,i=t.selectionStart,c=t.selectionEnd,o="  ";if(i===c){const a=r.substring(0,i)+o+r.substring(c);h.current={start:i+o.length,end:i+o.length},d?.(a)}else if(e.shiftKey){const a=r.lastIndexOf(`
-`,i-1)+1,g=r.substring(a).match(/^ {1,2}/)?.[0]??"";if(g.length>0){const b=r.substring(0,a)+r.substring(a+g.length);h.current={start:Math.max(a,i-g.length),end:Math.max(a,c-g.length)},d?.(b)}}else{const a=r.substring(0,i)+o+r.substring(c);h.current={start:i+o.length,end:i+o.length},d?.(a)}}},$=[l.default.wrapper,F].filter(Boolean).join(" ");return C?n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsxs("div",{ref:q,className:l.default.editorArea,children:[n.jsx("div",{className:l.default.lineHighlight,style:{top:u.length>0?`calc(var(--spacing-4) + ${u.slice(0,m).reduce((e,t)=>e+t,0)}px)`:`calc(var(--spacing-4) + ${(m*1.6).toFixed(2)}em)`,...u[m]!==void 0?{height:`${u[m]}px`}:{}},"aria-hidden":"true"}),n.jsx("div",{ref:y,className:l.default.highlightLayer,"aria-hidden":"true",children:n.jsx(A,{language:C,style:W,customStyle:{margin:0,padding:0,background:"transparent",fontSize:"inherit",lineHeight:"inherit",fontFamily:"inherit",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"visible"},codeTagProps:{style:{fontFamily:"inherit",background:"transparent",color:"var(--text-primary)",whiteSpace:"pre-wrap",wordBreak:"break-word"}},children:r+`
-`})}),n.jsx("textarea",{ref:f,className:l.default.textareaOverlay,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,onKeyUp:e=>j(e.currentTarget),onMouseUp:e=>j(e.currentTarget),onClick:e=>j(e.currentTarget),placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...R})]})]}):n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsx("textarea",{ref:f,className:l.default.textarea,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...R})]})});P.displayName="CodeEditor";exports.CodeEditor=P;
+`,i-1)+1,g=r.substring(a).match(/^ {1,2}/)?.[0]??"";if(g.length>0){const b=r.substring(0,a)+r.substring(a+g.length);h.current={start:Math.max(a,i-g.length),end:Math.max(a,c-g.length)},d?.(b)}}else{const a=r.substring(0,i)+o+r.substring(c);h.current={start:i+o.length,end:i+o.length},d?.(a)}}},$=[l.default.wrapper,F].filter(Boolean).join(" ");return C?n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsxs("div",{ref:D,className:l.default.editorArea,children:[n.jsx("div",{className:l.default.lineHighlight,style:{top:u.length>0?`calc(var(--spacing-4) + ${u.slice(0,m).reduce((e,t)=>e+t,0)}px)`:`calc(var(--spacing-4) + ${(m*1.6).toFixed(2)}em)`,...u[m]!==void 0?{height:`${u[m]}px`}:{}},"aria-hidden":"true"}),n.jsx("div",{ref:y,className:l.default.highlightLayer,"aria-hidden":"true",children:n.jsx(A,{language:C,style:W,customStyle:{margin:0,padding:0,background:"transparent",fontSize:"inherit",lineHeight:"inherit",fontFamily:"inherit",whiteSpace:"pre-wrap",wordBreak:"break-word",overflow:"visible"},codeTagProps:{style:{fontFamily:"inherit",background:"transparent",color:"var(--text-primary)",whiteSpace:"pre-wrap",wordBreak:"break-word"}},children:r+`
+`})}),n.jsx("textarea",{ref:f,className:l.default.textareaOverlay,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,onKeyUp:e=>j(e.currentTarget),onMouseUp:e=>j(e.currentTarget),onClick:e=>j(e.currentTarget),placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...q})]})]}):n.jsxs("div",{className:$,style:{minHeight:`calc(${p} * 1.6em + 2 * var(--spacing-4))`},children:[n.jsx("div",{ref:k,className:l.default.lineMirror,"aria-hidden":"true"}),S&&n.jsx("div",{ref:x,className:l.default.lineNumbers,"aria-hidden":"true",children:Array.from({length:M}).map((e,t)=>n.jsx("div",{className:l.default.lineNumber,style:u[t]!==void 0?{height:`${u[t]}px`}:void 0,children:t+1},t))}),n.jsx("textarea",{ref:f,className:l.default.textarea,value:r,onChange:e=>d?.(e.target.value),onKeyDown:H,placeholder:E,readOnly:N,"aria-label":T||"Code editor",spellCheck:"false",...q})]})});P.displayName="CodeEditor";exports.CodeEditor=P;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA+C1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FAgWtB,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAmD1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,6FAgWtB,CAAC"}

package/dist/components/CodeEditor/CodeEditor.mjs

@@ -1,27 +1,29 @@
 import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as X, useState as v, useRef as f, useEffect as k } from "react";
+import { forwardRef as X, useState as v, useRef as g, useEffect as k } from "react";
 import { MissingDependencyError as Y } from "../MissingDependencyError.mjs";
 import { checkComponent as Z } from "../../utils/optionalDeps.mjs";
 import a from "./CodeEditor.module.css.mjs";
 import { useThemeContext as ee } from "../../contexts/ThemeContext.mjs";
 let F, P, V;
-try {
-  F = require("react-syntax-highlighter").Prism;
-  const l = require("react-syntax-highlighter/dist/esm/styles/prism");
-  P = l.oneDark, V = l.oneLight;
-} catch {
-}
-try {
-  const r = require("refractor/all");
-  r.default && r.default.registered && r.default.registered("markdown") && !r.default.languages.markdown?.["quoted-string"] && r.default.languages.insertBefore("markdown", "bold", {
-    "quoted-string": {
-      pattern: /"(?:\\.|[^"\\])*"/,
-      greedy: !0,
-      alias: "string"
-    }
-  });
-} catch {
-}
+if (typeof require < "u")
+  try {
+    F = require("react-syntax-highlighter").Prism;
+    const l = require("react-syntax-highlighter/dist/esm/styles/prism");
+    P = l.oneDark, V = l.oneLight;
+  } catch {
+  }
+if (typeof require < "u")
+  try {
+    const r = require("refractor/all");
+    r.default && r.default.registered && r.default.registered("markdown") && !r.default.languages.markdown?.["quoted-string"] && r.default.languages.insertBefore("markdown", "bold", {
+      "quoted-string": {
+        pattern: /"(?:\\.|[^"\\])*"/,
+        greedy: !0,
+        alias: "string"
+      }
+    });
+  } catch {
+  }
 const te = X(
   ({
     value: r = "",
@@ -35,7 +37,7 @@ const te = X(
     "aria-label": M,
     ...$
   }, I) => {
-    const [A, w] = v(), [O, U] = v(!0), [p, W] = v(0), [d, _] = v([]), y = f(null), x = f(null), N = f(null), R = f(null), G = f(null), h = f(null), u = I || G;
+    const [q, w] = v(), [O, U] = v(!0), [p, W] = v(0), [d, _] = v([]), y = g(null), x = g(null), N = g(null), A = g(null), G = g(null), h = g(null), u = I || G;
     k(() => {
       (async () => {
         try {
@@ -53,15 +55,15 @@ const te = X(
         u.current.setSelectionRange(e, t), h.current = null;
       }
     }), k(() => {
-      const e = N.current, t = R.current;
+      const e = N.current, t = A.current;
       if (!e || !t) return;
       const n = () => {
         const c = t.clientWidth;
         if (c <= 0) return;
         e.style.width = `${c}px`;
         const i = r.split(`
-`), g = Math.max(i.length, m), b = [];
-        for (let T = 0; T < g; T++) {
+`), f = Math.max(i.length, m), b = [];
+        for (let T = 0; T < f; T++) {
           const Q = i[T] ?? "";
           e.textContent = Q || " ", b.push(e.scrollHeight);
         }
@@ -80,15 +82,15 @@ const te = X(
           t.removeEventListener("scroll", e);
         };
     }, [u]);
-    let q = "dark";
+    let R = "dark";
     try {
-      q = ee().theme;
+      R = ee().theme;
     } catch {
     }
-    const J = q === "light" ? V : P, B = Math.max(r.split(`
+    const J = R === "light" ? V : P, B = Math.max(r.split(`
 `).length, m);
-    if (A)
-      return /* @__PURE__ */ s(Y, { ...A });
+    if (q)
+      return /* @__PURE__ */ s(Y, { ...q });
     if (O)
       return /* @__PURE__ */ s("div", { children: "Loading code editor..." });
     const C = (e) => {
@@ -107,12 +109,12 @@ const te = X(
           }, l?.(i);
         } else if (e.shiftKey) {
           const i = r.lastIndexOf(`
-`, n - 1) + 1, g = r.substring(i).match(/^ {1,2}/)?.[0] ?? "";
-          if (g.length > 0) {
-            const b = r.substring(0, i) + r.substring(i + g.length);
+`, n - 1) + 1, f = r.substring(i).match(/^ {1,2}/)?.[0] ?? "";
+          if (f.length > 0) {
+            const b = r.substring(0, i) + r.substring(i + f.length);
             h.current = {
-              start: Math.max(i, n - g.length),
-              end: Math.max(i, o - g.length)
+              start: Math.max(i, n - f.length),
+              end: Math.max(i, o - f.length)
             }, l?.(b);
           }
         } else {
@@ -157,7 +159,7 @@ const te = X(
               ))
             }
           ),
-          /* @__PURE__ */ S("div", { ref: R, className: a.editorArea, children: [
+          /* @__PURE__ */ S("div", { ref: A, className: a.editorArea, children: [
             /* @__PURE__ */ s(
               "div",
               {

package/dist/components/CollapsibleFolder/CollapsibleFolder.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),x=require("lucide-react"),ie=require("../MissingDependencyError.cjs"),de=require("../../utils/optionalDeps.cjs"),a=require("./CollapsibleFolder.module.css.cjs"),D=require("../Collapsible/Collapsible.cjs"),ce=require("../Badge/Badge.cjs"),w=require("../Dropdown/Dropdown.cjs"),R=require("../Button/Button.cjs");let B;try{B=require("@dnd-kit/core").useDroppable}catch{}function z(u){const{id:p,title:O,itemCount:v,items:l,renderItem:A,itemLabel:M="Item",itemLabelPlural:P="Items",emptyText:$="No items in this folder",sortLabel:b="Sort",defaultExpanded:K=!0,sortOptions:i,selectedSort:Y,onSortChange:H,onDrop:j,onFolderEdit:C,onFolderDelete:N,onFolderInvite:y,isDropTarget:Z=!1,isDropCompleted:_=!1,onDragEnter:G,onDragLeaveFolder:T,className:J,...Q}=u,[I,f]=s.useState(),[U,V]=s.useState(!0),[g,W]=s.useState(K),[m,d]=s.useState(null),[S,h]=s.useState(!1),L=s.useRef(null),{setNodeRef:X}=B({id:p});if(s.useEffect(()=>{(async()=>{try{const r=de.checkComponent("CollapsibleFolder");r instanceof Promise?f(await r):f(r)}catch{f(void 0)}finally{V(!1)}})()},[]),I)return e.jsx(ie.MissingDependencyError,{...I});if(U)return e.jsx("div",{children:"Loading folder..."});const ee=t=>{if(t.preventDefault(),t.dataTransfer.dropEffect="move",S||(h(!0),G?.()),!g||l.length===0){d(0);return}const r=L.current;if(!r)return;const n=Array.from(r.querySelectorAll("[data-item-id]")),oe=t.clientY;let q=n.length;for(let c=0;c<n.length;c++){const F=n[c];if(!F)continue;const k=F.getBoundingClientRect();if(oe<k.top+k.height/2){q=c;break}}d(q)},te=t=>{t.currentTarget.contains(t.relatedTarget)||(h(!1),d(null),T?.())},ae=t=>{t.preventDefault();const r=t.dataTransfer.getData("text/plain")||t.dataTransfer.getData("itemId");if(r&&j){const n=m??l.length;j(r,p,n)}h(!1),d(null),T?.()},re=(t,r)=>{t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",r)},se=i?.map(t=>({id:t.value,label:t.label,onClick:()=>H?.(t.value)})),E=[...C?[{id:"rename",label:"Rename",onClick:C}]:[],...y?[{id:"invite",label:"Invite participants",onClick:y}]:[],...N?[{id:"delete",label:"Delete folder",danger:!0,onClick:N}]:[]],o=Z||S,ne=[a.default.folder,o&&a.default.dropTarget,_&&a.default.dropCompleted,J].filter(Boolean).join(" "),le=v===1?M:P;return e.jsx("div",{ref:X,className:ne,"data-folder-id":p,"data-drop-active":o,onDragOver:ee,onDragLeave:te,onDrop:ae,...Q,children:e.jsxs(D.Collapsible,{open:g,onOpenChange:W,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs(D.Collapsible.Trigger,{className:a.default.trigger,children:[e.jsx(x.ChevronDown,{size:20,className:`${a.default.chevron} ${g?a.default.expanded:""}`}),e.jsx("h2",{className:a.default.title,children:O}),e.jsxs(ce.Badge,{variant:"secondary",className:a.default.badge,children:[v,e.jsxs("span",{className:a.default.badgeLabel,children:[" ",le]})]})]}),e.jsxs("div",{className:a.default.actions,children:[i&&i.length>0&&e.jsx("div",{className:a.default.sortDropdown,children:e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconRight:e.jsx(x.ChevronDown,{size:16}),"aria-label":`Sort by ${b}`,children:i.find(t=>t.value===Y)?.label||b}),items:se,placement:"bottom-end"})}),E.length>0&&e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(x.MoreHorizontal,{size:20}),"aria-label":"Folder actions"}),items:E,placement:"bottom-end"})]})]}),e.jsx(D.Collapsible.Content,{children:e.jsx("div",{className:a.default.content,children:l.length===0?o?e.jsx("div",{className:a.default.emptyDropZone,children:e.jsx("div",{className:a.default.insertionLine,role:"presentation"})}):e.jsx("div",{className:a.default.emptyState,children:e.jsx("p",{className:a.default.emptyText,children:$})}):e.jsxs("div",{className:a.default.grid,ref:L,children:[l.map((t,r)=>e.jsxs(s.Fragment,{children:[o&&m===r&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"}),e.jsx("div",{"data-item-id":t.id,draggable:t.draggable,onDragStart:n=>re(n,t.id),children:A(t,r)})]},t.id)),o&&m===l.length&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"})]})})})]})})}z.displayName="CollapsibleFolder";exports.CollapsibleFolder=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),x=require("lucide-react"),ie=require("../MissingDependencyError.cjs"),de=require("../../utils/optionalDeps.cjs"),a=require("./CollapsibleFolder.module.css.cjs"),D=require("../Collapsible/Collapsible.cjs"),ce=require("../Badge/Badge.cjs"),w=require("../Dropdown/Dropdown.cjs"),R=require("../Button/Button.cjs");let B;if(typeof require<"u")try{B=require("@dnd-kit/core").useDroppable}catch{}function z(u){const{id:f,title:O,itemCount:v,items:l,renderItem:A,itemLabel:M="Item",itemLabelPlural:P="Items",emptyText:$="No items in this folder",sortLabel:b="Sort",defaultExpanded:K=!0,sortOptions:i,selectedSort:Y,onSortChange:H,onDrop:j,onFolderEdit:C,onFolderDelete:N,onFolderInvite:y,isDropTarget:Z=!1,isDropCompleted:_=!1,onDragEnter:G,onDragLeaveFolder:T,className:J,...Q}=u,[I,p]=n.useState(),[U,V]=n.useState(!0),[g,W]=n.useState(K),[m,d]=n.useState(null),[S,h]=n.useState(!1),L=n.useRef(null),{setNodeRef:X}=B({id:f});if(n.useEffect(()=>{(async()=>{try{const r=de.checkComponent("CollapsibleFolder");r instanceof Promise?p(await r):p(r)}catch{p(void 0)}finally{V(!1)}})()},[]),I)return e.jsx(ie.MissingDependencyError,{...I});if(U)return e.jsx("div",{children:"Loading folder..."});const ee=t=>{if(t.preventDefault(),t.dataTransfer.dropEffect="move",S||(h(!0),G?.()),!g||l.length===0){d(0);return}const r=L.current;if(!r)return;const s=Array.from(r.querySelectorAll("[data-item-id]")),oe=t.clientY;let E=s.length;for(let c=0;c<s.length;c++){const F=s[c];if(!F)continue;const k=F.getBoundingClientRect();if(oe<k.top+k.height/2){E=c;break}}d(E)},te=t=>{t.currentTarget.contains(t.relatedTarget)||(h(!1),d(null),T?.())},ae=t=>{t.preventDefault();const r=t.dataTransfer.getData("text/plain")||t.dataTransfer.getData("itemId");if(r&&j){const s=m??l.length;j(r,f,s)}h(!1),d(null),T?.()},re=(t,r)=>{t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",r)},ne=i?.map(t=>({id:t.value,label:t.label,onClick:()=>H?.(t.value)})),q=[...C?[{id:"rename",label:"Rename",onClick:C}]:[],...y?[{id:"invite",label:"Invite participants",onClick:y}]:[],...N?[{id:"delete",label:"Delete folder",danger:!0,onClick:N}]:[]],o=Z||S,se=[a.default.folder,o&&a.default.dropTarget,_&&a.default.dropCompleted,J].filter(Boolean).join(" "),le=v===1?M:P;return e.jsx("div",{ref:X,className:se,"data-folder-id":f,"data-drop-active":o,onDragOver:ee,onDragLeave:te,onDrop:ae,...Q,children:e.jsxs(D.Collapsible,{open:g,onOpenChange:W,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs(D.Collapsible.Trigger,{className:a.default.trigger,children:[e.jsx(x.ChevronDown,{size:20,className:`${a.default.chevron} ${g?a.default.expanded:""}`}),e.jsx("h2",{className:a.default.title,children:O}),e.jsxs(ce.Badge,{variant:"secondary",className:a.default.badge,children:[v,e.jsxs("span",{className:a.default.badgeLabel,children:[" ",le]})]})]}),e.jsxs("div",{className:a.default.actions,children:[i&&i.length>0&&e.jsx("div",{className:a.default.sortDropdown,children:e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconRight:e.jsx(x.ChevronDown,{size:16}),"aria-label":`Sort by ${b}`,children:i.find(t=>t.value===Y)?.label||b}),items:ne,placement:"bottom-end"})}),q.length>0&&e.jsx(w.Dropdown,{trigger:e.jsx(R.Button,{variant:"ghost",size:"sm",iconOnly:!0,icon:e.jsx(x.MoreHorizontal,{size:20}),"aria-label":"Folder actions"}),items:q,placement:"bottom-end"})]})]}),e.jsx(D.Collapsible.Content,{children:e.jsx("div",{className:a.default.content,children:l.length===0?o?e.jsx("div",{className:a.default.emptyDropZone,children:e.jsx("div",{className:a.default.insertionLine,role:"presentation"})}):e.jsx("div",{className:a.default.emptyState,children:e.jsx("p",{className:a.default.emptyText,children:$})}):e.jsxs("div",{className:a.default.grid,ref:L,children:[l.map((t,r)=>e.jsxs(n.Fragment,{children:[o&&m===r&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"}),e.jsx("div",{"data-item-id":t.id,draggable:t.draggable,onDragStart:s=>re(s,t.id),children:A(t,r)})]},t.id)),o&&m===l.length&&e.jsx("div",{className:a.default.insertionLine,role:"presentation"})]})})})]})})}z.displayName="CollapsibleFolder";exports.CollapsibleFolder=z;

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAwBxE,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EACjD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CA0SrC;yBA5Se,iBAAiB"}
+{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AA0BxE,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EACjD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CA0SrC;yBA5Se,iBAAiB"}

package/dist/components/CollapsibleFolder/CollapsibleFolder.mjs

@@ -9,18 +9,19 @@ import { Badge as ge } from "../Badge/Badge.mjs";
 import { Dropdown as A } from "../Dropdown/Dropdown.mjs";
 import { Button as O } from "../Button/Button.mjs";
 let B;
-try {
-  B = require("@dnd-kit/core").useDroppable;
-} catch {
-}
+if (typeof require < "u")
+  try {
+    B = require("@dnd-kit/core").useDroppable;
+  } catch {
+  }
 function he(p) {
   const {
     id: f,
     title: j,
     itemCount: b,
     items: i,
-    renderItem: $,
-    itemLabel: q = "Item",
+    renderItem: q,
+    itemLabel: $ = "Item",
     itemLabelPlural: K = "Items",
     emptyText: M = "No items in this folder",
     sortLabel: N = "Sort",
@@ -119,7 +120,7 @@ function he(p) {
     l && r.dropTarget,
     G && r.dropCompleted,
     Q
-  ].filter(Boolean).join(" "), ie = b === 1 ? q : K;
+  ].filter(Boolean).join(" "), ie = b === 1 ? $ : K;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -202,7 +203,7 @@ function he(p) {
                 "data-item-id": e.id,
                 draggable: e.draggable,
                 onDragStart: (o) => ne(o, e.id),
-                children: $(e, n)
+                children: q(e, n)
               }
             )
           ] }, e.id)),

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),R=require("lucide-react"),I=require("../MissingDependencyError.cjs"),T=require("../../utils/optionalDeps.cjs"),l=require("./DatePicker.module.css.cjs"),C=require("../Calendar/Calendar.cjs"),$=require("../Popover/Popover.cjs"),z=require("../Button/Button.cjs");let o;try{o=require("date-fns").format}catch{}const S=e=>{const{mode:a="single",min:k,max:v,disabledDates:P,placeholder:m="Pick a date",presets:d,format:c="PPP",disabled:b=!1,triggerClassName:D,className:y}=e,[g,u]=r.useState(),[N,q]=r.useState(!0),[w,i]=r.useState(!1),h=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?o(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${o(e.selected.from,c)} - ${o(e.selected.to,c)}`:o(e.selected.from,c):null,[a,e,c]),j=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s),i(!1)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect,f=s;n?.(f),f?.from&&f?.to&&i(!1)}},[a,e]),B=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s.value)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect;n?.(s.value)}i(!1)},[a,e]);if(r.useEffect(()=>{(async()=>{try{const n=T.checkComponent("DatePicker");n instanceof Promise?u(await n):u(n)}catch{u(void 0)}finally{q(!1)}})()},[]),g)return t.jsx(I.MissingDependencyError,{...g});if(N)return t.jsx("div",{children:"Loading date picker..."});const E=[l.default.trigger,D].filter(Boolean).join(" "),M=[l.default.wrapper,y].filter(Boolean).join(" "),x={min:k,max:v,disabled:P},F=t.jsxs("div",{className:l.default.popoverContent,children:[d&&d.length>0&&t.jsx("div",{className:l.default.presets,children:d.map(s=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>B(s),children:s.label},s.label))}),a==="single"?t.jsx(C.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:j,...x}):t.jsx(C.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:j,...x})]}),O=t.jsx(z.Button,{variant:"secondary",className:E,disabled:b,"aria-label":m,icon:t.jsx(R.Calendar,{size:16,className:l.default.triggerIcon}),children:h?t.jsx("span",{children:h}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:M,children:t.jsx($.Popover,{trigger:O,content:F,placement:"bottom-start",open:w,onOpenChange:i,showArrow:!1,offset:4,className:l.default.popover})})};S.displayName="DatePicker";exports.DatePicker=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),R=require("lucide-react"),I=require("../MissingDependencyError.cjs"),T=require("../../utils/optionalDeps.cjs"),l=require("./DatePicker.module.css.cjs"),C=require("../Calendar/Calendar.cjs"),$=require("../Popover/Popover.cjs"),z=require("../Button/Button.cjs");let o;if(typeof require<"u")try{o=require("date-fns").format}catch{}const S=e=>{const{mode:a="single",min:k,max:v,disabledDates:P,placeholder:m="Pick a date",presets:d,format:c="PPP",disabled:b=!1,triggerClassName:y,className:D}=e,[g,u]=r.useState(),[q,N]=r.useState(!0),[w,i]=r.useState(!1),h=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?o(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${o(e.selected.from,c)} - ${o(e.selected.to,c)}`:o(e.selected.from,c):null,[a,e,c]),j=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s),i(!1)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect,f=s;n?.(f),f?.from&&f?.to&&i(!1)}},[a,e]),B=r.useCallback(s=>{if(a==="single"&&e.mode!=="range"){const n=e.onSelect;n?.(s.value)}else if(a==="range"&&e.mode==="range"){const n=e.onSelect;n?.(s.value)}i(!1)},[a,e]);if(r.useEffect(()=>{(async()=>{try{const n=T.checkComponent("DatePicker");n instanceof Promise?u(await n):u(n)}catch{u(void 0)}finally{N(!1)}})()},[]),g)return t.jsx(I.MissingDependencyError,{...g});if(q)return t.jsx("div",{children:"Loading date picker..."});const E=[l.default.trigger,y].filter(Boolean).join(" "),M=[l.default.wrapper,D].filter(Boolean).join(" "),x={min:k,max:v,disabled:P},F=t.jsxs("div",{className:l.default.popoverContent,children:[d&&d.length>0&&t.jsx("div",{className:l.default.presets,children:d.map(s=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>B(s),children:s.label},s.label))}),a==="single"?t.jsx(C.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:j,...x}):t.jsx(C.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:j,...x})]}),O=t.jsx(z.Button,{variant:"secondary",className:E,disabled:b,"aria-label":m,icon:t.jsx(R.Calendar,{size:16,className:l.default.triggerIcon}),children:h?t.jsx("span",{children:h}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:M,children:t.jsx($.Popover,{trigger:O,content:F,placement:"bottom-start",open:w,onOpenChange:i,showArrow:!1,offset:4,className:l.default.popover})})};S.displayName="DatePicker";exports.DatePicker=S;

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAc5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0LhD,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAWzE,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAgB5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0LhD,CAAC"}

package/dist/components/DatePicker/DatePicker.mjs

@@ -1,5 +1,5 @@
-import { jsx as n, jsxs as O } from "react/jsx-runtime";
-import { useState as f, useMemo as q, useCallback as k, useEffect as z } from "react";
+import { jsx as n, jsxs as M } from "react/jsx-runtime";
+import { useState as f, useMemo as O, useCallback as k, useEffect as z } from "react";
 import { Calendar as A } from "lucide-react";
 import { MissingDependencyError as L } from "../MissingDependencyError.mjs";
 import { checkComponent as T } from "../../utils/optionalDeps.mjs";
@@ -8,23 +8,24 @@ import { Calendar as S } from "../Calendar/Calendar.mjs";
 import { Popover as G } from "../Popover/Popover.mjs";
 import { Button as H } from "../Button/Button.mjs";
 let s;
-try {
-  s = require("date-fns").format;
-} catch {
-}
+if (typeof require < "u")
+  try {
+    s = require("date-fns").format;
+  } catch {
+  }
 const J = (e) => {
   const {
     mode: a = "single",
-    min: N,
-    max: P,
-    disabledDates: b,
+    min: y,
+    max: N,
+    disabledDates: P,
     placeholder: g = "Pick a date",
     presets: i,
     format: o = "PPP",
-    disabled: y = !1,
+    disabled: b = !1,
     triggerClassName: D,
     className: w
-  } = e, [u, d] = f(), [x, j] = f(!0), [B, c] = f(!1), h = q(() => a === "single" && e.mode !== "range" ? e.selected ? s(e.selected, o) : null : a === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${s(e.selected.from, o)} - ${s(e.selected.to, o)}` : s(e.selected.from, o) : null, [a, e, o]), C = k(
+  } = e, [u, d] = f(), [x, j] = f(!0), [B, c] = f(!1), h = O(() => a === "single" && e.mode !== "range" ? e.selected ? s(e.selected, o) : null : a === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${s(e.selected.from, o)} - ${s(e.selected.to, o)}` : s(e.selected.from, o) : null, [a, e, o]), C = k(
     (r) => {
       if (a === "single" && e.mode !== "range") {
         const t = e.onSelect;
@@ -64,10 +65,10 @@ const J = (e) => {
   if (x)
     return /* @__PURE__ */ n("div", { children: "Loading date picker..." });
   const F = [l.trigger, D].filter(Boolean).join(" "), $ = [l.wrapper, w].filter(Boolean).join(" "), v = {
-    min: N,
-    max: P,
-    disabled: b
-  }, I = /* @__PURE__ */ O("div", { className: l.popoverContent, children: [
+    min: y,
+    max: N,
+    disabled: P
+  }, q = /* @__PURE__ */ M("div", { className: l.popoverContent, children: [
     i && i.length > 0 && /* @__PURE__ */ n("div", { className: l.presets, children: i.map((r) => /* @__PURE__ */ n(
       "button",
       {
@@ -95,12 +96,12 @@ const J = (e) => {
         ...v
       }
     )
-  ] }), M = /* @__PURE__ */ n(
+  ] }), I = /* @__PURE__ */ n(
     H,
     {
       variant: "secondary",
       className: F,
-      disabled: y,
+      disabled: b,
       "aria-label": g,
       icon: /* @__PURE__ */ n(A, { size: 16, className: l.triggerIcon }),
       children: h ? /* @__PURE__ */ n("span", { children: h }) : /* @__PURE__ */ n("span", { className: l.placeholder, children: g })
@@ -109,8 +110,8 @@ const J = (e) => {
   return /* @__PURE__ */ n("div", { className: $, children: /* @__PURE__ */ n(
     G,
     {
-      trigger: M,
-      content: I,
+      trigger: I,
+      content: q,
       placement: "bottom-start",
       open: B,
       onOpenChange: c,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-ds/react",
-  "version": "5.3.2",
+  "version": "5.4.0",
   "type": "module",
   "description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
   "author": "Orion Design System Team",
@@ -156,6 +156,12 @@
     "remark-gfm": ">=3.0.0"
   },
   "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    },
     "lucide-react": {
       "optional": false
     },