@trsys-tech/matrix-library 0.6.0-alpha.0 → 0.6.0

package/README.md

@@ -15,6 +15,8 @@ MatrixUI Library is a comprehensive UI component library built with React and Ty
 
 To install the MatrixUI Library, use npm or yarn:
 
+This package supports React 18 and React 19. Your application must provide matching `react` and `react-dom` peer dependencies.
+
 ```sh
 npm install @trsys-tech/matrix-library
 ```
@@ -48,6 +50,21 @@ MatrixUI Library includes a variety of components, such as:
 
 For a full list of components and their usage, please refer to the [Storybook](https://trsys-tech.github.io/matrix-library/) documentation.
 
+### React Version Support
+
+This library supports both React 18 (`^18.3.1`) and React 19 (`^19.2.4`) as peer dependencies. The library is built as ESM with React externalized, meaning it does not bundle React and relies on the consumer's installed React version.
+
+**Known Limitation:** During development and testing, we use React 18 type definitions even when testing against React 19 runtime. This is due to a transitive dependency type incompatibility in the Storybook ecosystem:
+
+```
+@storybook/addon-essentials
+  → @storybook/addon-docs
+    → @mdx-js/mdx
+      → @types/mdx (does not support React 19 types)
+```
+
+Since Storybook is dev-only, this limitation does not affect the shipped library. Runtime compatibility with React 19 is fully validated during the build process.
+
 ## Development
 
 To set up the development environment, clone the repository and install the dependencies:

package/dist/breadcrumb.es.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
 import * as m from "react";
 import { Slot as c } from "@radix-ui/react-slot";
 import { cn as t } from "./utils.es.js";

package/dist/components/form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,iMA6DiH,GAAG,CAAC,OAAO,AA7D7G,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,WAAW,EAAgC,MAAM,iBAAiB,CAAC;AAKpH,QAAA,MAAM,IAAI,iMA6DyH,GAAE,CACrI,OACE,AA/DuB,CAAC;AAQ1B,QAAA,MAAM,SAAS,GAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA+BF,QAAA,MAAM,QAAQ,6GAQZ,CAAC;AAGH,QAAA,MAAM,SAAS,8KAIb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAaf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAInB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAaf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/text-field/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBrB,CAAC;AAEH,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC;IAC3G,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC1D,CAAC;CACH;AAED,QAAA,MAAM,SAAS,yFAuCd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBrB,CAAC;AAEH,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,iBAAiB,CAAC;IAC3G,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC1D,CAAC;CACH;AAED,QAAA,MAAM,SAAS,yFA8Dd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAC"}

package/dist/constructfrom.es.js

@@ -3,7 +3,6 @@ function c(r, n) {
   return typeof r == "function" ? r(n) : r && typeof r == "object" && o in r ? r[o](n) : r instanceof Date ? new r.constructor(n) : new Date(n);
 }
 export {
-  c as constructFrom,
-  c as default
+  c as constructFrom
 };
 //# sourceMappingURL=constructfrom.es.js.map

package/dist/datagrid.es.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as z } from "react/jsx-runtime";
 import e, { forwardRef as H, useMemo as N } from "react";
 import { AgGridReact as L } from "ag-grid-react";
 import { themeQuartz as M, ModuleRegistry as B, AllCommunityModule as Q } from "ag-grid-community";
-import { CircleXmark as O, Magnifier as k, Snowflake as q, Print as $, Refresh as j, ElipsisVertical as _, Trashcan as U } from "@trsys-tech/matrix-icons";
+import { Trashcan as O, ElipsisVertical as q, Snowflake as $, Print as j, Refresh as _, CircleXmark as U, Magnifier as k } from "@trsys-tech/matrix-icons";
 import { cn as g } from "./utils.es.js";
 import { printHtml as V } from "./printhtml.es.js";
 import { TextField as W } from "./textfield.es.js";
@@ -134,7 +134,7 @@ const fe = ({ className: r, ...s }) => {
       onChange: (R) => c(R.target.value),
       value: a,
       startAdornment: /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 h-6 w-6 border-none mx-1", onClick: m, children: /* @__PURE__ */ o(k, { className: "w-5 h-5" }) }),
-      endAdornment: a && /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: f, children: /* @__PURE__ */ o(O, { className: "w-5 h-5" }) })
+      endAdornment: a && /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 border-none mx-1", onClick: f, children: /* @__PURE__ */ o(U, { className: "w-5 h-5" }) })
     }
   ) : /* @__PURE__ */ o(D, { variant: "toolbar", className: "p-0.5 w-6 h-6 m-1", onClick: p, children: /* @__PURE__ */ o(k, { className: "w-5 h-5" }) }) });
 }, me = ({ freezeText: r, unFreezeText: s, onClick: i, disabled: n, ...a }) => {
@@ -170,7 +170,7 @@ const fe = ({ className: r, ...s }) => {
     {
       variant: "text",
       onClick: E,
-      startIcon: /* @__PURE__ */ o(q, { className: "w-4.5 h-4.5" }),
+      startIcon: /* @__PURE__ */ o($, { className: "w-4.5 h-4.5" }),
       disabled: !d && !h || n,
       ...a,
       children: d ? s ?? "Unfreeze" : r ?? "Freeze"
@@ -189,7 +189,7 @@ const fe = ({ className: r, ...s }) => {
       V(l), a?.api?.setGridOption("domLayout", void 0);
     })), i?.(d);
   };
-  return /* @__PURE__ */ o(D, { variant: "toolbar", className: g("p-0.5 w-6 h-6", s), onClick: c, ...n, children: r ?? /* @__PURE__ */ o($, { className: "w-5 h-5" }) });
+  return /* @__PURE__ */ o(D, { variant: "toolbar", className: g("p-0.5 w-6 h-6", s), onClick: c, ...n, children: r ?? /* @__PURE__ */ o(j, { className: "w-5 h-5" }) });
 }, xe = ({ className: r, onRefresh: s, children: i, loading: n, ...a }) => {
   if (!e.useContext(w))
     throw new Error("RefreshAction should be used within <DataGrid>");
@@ -204,13 +204,13 @@ const fe = ({ className: r, ...s }) => {
       onClick: d,
       disabled: n,
       ...a,
-      children: i ?? /* @__PURE__ */ o(j, { className: g("w-4.5 h-4.5", n && "animate-spin") })
+      children: i ?? /* @__PURE__ */ o(_, { className: g("w-4.5 h-4.5", n && "animate-spin") })
     }
   );
 }, ge = ({ onDelete: r, children: s, ...i }) => /* @__PURE__ */ o(P, { variant: "danger", onClick: () => {
   r();
-}, startIcon: /* @__PURE__ */ o(U, { className: "w-4.5 h-4.5" }), ...i, children: s }), Ce = ({ children: r, slotProps: s, className: i, ...n }) => /* @__PURE__ */ z(X, { ...s?.popoverProps ?? {}, children: [
-  /* @__PURE__ */ o(J, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ o(_, { className: "w-4.5 h-4.5 text-primary" }) }),
+}, startIcon: /* @__PURE__ */ o(O, { className: "w-4.5 h-4.5" }), ...i, children: s }), Ce = ({ children: r, slotProps: s, className: i, ...n }) => /* @__PURE__ */ z(X, { ...s?.popoverProps ?? {}, children: [
+  /* @__PURE__ */ o(J, { ...s?.triggerProps ?? {}, children: /* @__PURE__ */ o(q, { className: "w-4.5 h-4.5 text-primary" }) }),
   /* @__PURE__ */ o(K, { align: "end", className: g("w-40", i), ...n, children: r })
 ] });
 export {

package/dist/desktopdatepicker.es.js

@@ -4,36 +4,36 @@ import { Calendar as x } from "@trsys-tech/matrix-icons";
 import { cn as w } from "./utils.es.js";
 import { Calendar as v } from "./calendar.es.js";
 import { Button as C } from "./button.es.js";
-import { Popover as D, PopoverTrigger as k, PopoverContent as M } from "./popover.es.js";
-import { formatDate as n } from "./format.es.js";
+import { Popover as k, PopoverTrigger as D, PopoverContent as M } from "./popover.es.js";
+import { format as n } from "./format.es.js";
 const I = ({
   formatStr: a,
   selected: e,
-  placeholder: s,
-  className: d,
+  placeholder: d,
+  className: s,
   calendarClassName: i,
   closeOnSelect: l = !0,
   onDayClick: p,
   disabled: m,
   ...c
 }) => {
-  const [f, o] = g.useState(!1), u = (y, b, h) => {
+  const [u, o] = g.useState(!1), f = (y, b, h) => {
     p?.(y, b, h), l && o(!1);
   };
-  return /* @__PURE__ */ t(D, { open: f, onOpenChange: o, children: [
-    /* @__PURE__ */ r(k, { asChild: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(k, { open: u, onOpenChange: o, children: [
+    /* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ t(
       C,
       {
         variant: "text",
         className: w(
           "flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent ps-3 pe-1 py-1.5 text-xs ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
-          d
+          s
         ),
         "data-placeholder": e ? void 0 : "",
         "aria-label": e ? `Selected date: ${n(e, a ?? "yyyy/MM/dd")}` : "Pick a date",
         disabled: m,
         children: [
-          e ? n(e, a ?? "yyyy/MM/dd") : /* @__PURE__ */ r("span", { children: s ?? "Pick a date" }),
+          e ? n(e, a ?? "yyyy/MM/dd") : /* @__PURE__ */ r("span", { children: d ?? "Pick a date" }),
           /* @__PURE__ */ r(x, { className: "mr-2 ms-auto" })
         ]
       }
@@ -49,7 +49,7 @@ const I = ({
         selected: e,
         captionLayout: "dropdown-years",
         className: i,
-        onDayClick: u
+        onDayClick: f
       }
     ) })
   ] });

package/dist/desktopdaterangepicker.es.js

@@ -5,13 +5,13 @@ import { cn as i } from "./utils.es.js";
 import { Calendar as b } from "./calendar.es.js";
 import { Button as x } from "./button.es.js";
 import { Popover as w, PopoverTrigger as M, PopoverContent as v } from "./popover.es.js";
-import { formatDate as t } from "./format.es.js";
+import { format as t } from "./format.es.js";
 const R = ({
   formatStr: e,
   selected: r,
   placeholder: n,
-  className: s,
-  calendarClassName: d,
+  className: d,
+  calendarClassName: s,
   fromText: m,
   toText: p,
   disabled: l,
@@ -32,7 +32,7 @@ const R = ({
             variant: "text",
             className: i(
               "flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent ps-3 pe-1 py-1.5 text-xs ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
-              s
+              d
             ),
             "data-placeholder": r ? void 0 : "",
             "aria-label": r ? `Selected date: ${r?.from ? t(r.from, e ?? "yyyy/MM/dd") : ""} - ${r?.to ? t(r.to, e ?? "yyyy/MM/dd") : ""}` : n,
@@ -64,7 +64,7 @@ const R = ({
             ...f,
             mode: "range",
             selected: r,
-            className: i(d, "md:max-w-full md:w-[36rem]"),
+            className: i(s, "md:max-w-full md:w-[36rem]"),
             numberOfMonths: 2
           }
         ) })

package/dist/dialog.es.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import * as i from "react";
 import * as a from "@radix-ui/react-dialog";
 import { XMark as m } from "@trsys-tech/matrix-icons";

package/dist/differenceincalendardays.es.js

@@ -2,16 +2,15 @@ import { getTimezoneOffsetInMilliseconds as r } from "./gettimezoneoffsetinmilli
 import { normalizeDates as c } from "./normalizedates.es.js";
 import { millisecondsInDay as D } from "./constants.es.js";
 import { startOfDay as a } from "./startofday.es.js";
-function O(o, n, i) {
-  const [s, m] = c(
+function u(o, n, i) {
+  const [m, s] = c(
     i?.in,
     o,
     n
-  ), t = a(s), e = a(m), f = +t - r(t), l = +e - r(e);
+  ), t = a(m), e = a(s), f = +t - r(t), l = +e - r(e);
   return Math.round((f - l) / D);
 }
 export {
-  O as default,
-  O as differenceInCalendarDays
+  u as differenceInCalendarDays
 };
 //# sourceMappingURL=differenceincalendardays.es.js.map

package/dist/en-us.es.js

@@ -1,22 +1,21 @@
 import { formatDistance as o } from "./formatdistance.es.js";
 import { formatLong as t } from "./formatlong.es.js";
-import { formatRelative as a } from "./formatrelative.es.js";
-import { localize as r } from "./localize.es.js";
-import { match as e } from "./match.es.js";
-const s = {
+import { formatRelative as r } from "./formatrelative.es.js";
+import { localize as m } from "./localize.es.js";
+import { match as a } from "./match.es.js";
+const p = {
   code: "en-US",
   formatDistance: o,
   formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
+  formatRelative: r,
+  localize: m,
+  match: a,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
 export {
-  s as default,
-  s as enUS
+  p as enUS
 };
 //# sourceMappingURL=en-us.es.js.map

package/dist/format.es.js

@@ -10,11 +10,11 @@ function j(o, r, f) {
   const a = k(), n = a.locale ?? E, m = a.firstWeekContainsDate ?? a.locale?.options?.firstWeekContainsDate ?? 1, p = a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, i = D(o, f?.in);
   if (!T(i))
     throw new RangeError("Invalid time value");
-  let s = r.match(O).map((t) => {
+  let c = r.match(O).map((t) => {
     const e = t[0];
     if (e === "p" || e === "P") {
-      const c = g[e];
-      return c(t, n.formatLong);
+      const s = g[e];
+      return s(t, n.formatLong);
     }
     return t;
   }).join("").match(v).map((t) => {
@@ -31,18 +31,18 @@ function j(o, r, f) {
       );
     return { isToken: !1, value: t };
   });
-  n.localize.preprocessor && (s = n.localize.preprocessor(i, s));
+  n.localize.preprocessor && (c = n.localize.preprocessor(i, c));
   const u = {
     firstWeekContainsDate: m,
     weekStartsOn: p,
     locale: n
   };
-  return s.map((t) => {
+  return c.map((t) => {
     if (!t.isToken) return t.value;
     const e = t.value;
     (h(e) || d(e)) && w(e, r, String(o));
-    const c = l[e[0]];
-    return c(i, e, n.localize, u);
+    const s = l[e[0]];
+    return s(i, e, n.localize, u);
   }).join("");
 }
 function P(o) {
@@ -50,7 +50,6 @@ function P(o) {
   return r ? r[1].replace(x, "'") : o;
 }
 export {
-  j as default,
   j as format,
   j as formatDate,
   l as formatters,

package/dist/getdayofyear.es.js

@@ -1,12 +1,11 @@
-import { differenceInCalendarDays as f } from "./differenceincalendardays.es.js";
+import { differenceInCalendarDays as a } from "./differenceincalendardays.es.js";
 import { startOfYear as e } from "./startofyear.es.js";
 import { toDate as o } from "./todate.es.js";
-function c(t, a) {
-  const r = o(t, a?.in);
-  return f(r, e(r)) + 1;
+function s(t, f) {
+  const r = o(t, f?.in);
+  return a(r, e(r)) + 1;
 }
 export {
-  c as default,
-  c as getDayOfYear
+  s as getDayOfYear
 };
 //# sourceMappingURL=getdayofyear.es.js.map

package/dist/getisoweek.es.js

@@ -2,12 +2,11 @@ import { millisecondsInWeek as f } from "./constants.es.js";
 import { startOfISOWeek as i } from "./startofisoweek.es.js";
 import { startOfISOWeekYear as m } from "./startofisoweekyear.es.js";
 import { toDate as n } from "./todate.es.js";
-function O(e, o) {
+function c(e, o) {
   const t = n(e, o?.in), r = +i(t) - +m(t);
   return Math.round(r / f) + 1;
 }
 export {
-  O as default,
-  O as getISOWeek
+  c as getISOWeek
 };
 //# sourceMappingURL=getisoweek.es.js.map

package/dist/getisoweekyear.es.js

@@ -10,7 +10,6 @@ function Y(f, n) {
   return e.getTime() >= u.getTime() ? t + 1 : e.getTime() >= i.getTime() ? t : t - 1;
 }
 export {
-  Y as default,
   Y as getISOWeekYear
 };
 //# sourceMappingURL=getisoweekyear.es.js.map

package/dist/getweek.es.js

@@ -1,13 +1,12 @@
 import { millisecondsInWeek as f } from "./constants.es.js";
 import { startOfWeek as m } from "./startofweek.es.js";
-import { startOfWeekYear as a } from "./startofweekyear.es.js";
-import { toDate as i } from "./todate.es.js";
-function k(r, t) {
-  const e = i(r, t?.in), o = +m(e, t) - +a(e, t);
+import { startOfWeekYear as i } from "./startofweekyear.es.js";
+import { toDate as n } from "./todate.es.js";
+function s(r, t) {
+  const e = n(r, t?.in), o = +m(e, t) - +i(e, t);
   return Math.round(o / f) + 1;
 }
 export {
-  k as default,
-  k as getWeek
+  s as getWeek
 };
 //# sourceMappingURL=getweek.es.js.map

package/dist/getweekyear.es.js

@@ -1,17 +1,16 @@
 import { getDefaultOptions as k } from "./defaultoptions.es.js";
-import { constructFrom as i } from "./constructfrom.es.js";
+import { constructFrom as f } from "./constructfrom.es.js";
 import { startOfWeek as l } from "./startofweek.es.js";
 import { toDate as m } from "./todate.es.js";
 function C(r, e) {
-  const s = m(r, e?.in), t = s.getFullYear(), o = k(), f = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, a = i(e?.in || r, 0);
-  a.setFullYear(t + 1, 0, f), a.setHours(0, 0, 0, 0);
-  const c = l(a, e), n = i(e?.in || r, 0);
-  n.setFullYear(t, 0, f), n.setHours(0, 0, 0, 0);
+  const s = m(r, e?.in), t = s.getFullYear(), o = k(), i = e?.firstWeekContainsDate ?? e?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, a = f(e?.in || r, 0);
+  a.setFullYear(t + 1, 0, i), a.setHours(0, 0, 0, 0);
+  const c = l(a, e), n = f(e?.in || r, 0);
+  n.setFullYear(t, 0, i), n.setHours(0, 0, 0, 0);
   const u = l(n, e);
   return +s >= +c ? t + 1 : +s >= +u ? t : t - 1;
 }
 export {
-  C as default,
   C as getWeekYear
 };
 //# sourceMappingURL=getweekyear.es.js.map

package/dist/index.es.js

@@ -57,11 +57,11 @@ import { Tooltip as st, TooltipContent as Mt, TooltipProvider as Tt, TooltipTrig
 import { useIsMobile as ht } from "./use-mobile.es.js";
 import { cn as wt } from "./utils.es.js";
 import { DesktopDatePicker as It } from "./desktopdatepicker.es.js";
-import { MobileDatePicker as Gt } from "./mobiledatepicker.es.js";
-import { DesktopDateRangePicker as Rt } from "./desktopdaterangepicker.es.js";
-import { MobileDateRangePicker as Ht } from "./mobiledaterangepicker.es.js";
-import { MobileTimePicker as Et } from "./mobiletimepicker.es.js";
-import { DesktopTimePicker as Vt } from "./desktoptimepicker.es.js";
+import { DesktopDateRangePicker as Gt } from "./desktopdaterangepicker.es.js";
+import { DesktopTimePicker as Rt } from "./desktoptimepicker.es.js";
+import { MobileDatePicker as Ht } from "./mobiledatepicker.es.js";
+import { MobileDateRangePicker as Et } from "./mobiledaterangepicker.es.js";
+import { MobileTimePicker as Vt } from "./mobiletimepicker.es.js";
 export {
   t as Accordion,
   a as AccordionContent,
@@ -124,8 +124,8 @@ export {
   Re as DateRangePicker,
   Te as DeleteAction,
   It as DesktopDatePicker,
-  Rt as DesktopDateRangePicker,
-  Vt as DesktopTimePicker,
+  Gt as DesktopDateRangePicker,
+  Rt as DesktopTimePicker,
   Ee as Dialog,
   Oe as DialogClose,
   Ve as DialogContent,
@@ -163,9 +163,9 @@ export {
   Pe as FreezeAction,
   Ur as IconButton,
   qr as Label,
-  Gt as MobileDatePicker,
-  Ht as MobileDateRangePicker,
-  Et as MobileTimePicker,
+  Ht as MobileDatePicker,
+  Et as MobileDateRangePicker,
+  Vt as MobileTimePicker,
   Kr as Modal,
   Nr as ModalFooter,
   Wr as MultiSelect,

package/dist/isdate.es.js

@@ -2,7 +2,6 @@ function e(t) {
   return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
 }
 export {
-  e as default,
   e as isDate
 };
 //# sourceMappingURL=isdate.es.js.map

package/dist/isvalid.es.js

@@ -1,10 +1,9 @@
 import { isDate as r } from "./isdate.es.js";
-import { toDate as t } from "./todate.es.js";
-function f(o) {
-  return !(!r(o) && typeof o != "number" || isNaN(+t(o)));
+import { toDate as i } from "./todate.es.js";
+function e(o) {
+  return !(!r(o) && typeof o != "number" || isNaN(+i(o)));
 }
 export {
-  f as default,
-  f as isValid
+  e as isValid
 };
 //# sourceMappingURL=isvalid.es.js.map

package/dist/mobiledatepicker.es.js

@@ -6,7 +6,7 @@ import { cn as m } from "./utils.es.js";
 import { Calendar as C } from "./calendar.es.js";
 import { Button as o } from "./button.es.js";
 import { Dialog as k, DialogContent as j, DialogHeader as P, DialogTitle as F, DialogDescription as O } from "./dialog.es.js";
-import { formatDate as s } from "./format.es.js";
+import { format as i } from "./format.es.js";
 const T = ({
   formatStr: l,
   selected: a,
@@ -19,9 +19,9 @@ const T = ({
   disabled: g,
   ...y
 }) => {
-  const [D, n] = c.useState(!1), [t, i] = c.useState(a), d = () => {
-    n(!1), i(a);
-  }, w = () => {
+  const [w, n] = c.useState(!1), [t, s] = c.useState(a), d = () => {
+    n(!1), s(a);
+  }, D = () => {
     x?.(t), n(!1);
   };
   return /* @__PURE__ */ r(v, { children: [
@@ -35,19 +35,19 @@ const T = ({
         ),
         "data-placeholder": a ? void 0 : "",
         onClick: () => n(!0),
-        "aria-label": a ? `Selected date: ${s(a, l ?? "yyyy/MM/dd")}` : "Pick a date",
+        "aria-label": a ? `Selected date: ${i(a, l ?? "yyyy/MM/dd")}` : "Pick a date",
         disabled: g,
         children: [
-          a ? s(a, l ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: p ?? "Pick a date" }),
+          a ? i(a, l ?? "eee, MMM dd") : /* @__PURE__ */ e("span", { children: p ?? "Pick a date" }),
           /* @__PURE__ */ e(N, { className: "mr-2 h-5 w-5 ms-auto" })
         ]
       }
     ),
-    /* @__PURE__ */ e(k, { open: D, onOpenChange: d, children: /* @__PURE__ */ r(j, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
+    /* @__PURE__ */ e(k, { open: w, onOpenChange: d, children: /* @__PURE__ */ r(j, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
       /* @__PURE__ */ r(P, { className: "p-4 border-b border-b-gray-200", children: [
         /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "text-sm font-bold space-y-1 mt-3", children: [
           /* @__PURE__ */ e("h5", { className: "text-text-300", children: t?.getFullYear() ?? /* @__PURE__ */ e("pre", { children: " " }) }),
-          /* @__PURE__ */ e("h6", { className: "", children: t ? s(t, l ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
+          /* @__PURE__ */ e("h6", { className: "", children: t ? i(t, l ?? "eee, MMM dd") : /* @__PURE__ */ e("pre", { children: " " }) })
         ] }) }),
         /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(O, { children: "Date Picker" }) })
       ] }),
@@ -61,13 +61,13 @@ const T = ({
             ...y,
             mode: "single",
             selected: t,
-            onSelect: i,
+            onSelect: s,
             className: m("p-0", f)
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex justify-center items-center gap-4 mt-auto w-full", children: [
           /* @__PURE__ */ e(o, { variant: "text", className: "flex-1 h-10", onClick: d, children: u ?? "Cancel" }),
-          /* @__PURE__ */ e(o, { variant: "primary", className: "flex-1 h-10", onClick: w, children: b ?? "Apply" })
+          /* @__PURE__ */ e(o, { variant: "primary", className: "flex-1 h-10", onClick: D, children: b ?? "Apply" })
         ] })
       ] })
     ] }) })

package/dist/mobiledaterangepicker.es.js

@@ -6,7 +6,7 @@ import { cn as p } from "./utils.es.js";
 import { Calendar as P } from "./calendar.es.js";
 import { Button as m } from "./button.es.js";
 import { Dialog as $, DialogContent as A, DialogHeader as H, DialogTitle as B, DialogDescription as I } from "./dialog.es.js";
-import { formatDate as l } from "./format.es.js";
+import { format as l } from "./format.es.js";
 const K = ({
   formatStr: n,
   selected: r,
@@ -20,9 +20,9 @@ const K = ({
   fromText: M,
   toText: v,
   disabled: N,
-  ...D
+  ...w
 }) => {
-  const [w, s] = f.useState(!1), [e, i] = f.useState(r), C = (a, k, j) => {
+  const [C, s] = f.useState(!1), [e, i] = f.useState(r), D = (a, k, j) => {
     x?.(a, k, j), !e || !e.from ? i({ from: a, to: void 0 }) : a < e.from ? e.to ? i({ from: a, to: e.to }) : i({ from: a, to: e.from }) : e?.from?.getTime() === a?.getTime() && (e?.from?.getTime() === e?.to?.getTime() || !e.to) ? i(void 0) : e?.from?.getTime() !== e?.to?.getTime() && (e.from?.getTime() === a?.getTime() || e?.to?.getTime() === a?.getTime()) ? i({ from: a, to: a }) : i({ ...e, to: a });
   }, c = () => {
     s(!1), i(r);
@@ -60,7 +60,7 @@ const K = ({
         ]
       }
     ),
-    /* @__PURE__ */ o($, { open: w, onOpenChange: c, children: /* @__PURE__ */ t(A, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
+    /* @__PURE__ */ o($, { open: C, onOpenChange: c, children: /* @__PURE__ */ t(A, { className: "h-dscreen w-screen p-0 flex flex-col gap-0 data-[state=open]:animate-slide-from-bottom data-[state=closed]:animate-slide-to-bottom overflow-auto max-w-screen-2xl sm:rounded-none", children: [
       /* @__PURE__ */ t(H, { children: [
         /* @__PURE__ */ o(B, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "grid grid-cols-2 border-b border-b-gray-200 mt-3", children: [
           /* @__PURE__ */ t("div", { className: "text-sm font-bold space-y-1 border-e border-e-gray-200 p-4", children: [
@@ -81,10 +81,10 @@ const K = ({
             defaultMonth: r?.from,
             startMonth: new Date(2e3, 0, 1),
             endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 2, 11, 31),
-            ...D,
+            ...w,
             mode: "range",
             selected: r,
-            onDayClick: C,
+            onDayClick: D,
             className: p("p-0", g)
           }
         ),

package/dist/sheet.es.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import * as r from "react";
 import * as e from "@radix-ui/react-dialog";
 import { tv as c } from "tailwind-variants";

package/dist/startofday.es.js

@@ -1,10 +1,9 @@
-import { toDate as a } from "./todate.es.js";
-function n(o, r) {
-  const t = a(o, r?.in);
+import { toDate as e } from "./todate.es.js";
+function a(o, r) {
+  const t = e(o, r?.in);
   return t.setHours(0, 0, 0, 0), t;
 }
 export {
-  n as default,
-  n as startOfDay
+  a as startOfDay
 };
 //# sourceMappingURL=startofday.es.js.map

package/dist/startofisoweek.es.js

@@ -1,9 +1,8 @@
 import { startOfWeek as r } from "./startofweek.es.js";
-function f(t, e) {
+function n(t, e) {
   return r(t, { ...e, weekStartsOn: 1 });
 }
 export {
-  f as default,
-  f as startOfISOWeek
+  n as startOfISOWeek
 };
 //# sourceMappingURL=startofisoweek.es.js.map

package/dist/startofisoweekyear.es.js

@@ -1,12 +1,11 @@
-import { constructFrom as a } from "./constructfrom.es.js";
-import { getISOWeekYear as f } from "./getisoweekyear.es.js";
-import { startOfISOWeek as s } from "./startofisoweek.es.js";
+import { constructFrom as f } from "./constructfrom.es.js";
+import { getISOWeekYear as s } from "./getisoweekyear.es.js";
+import { startOfISOWeek as a } from "./startofisoweek.es.js";
 function O(t, e) {
-  const o = f(t, e), r = a(t, 0);
-  return r.setFullYear(o, 0, 4), r.setHours(0, 0, 0, 0), s(r);
+  const o = s(t, e), r = f(t, 0);
+  return r.setFullYear(o, 0, 4), r.setHours(0, 0, 0, 0), a(r);
 }
 export {
-  O as default,
   O as startOfISOWeekYear
 };
 //# sourceMappingURL=startofisoweekyear.es.js.map