@trsys-tech/matrix-library 0.3.0 → 0.3.2

package/dist/datepicker.es.js

@@ -1,24 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import e from "react";
-import { DesktopDatePicker as c } from "./desktopdatepicker.es.js";
-import { MobileDatePicker as d } from "./mobiledatepicker.es.js";
-import i from "./defaulttheme.es.js";
-const b = (t) => {
-  const [n, s] = e.useState(0);
-  e.useEffect(() => {
-    const o = new ResizeObserver(() => {
-      s(window.innerWidth);
-    });
-    return o.observe(document.documentElement), () => {
-      o.disconnect();
-    };
-  }, []);
-  const m = e.useMemo(() => window !== void 0 ? window?.matchMedia?.(`(max-width: ${i.screens.md})`)?.matches : !1, [n]);
-  return console.log(i.screens.md), m ? /* @__PURE__ */ r(d, { ...t }) : /* @__PURE__ */ r(c, { ...t });
-};
+import { jsx as e } from "react/jsx-runtime";
+import { DesktopDatePicker as i } from "./desktopdatepicker.es.js";
+import { MobileDatePicker as r } from "./mobiledatepicker.es.js";
+import { useIsMobile as t } from "./use-mobile.es.js";
+const k = (o) => t() ? /* @__PURE__ */ e(r, { ...o }) : /* @__PURE__ */ e(i, { ...o });
 export {
-  b as DatePicker,
-  c as DesktopDatePicker,
-  d as MobileDatePicker
+  k as DatePicker,
+  i as DesktopDatePicker,
+  r as MobileDatePicker
 };
 //# sourceMappingURL=datepicker.es.js.map

package/dist/datepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.es.js","sources":["../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { DesktopDatePicker, DesktopDatePickerProps } from \"./DesktopDatePicker\";\r\nimport { MobileDatePicker, MobileDatePickerProps } from \"./MobileDatePicker\";\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\n\r\ntype DatePickerProps = DesktopDatePickerProps & MobileDatePickerProps & {};\r\n\r\nconst DatePicker: React.FC<DatePickerProps> = props => {\r\n  // re render to show proper modal on resize\r\n  const [windowSize, setWindowSize] = React.useState(0);\r\n  React.useEffect(() => {\r\n    const observer = new ResizeObserver(() => {\r\n      setWindowSize(window.innerWidth);\r\n    });\r\n\r\n    observer.observe(document.documentElement);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const isMobile = React.useMemo(() => {\r\n    if (window !== undefined) {\r\n      return window?.matchMedia?.(`(max-width: ${defaultTheme.screens.md})`)?.matches;\r\n    }\r\n    return false;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [windowSize]);\r\n\r\n  console.log(defaultTheme.screens.md);\r\n\r\n  return isMobile ? <MobileDatePicker {...props} /> : <DesktopDatePicker {...props} />;\r\n};\r\n\r\nexport { DatePicker, DesktopDatePicker, MobileDatePicker, type DatePickerProps, type DesktopDatePickerProps, type MobileDatePickerProps };\r\n"],"names":["DatePicker","props","windowSize","setWindowSize","React","observer","isMobile","defaultTheme","MobileDatePicker","jsx","DesktopDatePicker"],"mappings":";;;;;AAOA,MAAMA,IAAwC,CAASC,MAAA;AAErD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,CAAC;AACpDA,EAAAA,EAAM,UAAU,MAAM;AACd,UAAAC,IAAW,IAAI,eAAe,MAAM;AACxC,MAAAF,EAAc,OAAO,UAAU;AAAA,IAAA,CAChC;AAEQ,WAAAE,EAAA,QAAQ,SAAS,eAAe,GAElC,MAAM;AACX,MAAAA,EAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,EAAE;AAEC,QAAAC,IAAWF,EAAM,QAAQ,MACzB,WAAW,SACN,QAAQ,aAAa,eAAeG,EAAa,QAAQ,EAAE,GAAG,GAAG,UAEnE,IAEN,CAACL,CAAU,CAAC;AAEP,iBAAA,IAAIK,EAAa,QAAQ,EAAE,GAE5BD,sBAAYE,GAAkB,EAAA,GAAGP,GAAO,IAAK,gBAAAQ,EAACC,GAAmB,EAAA,GAAGT,EAAO,CAAA;AACpF;"}
+{"version":3,"file":"datepicker.es.js","sources":["../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { DesktopDatePicker, DesktopDatePickerProps } from \"./DesktopDatePicker\";\r\nimport { MobileDatePicker, MobileDatePickerProps } from \"./MobileDatePicker\";\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\n\r\ntype DatePickerProps = DesktopDatePickerProps & MobileDatePickerProps & {};\r\n\r\nconst DatePicker: React.FC<DatePickerProps> = props => {\r\n  const isMobile = useIsMobile();\r\n\r\n  return isMobile ? <MobileDatePicker {...props} /> : <DesktopDatePicker {...props} />;\r\n};\r\n\r\nexport { DatePicker, DesktopDatePicker, MobileDatePicker, type DatePickerProps, type DesktopDatePickerProps, type MobileDatePickerProps };\r\n"],"names":["DatePicker","props","useIsMobile","MobileDatePicker","jsx","DesktopDatePicker"],"mappings":";;;;AAOA,MAAMA,IAAwC,CAASC,MACpCC,EAAY,sBAEVC,GAAkB,EAAA,GAAGF,GAAO,IAAK,gBAAAG,EAACC,GAAmB,EAAA,GAAGJ,EAAO,CAAA;"}

package/dist/daterangepicker.es.js

@@ -1,22 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import e from "react";
-import s from "./defaulttheme.es.js";
-import { MobileDateRangePicker as m } from "./mobiledaterangepicker.es.js";
-import { DesktopDateRangePicker as c } from "./desktopdaterangepicker.es.js";
-const b = (t) => {
-  const [r, n] = e.useState(0);
-  return e.useEffect(() => {
-    const o = new ResizeObserver(() => {
-      n(window.innerWidth);
-    });
-    return o.observe(document.documentElement), () => {
-      o.disconnect();
-    };
-  }, []), e.useMemo(() => window !== void 0 ? window?.matchMedia?.(`(max-width: ${s.screens.md})`)?.matches : !1, [r]) ? /* @__PURE__ */ i(m, { ...t }) : /* @__PURE__ */ i(c, { ...t });
-};
+import { jsx as o } from "react/jsx-runtime";
+import { useIsMobile as i } from "./use-mobile.es.js";
+import { MobileDateRangePicker as r } from "./mobiledaterangepicker.es.js";
+import { DesktopDateRangePicker as t } from "./desktopdaterangepicker.es.js";
+const b = (e) => i() ? /* @__PURE__ */ o(r, { ...e }) : /* @__PURE__ */ o(t, { ...e });
 export {
   b as DateRangePicker,
-  c as DesktopDateRangePicker,
-  m as MobileDateRangePicker
+  t as DesktopDateRangePicker,
+  r as MobileDateRangePicker
 };
 //# sourceMappingURL=daterangepicker.es.js.map

package/dist/daterangepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"daterangepicker.es.js","sources":["../src/components/date-picker/DateRangePicker.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport defaultTheme from \"tailwindcss/defaultTheme\";\r\nimport { MobileDateRangePicker, MobileDateRangePickerProps } from \"./MobileDateRangePicker\";\r\nimport { DesktopDateRangePicker, DesktopDateRangePickerProps } from \"./DesktopDateRangePicker\";\r\n\r\ntype DateRangePickerProps = DesktopDateRangePickerProps & MobileDateRangePickerProps & {};\r\n\r\nconst DateRangePicker: React.FC<DateRangePickerProps> = props => {\r\n  // re render to show proper modal on resize\r\n  const [windowSize, setWindowSize] = React.useState(0);\r\n  React.useEffect(() => {\r\n    const observer = new ResizeObserver(() => {\r\n      setWindowSize(window.innerWidth);\r\n    });\r\n\r\n    observer.observe(document.documentElement);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, []);\r\n\r\n  const isMobile = React.useMemo(() => {\r\n    if (window !== undefined) {\r\n      return window?.matchMedia?.(`(max-width: ${defaultTheme.screens.md})`)?.matches;\r\n    }\r\n    return false;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [windowSize]);\r\n\r\n  return isMobile ? <MobileDateRangePicker {...props} /> : <DesktopDateRangePicker {...props} />;\r\n};\r\n\r\nexport {\r\n  DateRangePicker,\r\n  DesktopDateRangePicker,\r\n  MobileDateRangePicker,\r\n  type DateRangePickerProps,\r\n  type DesktopDateRangePickerProps,\r\n  type MobileDateRangePickerProps,\r\n};\r\n"],"names":["DateRangePicker","props","windowSize","setWindowSize","React","observer","defaultTheme","MobileDateRangePicker","jsx","DesktopDateRangePicker"],"mappings":";;;;;AAQA,MAAMA,IAAkD,CAASC,MAAA;AAE/D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,CAAC;AACpDA,SAAAA,EAAM,UAAU,MAAM;AACd,UAAAC,IAAW,IAAI,eAAe,MAAM;AACxC,MAAAF,EAAc,OAAO,UAAU;AAAA,IAAA,CAChC;AAEQ,WAAAE,EAAA,QAAQ,SAAS,eAAe,GAElC,MAAM;AACX,MAAAA,EAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,EAAE,GAEYD,EAAM,QAAQ,MACzB,WAAW,SACN,QAAQ,aAAa,eAAeE,EAAa,QAAQ,EAAE,GAAG,GAAG,UAEnE,IAEN,CAACJ,CAAU,CAAC,sBAEIK,GAAuB,EAAA,GAAGN,GAAO,IAAK,gBAAAO,EAACC,GAAwB,EAAA,GAAGR,EAAO,CAAA;AAC9F;"}
+{"version":3,"file":"daterangepicker.es.js","sources":["../src/components/date-picker/DateRangePicker.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport { useIsMobile } from \"../../lib/hooks/use-mobile\";\r\nimport { MobileDateRangePicker, MobileDateRangePickerProps } from \"./MobileDateRangePicker\";\r\nimport { DesktopDateRangePicker, DesktopDateRangePickerProps } from \"./DesktopDateRangePicker\";\r\n\r\ntype DateRangePickerProps = DesktopDateRangePickerProps & MobileDateRangePickerProps & {};\r\n\r\nconst DateRangePicker: React.FC<DateRangePickerProps> = props => {\r\n  const isMobile = useIsMobile();\r\n\r\n  return isMobile ? <MobileDateRangePicker {...props} /> : <DesktopDateRangePicker {...props} />;\r\n};\r\n\r\nexport {\r\n  DateRangePicker,\r\n  DesktopDateRangePicker,\r\n  MobileDateRangePicker,\r\n  type DateRangePickerProps,\r\n  type DesktopDateRangePickerProps,\r\n  type MobileDateRangePickerProps,\r\n};\r\n"],"names":["DateRangePicker","props","useIsMobile","MobileDateRangePicker","jsx","DesktopDateRangePicker"],"mappings":";;;;AAQA,MAAMA,IAAkD,CAASC,MAC9CC,EAAY,sBAEVC,GAAuB,EAAA,GAAGF,GAAO,IAAK,gBAAAG,EAACC,GAAwB,EAAA,GAAGJ,EAAO,CAAA;"}

package/dist/desktopdatepicker.es.js

@@ -1,54 +1,55 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import * as h from "react";
-import { cn as g } from "./utils.es.js";
-import { Calendar as C } from "./calendar.es.js";
-import { Button as x } from "./button.es.js";
-import { Popover as k, PopoverTrigger as v, PopoverContent as D } from "./popover.es.js";
-import { CalendarIcon as P } from "./calendaricon.es.js";
-import { formatDate as N } from "./format.es.js";
-const L = ({
-  formatStr: e,
-  selected: o,
-  placeholder: n,
-  className: i,
-  calendarClassName: s,
-  closeOnSelect: m,
-  onDayClick: p,
-  ...c
+import { Calendar as C } from "@trsys-tech/matrix-icons";
+import { cn as k } from "./utils.es.js";
+import { Calendar as x } from "./calendar.es.js";
+import { Button as P } from "./button.es.js";
+import { Popover as v, PopoverTrigger as D, PopoverContent as M } from "./popover.es.js";
+import { formatDate as n } from "./format.es.js";
+const I = ({
+  formatStr: o,
+  selected: a,
+  placeholder: i,
+  className: s,
+  calendarClassName: m,
+  closeOnSelect: p,
+  onDayClick: l,
+  ...d
 }) => {
-  const [f, t] = h.useState(!1), l = (d, u, y) => {
-    p?.(d, u, y), m && t(!1);
+  const [c, t] = h.useState(!1), f = (y, u, g) => {
+    l?.(y, u, g), p && t(!1);
   };
-  return /* @__PURE__ */ a(k, { open: f, onOpenChange: t, children: [
-    /* @__PURE__ */ r(v, { asChild: !0, children: /* @__PURE__ */ a(
-      x,
+  return /* @__PURE__ */ e(v, { open: c, onOpenChange: t, children: [
+    /* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ e(
+      P,
       {
         variant: "outline",
-        className: g(
-          "border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
-          !o && "text-muted-foreground",
-          i
+        className: k(
+          "w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
+          !a && "text-muted-foreground",
+          s
         ),
+        "aria-label": a ? `Selected date: ${n(a, o ?? "yyyy/MM/dd")}` : "Pick a date",
         children: [
-          o ? N(o, e ?? "yyyy/MM/dd") : /* @__PURE__ */ r("span", { children: n ?? "Pick a date" }),
-          /* @__PURE__ */ r(P, { className: "mr-2 h-5 w-5 ms-auto" })
+          a ? n(a, o ?? "yyyy/MM/dd") : /* @__PURE__ */ r("span", { children: i ?? "Pick a date" }),
+          /* @__PURE__ */ r(C, { className: "mr-2 ms-auto" })
         ]
       }
     ) }),
-    /* @__PURE__ */ r(D, { className: "w-auto p-0", children: /* @__PURE__ */ r(
-      C,
+    /* @__PURE__ */ r(M, { className: "w-auto p-0", children: /* @__PURE__ */ r(
+      x,
       {
-        ...c,
+        ...d,
         mode: "single",
-        selected: o,
+        selected: a,
         captionLayout: "dropdown-years",
-        className: s,
-        onDayClick: l
+        className: m,
+        onDayClick: f
       }
     ) })
   ] });
 };
 export {
-  L as DesktopDatePicker
+  I as DesktopDatePicker
 };
 //# sourceMappingURL=desktopdatepicker.es.js.map

package/dist/desktopdatepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktopdatepicker.es.js","sources":["../src/components/date-picker/DesktopDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsSingle, DayEventHandler } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { CalendarIcon } from \"../Icons/CalendarIcon\";\r\n\r\ntype DesktopDatePickerProps = PropsBase &\r\n  Omit<PropsSingle, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: Date;\r\n    required?: boolean;\r\n    closeOnSelect?: boolean;\r\n  };\r\n\r\nconst DesktopDatePicker: React.FC<DesktopDatePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  closeOnSelect,\r\n  onDayClick,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  const handleDayClick: DayEventHandler<React.MouseEvent<Element, MouseEvent>> = (date, modifiers, e) => {\r\n    onDayClick?.(date, modifiers, e);\r\n    if (closeOnSelect) setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n        >\r\n          {selected ? format(selected, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n          <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\">\r\n        <Calendar\r\n          {...props}\r\n          mode=\"single\"\r\n          selected={selected}\r\n          captionLayout=\"dropdown-years\"\r\n          className={calendarClassName}\r\n          onDayClick={handleDayClick}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDatePicker, type DesktopDatePickerProps };\r\n"],"names":["DesktopDatePicker","formatStr","selected","placeholder","className","calendarClassName","closeOnSelect","onDayClick","props","isOpen","setIsOpen","React","handleDayClick","date","modifiers","e","jsxs","Popover","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAE1CC,IAAyE,CAACC,GAAMC,GAAWC,MAAM;AACxF,IAAAR,IAAAM,GAAMC,GAAWC,CAAC,GAC3BT,OAAyB,EAAK;AAAA,EACpC;AAEA,SACG,gBAAAU,EAAAC,GAAA,EAAQ,MAAMR,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAQ,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC;AAAA,UACT;AAAA,UACA,CAACnB,KAAY;AAAA,UACbE;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAAWF,IAAAoB,EAAOpB,GAAUD,KAAa,YAAY,IAAK,gBAAAiB,EAAA,QAAA,EAAM,eAAe,cAAc,CAAA;AAAA,UAC9F,gBAAAA,EAACK,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,gBAAAL,EAACM,GAAe,EAAA,WAAU,cACxB,UAAA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACE,GAAGjB;AAAA,QACJ,MAAK;AAAA,QACL,UAAAN;AAAA,QACA,eAAc;AAAA,QACd,WAAWG;AAAA,QACX,YAAYO;AAAA,MAAA;AAAA,IAAA,EAEhB,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"desktopdatepicker.es.js","sources":["../src/components/date-picker/DesktopDatePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\nimport { PropsBase, PropsSingle, DayEventHandler } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopDatePickerProps = PropsBase &\r\n  Omit<PropsSingle, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: Date;\r\n    required?: boolean;\r\n    closeOnSelect?: boolean;\r\n  };\r\n\r\nconst DesktopDatePicker: React.FC<DesktopDatePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  closeOnSelect,\r\n  onDayClick,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  const handleDayClick: DayEventHandler<React.MouseEvent<Element, MouseEvent>> = (date, modifiers, e) => {\r\n    onDayClick?.(date, modifiers, e);\r\n    if (closeOnSelect) setIsOpen(false);\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n          aria-label={selected ? `Selected date: ${format(selected, formatStr ?? \"yyyy/MM/dd\")}` : \"Pick a date\"}\r\n        >\r\n          {selected ? format(selected, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"Pick a date\"}</span>}\r\n          <CalendarIcon className=\"mr-2 ms-auto\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\">\r\n        <Calendar\r\n          {...props}\r\n          mode=\"single\"\r\n          selected={selected}\r\n          captionLayout=\"dropdown-years\"\r\n          className={calendarClassName}\r\n          onDayClick={handleDayClick}\r\n        />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDatePicker, type DesktopDatePickerProps };\r\n"],"names":["DesktopDatePicker","formatStr","selected","placeholder","className","calendarClassName","closeOnSelect","onDayClick","props","isOpen","setIsOpen","React","handleDayClick","date","modifiers","e","jsxs","Popover","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK,GAE1CC,IAAyE,CAACC,GAAMC,GAAWC,MAAM;AACxF,IAAAR,IAAAM,GAAMC,GAAWC,CAAC,GAC3BT,OAAyB,EAAK;AAAA,EACpC;AAEA,SACG,gBAAAU,EAAAC,GAAA,EAAQ,MAAMR,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAQ,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC;AAAA,UACT;AAAA,UACA,CAACnB,KAAY;AAAA,UACbE;AAAA,QACF;AAAA,QACA,cAAYF,IAAW,kBAAkBoB,EAAOpB,GAAUD,KAAa,YAAY,CAAC,KAAK;AAAA,QAExF,UAAA;AAAA,UAAWC,IAAAoB,EAAOpB,GAAUD,KAAa,YAAY,IAAK,gBAAAiB,EAAA,QAAA,EAAM,eAAe,cAAc,CAAA;AAAA,UAC9F,gBAAAA,EAACK,GAAa,EAAA,WAAU,eAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAE3C;AAAA,IACA,gBAAAL,EAACM,GAAe,EAAA,WAAU,cACxB,UAAA,gBAAAN;AAAA,MAACO;AAAAA,MAAA;AAAA,QACE,GAAGjB;AAAA,QACJ,MAAK;AAAA,QACL,UAAAN;AAAA,QACA,eAAc;AAAA,QACd,WAAWG;AAAA,QACX,YAAYO;AAAA,MAAA;AAAA,IAAA,EAEhB,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/desktopdaterangepicker.es.js

@@ -1,59 +1,64 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import * as l from "react";
-import { cn as n } from "./utils.es.js";
-import { Calendar as u } from "./calendar.es.js";
-import { Button as g } from "./button.es.js";
-import { CalendarIcon as h } from "./calendaricon.es.js";
-import { Popover as y, PopoverTrigger as x, PopoverContent as v } from "./popover.es.js";
-import { formatDate as e } from "./format.es.js";
-const k = ({
-  formatStr: t,
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import * as g from "react";
+import { Calendar as c } from "@trsys-tech/matrix-icons";
+import { cn as i } from "./utils.es.js";
+import { Calendar as h } from "./calendar.es.js";
+import { Button as M } from "./button.es.js";
+import { Popover as x, PopoverTrigger as v, PopoverContent as C } from "./popover.es.js";
+import { formatDate as t } from "./format.es.js";
+const D = ({
+  formatStr: n,
   selected: r,
   placeholder: m,
-  className: i,
-  calendarClassName: s,
-  ...p
+  className: s,
+  calendarClassName: e,
+  fromText: p,
+  toText: f,
+  ...d
 }) => {
-  const [f, d] = l.useState(!1);
-  return /* @__PURE__ */ o(
-    y,
+  const [y, l] = g.useState(!1);
+  return /* @__PURE__ */ a(
+    x,
     {
-      open: f,
-      onOpenChange: (c) => {
-        d(c);
+      open: y,
+      onOpenChange: (u) => {
+        l(u);
       },
       children: [
-        /* @__PURE__ */ a(x, { asChild: !0, children: /* @__PURE__ */ o(
-          g,
+        /* @__PURE__ */ o(v, { asChild: !0, children: /* @__PURE__ */ a(
+          M,
           {
             variant: "outline",
-            className: n(
-              "border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
+            className: i(
+              "w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start",
               !r && "text-muted-foreground",
-              i
+              s
             ),
+            "aria-label": r ? `Selected date: ${r?.from ? t(r.from, n ?? "yyyy/MM/dd") : ""} - ${r?.to ? t(r.to, n ?? "yyyy/MM/dd") : ""}` : m,
             children: [
-              r ? /* @__PURE__ */ o("div", { className: "grid grid-cols-2 flex-1 justify-items-start", children: [
-                /* @__PURE__ */ o("span", { children: [
-                  "From: ",
-                  r?.from ? e(r.from, t ?? "yyyy/MM/dd") : "-"
+              r ? /* @__PURE__ */ a("div", { className: "grid grid-cols-2 flex-1 justify-items-start", children: [
+                /* @__PURE__ */ a("span", { children: [
+                  p ?? "From",
+                  ": ",
+                  r?.from ? t(r.from, n ?? "yyyy/MM/dd") : "-"
                 ] }),
                 " ",
-                /* @__PURE__ */ o("span", { children: [
-                  "To: ",
-                  r?.to ? e(r.to, t ?? "yyyy/MM/dd") : "-"
+                /* @__PURE__ */ a("span", { children: [
+                  f ?? "To",
+                  ": ",
+                  r?.to ? t(r.to, n ?? "yyyy/MM/dd") : "-"
                 ] })
-              ] }) : /* @__PURE__ */ a("span", { children: m ?? "Pick a Range" }),
-              /* @__PURE__ */ a(h, { className: "mr-2 h-5 w-4 ms-auto" })
+              ] }) : /* @__PURE__ */ o("span", { children: m ?? "Pick a Range" }),
+              /* @__PURE__ */ o(c, { className: "mr-2 h-5 w-4 ms-auto" })
             ]
           }
         ) }),
-        /* @__PURE__ */ a(v, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ a(u, { ...p, mode: "range", selected: r, className: n(s, "md:max-w-full md:w-[36rem]"), numberOfMonths: 2 }) })
+        /* @__PURE__ */ o(C, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ o(h, { ...d, mode: "range", selected: r, className: i(e, "md:max-w-full md:w-[36rem]"), numberOfMonths: 2 }) })
       ]
     }
   );
 };
 export {
-  k as DesktopDateRangePicker
+  D as DesktopDateRangePicker
 };
 //# sourceMappingURL=desktopdaterangepicker.es.js.map

package/dist/desktopdaterangepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktopdaterangepicker.es.js","sources":["../src/components/date-picker/DesktopDateRangePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsRange, DateRange } from \"react-day-picker\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { CalendarIcon } from \"../Icons/CalendarIcon\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopDateRangePickerProps = PropsBase &\r\n  Omit<PropsRange, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: DateRange;\r\n    required?: boolean;\r\n  };\r\n\r\nconst DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  return (\r\n    <Popover\r\n      open={isOpen}\r\n      onOpenChange={open => {\r\n        setIsOpen(open);\r\n      }}\r\n    >\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n        >\r\n          {selected ? (\r\n            <div className=\"grid grid-cols-2 flex-1 justify-items-start\">\r\n              <span>From: {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : \"-\"}</span>{\" \"}\r\n              <span>To: {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : \"-\"}</span>\r\n            </div>\r\n          ) : (\r\n            <span>{placeholder ?? \"Pick a Range\"}</span>\r\n          )}\r\n          <CalendarIcon className=\"mr-2 h-5 w-4 ms-auto\" />\r\n        </Button>\r\n        {/* <div className=\"flex gap-2\">\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"From\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"To\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n        </div> */}\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar {...props} mode=\"range\" selected={selected} className={cn(calendarClassName, \"md:max-w-full md:w-[36rem]\")} numberOfMonths={2} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDateRangePicker, type DesktopDateRangePickerProps };\r\n"],"names":["DesktopDateRangePicker","formatStr","selected","placeholder","className","calendarClassName","props","isOpen","setIsOpen","React","jsxs","Popover","open","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK;AAG9C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,cAAc,CAAQK,MAAA;AACpB,QAAAJ,EAAUI,CAAI;AAAA,MAChB;AAAA,MAEA,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAWC;AAAA,cACT;AAAA,cACA,CAACd,KAAY;AAAA,cACbE;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cACCF,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,QAAK,EAAA,UAAA;AAAA,kBAAA;AAAA,kBAAOR,GAAU,OAAOe,EAAOf,EAAS,MAAMD,KAAa,YAAY,IAAI;AAAA,gBAAA,GAAI;AAAA,gBAAQ;AAAA,kCAC5F,QAAK,EAAA,UAAA;AAAA,kBAAA;AAAA,kBAAKC,GAAU,KAAKe,EAAOf,EAAS,IAAID,KAAa,YAAY,IAAI;AAAA,gBAAA,EAAI,CAAA;AAAA,cAAA,EACjF,CAAA,IAEA,gBAAAY,EAAC,QAAM,EAAA,UAAAV,KAAe,gBAAe;AAAA,cAEvC,gBAAAU,EAACK,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GA0BnD;AAAA,QACA,gBAAAL,EAACM,KAAe,WAAU,cAAa,OAAM,SAC3C,UAAA,gBAAAN,EAACO,KAAU,GAAGd,GAAO,MAAK,SAAQ,UAAAJ,GAAoB,WAAWc,EAAGX,GAAmB,4BAA4B,GAAG,gBAAgB,GAAG,EAC3I,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"desktopdaterangepicker.es.js","sources":["../src/components/date-picker/DesktopDateRangePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { format } from \"date-fns\";\r\nimport { PropsBase, PropsRange, DateRange } from \"react-day-picker\";\r\nimport { Calendar as CalendarIcon } from \"@trsys-tech/matrix-icons\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Calendar } from \"./calendar\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopDateRangePickerProps = PropsBase &\r\n  Omit<PropsRange, \"mode\"> & {\r\n    formatStr?: string;\r\n    placeholder?: string;\r\n    calendarClassName?: string;\r\n    selected?: DateRange;\r\n    required?: boolean;\r\n    fromText?: string;\r\n    toText?: string;\r\n  };\r\n\r\nconst DesktopDateRangePicker: React.FC<DesktopDateRangePickerProps> = ({\r\n  formatStr,\r\n  selected,\r\n  placeholder,\r\n  className,\r\n  calendarClassName,\r\n  fromText,\r\n  toText,\r\n  ...props\r\n}) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n\r\n  return (\r\n    <Popover\r\n      open={isOpen}\r\n      onOpenChange={open => {\r\n        setIsOpen(open);\r\n      }}\r\n    >\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\r\n            \"w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n            !selected && \"text-muted-foreground\",\r\n            className,\r\n          )}\r\n          aria-label={\r\n            selected\r\n              ? `Selected date: ${selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : \"\"} - ${selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : \"\"}`\r\n              : placeholder\r\n          }\r\n        >\r\n          {selected ? (\r\n            <div className=\"grid grid-cols-2 flex-1 justify-items-start\">\r\n              <span>\r\n                {fromText ?? \"From\"}: {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : \"-\"}\r\n              </span>{\" \"}\r\n              <span>\r\n                {toText ?? \"To\"}: {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : \"-\"}\r\n              </span>\r\n            </div>\r\n          ) : (\r\n            <span>{placeholder ?? \"Pick a Range\"}</span>\r\n          )}\r\n          <CalendarIcon className=\"mr-2 h-5 w-4 ms-auto\" />\r\n        </Button>\r\n        {/* <div className=\"flex gap-2\">\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.from ? format(selected.from, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"From\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n          <Button\r\n            variant={\"outline\"}\r\n            className={cn(\r\n              \"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\",\r\n              !selected && \"text-muted-foreground\",\r\n              className,\r\n            )}\r\n          >\r\n            {selected?.to ? format(selected.to, formatStr ?? \"yyyy/MM/dd\") : <span>{placeholder ?? \"To\"}</span>}\r\n            <CalendarIcon className=\"mr-2 h-5 w-5 ms-auto\" />\r\n          </Button>\r\n        </div> */}\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <Calendar {...props} mode=\"range\" selected={selected} className={cn(calendarClassName, \"md:max-w-full md:w-[36rem]\")} numberOfMonths={2} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n\r\nexport { DesktopDateRangePicker, type DesktopDateRangePickerProps };\r\n"],"names":["DesktopDateRangePicker","formatStr","selected","placeholder","className","calendarClassName","fromText","toText","props","isOpen","setIsOpen","React","jsxs","Popover","open","jsx","PopoverTrigger","Button","cn","format","CalendarIcon","PopoverContent","Calendar"],"mappings":";;;;;;;;AAuBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAM,SAAS,EAAK;AAG9C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,cAAc,CAAQK,MAAA;AACpB,QAAAJ,EAAUI,CAAI;AAAA,MAChB;AAAA,MAEA,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,WAAWC;AAAA,cACT;AAAA,cACA,CAAChB,KAAY;AAAA,cACbE;AAAA,YACF;AAAA,YACA,cACEF,IACI,kBAAkBA,GAAU,OAAOiB,EAAOjB,EAAS,MAAMD,KAAa,YAAY,IAAI,EAAE,MAAMC,GAAU,KAAKiB,EAAOjB,EAAS,IAAID,KAAa,YAAY,IAAI,EAAE,KAChKE;AAAA,YAGL,UAAA;AAAA,cACCD,IAAA,gBAAAU,EAAC,OAAI,EAAA,WAAU,+CACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,QACE,EAAA,UAAA;AAAA,kBAAYN,KAAA;AAAA,kBAAO;AAAA,kBAAGJ,GAAU,OAAOiB,EAAOjB,EAAS,MAAMD,KAAa,YAAY,IAAI;AAAA,gBAAA,GAC7F;AAAA,gBAAQ;AAAA,kCACP,QACE,EAAA,UAAA;AAAA,kBAAUM,KAAA;AAAA,kBAAK;AAAA,kBAAGL,GAAU,KAAKiB,EAAOjB,EAAS,IAAID,KAAa,YAAY,IAAI;AAAA,gBAAA,EACrF,CAAA;AAAA,cAAA,EACF,CAAA,IAEA,gBAAAc,EAAC,QAAM,EAAA,UAAAZ,KAAe,gBAAe;AAAA,cAEvC,gBAAAY,EAACK,GAAa,EAAA,WAAU,uBAAuB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GA0BnD;AAAA,QACA,gBAAAL,EAACM,KAAe,WAAU,cAAa,OAAM,SAC3C,UAAA,gBAAAN,EAACO,KAAU,GAAGd,GAAO,MAAK,SAAQ,UAAAN,GAAoB,WAAWgB,EAAGb,GAAmB,4BAA4B,GAAG,gBAAgB,GAAG,EAC3I,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/desktoptimepicker.es.js

@@ -1,25 +1,33 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { cn as o } from "./utils.es.js";
-import { Button as u } from "./button.es.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { cn as n } from "./utils.es.js";
+import { Button as l } from "./button.es.js";
 import { TimePickerContent as f } from "./timepickercontent.es.js";
-import { Popover as d, PopoverTrigger as g, PopoverContent as l } from "./popover.es.js";
-const k = ({ time: t, onTimeChange: a, className: i, slotsProps: e, ...p }) => {
-  const [n, m] = s(!1);
-  return /* @__PURE__ */ c(d, { open: n, onOpenChange: m, children: [
-    /* @__PURE__ */ r(g, { asChild: !0, children: /* @__PURE__ */ r(
-      u,
+import { Popover as d, PopoverTrigger as h, PopoverContent as g } from "./popover.es.js";
+const P = ({
+  time: r,
+  onTimeChange: a,
+  className: i,
+  slotsProps: e,
+  placeholder: p = "Pick a Time",
+  ...c
+}) => {
+  const [o, m] = u(!1);
+  return /* @__PURE__ */ s(d, { open: o, onOpenChange: m, children: [
+    /* @__PURE__ */ t(h, { asChild: !0, children: /* @__PURE__ */ t(
+      l,
       {
         variant: "outline",
-        className: o("border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start", i),
-        ...p,
-        children: `${t?.hour?.toString()?.padStart(2, "0") ?? "--"} : ${t?.minute?.toString()?.padStart(2, "0") ?? "--"} ${t?.ampm ?? "--"}`
+        className: n("w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start", i),
+        "aria-label": r?.hour ? `Selected time: ${r.hour}:${r.minute} ${r.ampm}` : p,
+        ...c,
+        children: `${r?.hour?.toString()?.padStart(2, "0") ?? "--"} : ${r?.minute?.toString()?.padStart(2, "0") ?? "--"} ${r?.ampm ?? "--"}`
       }
     ) }),
-    /* @__PURE__ */ r(l, { ...e?.content ?? {}, className: o("w-auto p-0", e?.content?.className), children: /* @__PURE__ */ r(f, { isOpen: n, onTimeChange: a, time: t, slotsProps: e }) })
+    /* @__PURE__ */ t(g, { ...e?.content ?? {}, className: n("w-auto p-0", e?.content?.className), children: /* @__PURE__ */ t(f, { isOpen: o, onTimeChange: a, time: r, slotsProps: e }) })
   ] });
 };
 export {
-  k as DesktopTimePicker
+  P as DesktopTimePicker
 };
 //# sourceMappingURL=desktoptimepicker.es.js.map

package/dist/desktoptimepicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktoptimepicker.es.js","sources":["../src/components/date-picker/DesktopTimePicker.tsx"],"sourcesContent":["import { HTMLAttributes, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Time, TimePickerContent } from \"./TimePickerContent\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopTimePickerProps = HTMLAttributes<HTMLButtonElement> & {\r\n  time: Time | undefined;\r\n  onTimeChange: (time: Time | undefined) => void;\r\n  slotsProps?: {\r\n    content?: HTMLAttributes<HTMLDivElement>;\r\n  };\r\n};\r\n\r\nconst DesktopTimePicker: React.FC<DesktopTimePickerProps> = ({ time, onTimeChange, className, slotsProps, ...restProps }) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\"border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\", className)}\r\n          {...restProps}\r\n        >\r\n          {`${time?.hour?.toString()?.padStart(2, \"0\") ?? \"--\"} : ${time?.minute?.toString()?.padStart(2, \"0\") ?? \"--\"} ${time?.ampm ?? \"--\"}`}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent {...(slotsProps?.content ?? {})} className={cn(\"w-auto p-0\", slotsProps?.content?.className)}>\r\n        <TimePickerContent isOpen={isOpen} onTimeChange={onTimeChange} time={time} slotsProps={slotsProps} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\nexport { DesktopTimePicker, type DesktopTimePickerProps };\r\n"],"names":["DesktopTimePicker","time","onTimeChange","className","slotsProps","restProps","isOpen","setIsOpen","useState","jsxs","Popover","jsx","PopoverTrigger","Button","cn","PopoverContent","TimePickerContent"],"mappings":";;;;;;AAeM,MAAAA,IAAsD,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,WAAAC,GAAW,YAAAC,GAAY,GAAGC,QAAgB;AAC3H,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,SACG,gBAAAC,EAAAC,GAAA,EAAQ,MAAMJ,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC,EAAG,gFAAgFX,CAAS;AAAA,QACtG,GAAGE;AAAA,QAEH,UAAA,GAAGJ,GAAM,MAAM,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,MAAMA,GAAM,QAAQ,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,IAAIA,GAAM,QAAQ,IAAI;AAAA,MAAA;AAAA,IAAA,GAEtI;AAAA,IACA,gBAAAU,EAACI,KAAgB,GAAIX,GAAY,WAAW,CAAA,GAAK,WAAWU,EAAG,cAAcV,GAAY,SAAS,SAAS,GACzG,UAAC,gBAAAO,EAAAK,GAAA,EAAkB,QAAAV,GAAgB,cAAAJ,GAA4B,MAAAD,GAAY,YAAAG,GAAwB,EACrG,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"desktoptimepicker.es.js","sources":["../src/components/date-picker/DesktopTimePicker.tsx"],"sourcesContent":["import { HTMLAttributes, useState } from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Time, TimePickerContent } from \"./TimePickerContent\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\n\r\ntype DesktopTimePickerProps = HTMLAttributes<HTMLButtonElement> & {\r\n  time: Time | undefined;\r\n  onTimeChange: (time: Time | undefined) => void;\r\n  placeholder?: string;\r\n  slotsProps?: {\r\n    content?: HTMLAttributes<HTMLDivElement>;\r\n  };\r\n};\r\n\r\nconst DesktopTimePicker: React.FC<DesktopTimePickerProps> = ({\r\n  time,\r\n  onTimeChange,\r\n  className,\r\n  slotsProps,\r\n  placeholder = \"Pick a Time\",\r\n  ...restProps\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant={\"outline\"}\r\n          className={cn(\"w-full border-gray-300 text-text focus:ring-0 active:ring-transparent justify-start\", className)}\r\n          aria-label={time?.hour ? `Selected time: ${time.hour}:${time.minute} ${time.ampm}` : placeholder}\r\n          {...restProps}\r\n        >\r\n          {`${time?.hour?.toString()?.padStart(2, \"0\") ?? \"--\"} : ${time?.minute?.toString()?.padStart(2, \"0\") ?? \"--\"} ${time?.ampm ?? \"--\"}`}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent {...(slotsProps?.content ?? {})} className={cn(\"w-auto p-0\", slotsProps?.content?.className)}>\r\n        <TimePickerContent isOpen={isOpen} onTimeChange={onTimeChange} time={time} slotsProps={slotsProps} />\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\nexport { DesktopTimePicker, type DesktopTimePickerProps };\r\n"],"names":["DesktopTimePicker","time","onTimeChange","className","slotsProps","placeholder","restProps","isOpen","setIsOpen","useState","jsxs","Popover","jsx","PopoverTrigger","Button","cn","PopoverContent","TimePickerContent"],"mappings":";;;;;;AAgBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,SACG,gBAAAC,EAAAC,GAAA,EAAQ,MAAMJ,GAAQ,cAAcC,GACnC,UAAA;AAAA,IAAC,gBAAAI,EAAAC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWC,EAAG,uFAAuFZ,CAAS;AAAA,QAC9G,cAAYF,GAAM,OAAO,kBAAkBA,EAAK,IAAI,IAAIA,EAAK,MAAM,IAAIA,EAAK,IAAI,KAAKI;AAAA,QACpF,GAAGC;AAAA,QAEH,UAAA,GAAGL,GAAM,MAAM,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,MAAMA,GAAM,QAAQ,SAAA,GAAY,SAAS,GAAG,GAAG,KAAK,IAAI,IAAIA,GAAM,QAAQ,IAAI;AAAA,MAAA;AAAA,IAAA,GAEtI;AAAA,IACA,gBAAAW,EAACI,KAAgB,GAAIZ,GAAY,WAAW,CAAA,GAAK,WAAWW,EAAG,cAAcX,GAAY,SAAS,SAAS,GACzG,UAAC,gBAAAQ,EAAAK,GAAA,EAAkB,QAAAV,GAAgB,cAAAL,GAA4B,MAAAD,GAAY,YAAAG,GAAwB,EACrG,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/dialog.es.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as d } 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";
 import { cn as l } from "./utils.es.js";
-import { CloseIcon as m } from "./closeicon.es.js";
 const b = a.Root, w = a.Trigger, c = a.Portal, h = a.Close, n = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
   a.Overlay,
   {

package/dist/dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.es.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n} from \"@radix-ui/react-dialog\";\n\nimport { cn } from \"../../lib/utils\";\nimport { CloseIcon } from \"../Icons/CloseIcon\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <CloseIcon className=\"h-5 w-5\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Title>, React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\n  ),\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => <DialogPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription };\nexport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","CloseIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAgBA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACpC,gBAAAK,EAACX,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAc,EAAA;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACA,gBAAAC,EAAAb,EAAgB,OAAhB,EAAsB,WAAU,sIAC/B,UAAA;AAAA,UAAC,gBAAAS,EAAAK,GAAA,EAAU,WAAU,UAAU,CAAA;AAAA,UAC9B,gBAAAL,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMe,IAAe,CAAC,EAAE,WAAAT,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,uCAAuCJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAEnFQ,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAV,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,iEAAiEJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7GS,EAAa,cAAc;AAE3B,MAAMC,IAAcZ,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAT,EAAgB,OAAhB,EAAsB,KAAAQ,GAAU,WAAWE,EAAG,qDAAqDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE/H;AACAU,EAAY,cAAcjB,EAAgB,MAAM;AAE1C,MAAAkB,IAAoBb,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACT,EAAgB,aAAhB,EAA4B,KAAAQ,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACnJW,EAAkB,cAAclB,EAAgB,YAAY;"}
+{"version":3,"file":"dialog.es.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n} from \"@radix-ui/react-dialog\";\nimport { XMark } from \"@trsys-tech/matrix-icons\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <XMark className=\"h-5 w-5\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col space-y-1.5 text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Title>, React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)} {...props} />\n  ),\n);\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => <DialogPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription };\nexport type {\n  DialogContentProps,\n  DialogTriggerProps,\n  DialogProps,\n  DialogCloseProps,\n  DialogTitleProps,\n  DialogPortalProps,\n  DialogOverlayProps,\n  DialogDescriptionProps,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","XMark","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAgBA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACpC,gBAAAK,EAACX,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAc,EAAA;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACA,gBAAAC,EAAAb,EAAgB,OAAhB,EAAsB,WAAU,sIAC/B,UAAA;AAAA,UAAC,gBAAAS,EAAAK,GAAA,EAAM,WAAU,UAAU,CAAA;AAAA,UAC1B,gBAAAL,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMe,IAAe,CAAC,EAAE,WAAAT,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,uCAAuCJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAEnFQ,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAV,GAAW,GAAGC,EAAM,MACzC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,iEAAiEJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7GS,EAAa,cAAc;AAE3B,MAAMC,IAAcZ,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MACvB,gBAAAC,EAAAT,EAAgB,OAAhB,EAAsB,KAAAQ,GAAU,WAAWE,EAAG,qDAAqDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE/H;AACAU,EAAY,cAAcjB,EAAgB,MAAM;AAE1C,MAAAkB,IAAoBb,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACT,EAAgB,aAAhB,EAA4B,KAAAQ,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AACnJW,EAAkB,cAAclB,EAAgB,YAAY;"}

package/dist/drawer.es.js

@@ -1,66 +1,57 @@
-import { jsx as r, Fragment as R, jsxs as g } from "react/jsx-runtime";
-import * as n from "react";
-import { Slot as N } from "@radix-ui/react-slot";
-import E from "./defaulttheme.es.js";
-import { createContextScope as S } from "@radix-ui/react-context";
-import { cn as d } from "./utils.es.js";
-import { Modal as A } from "./modal.es.js";
-import { IconButton as _ } from "./iconbutton.es.js";
-import { ChevronsRightIcon as j } from "./chevronsrighticon.es.js";
-const p = "Drawer", [k] = S(p), [I, v] = k(p), W = n.forwardRef((s, e) => {
-  const { asChild: m, anchor: i = "right", children: t, open: a, width: f = 240, className: l, onClose: c, __scopeDrawer: w, mobileBreakpoint: o, ...h } = s, u = m ? N : "div", [M, C] = n.useState(0);
-  n.useEffect(() => {
-    const b = new ResizeObserver(() => {
-      C(window.innerWidth);
-    });
-    return b.observe(document.documentElement), () => {
-      b.disconnect();
-    };
-  }, []);
-  const D = n.useMemo(() => window !== void 0 ? o ? !window?.matchMedia?.(`(min-width: ${o})`)?.matches : !window?.matchMedia?.(`(min-width: ${E.screens.md})`)?.matches : !1, [o, M]);
-  return /* @__PURE__ */ r(u, { ref: e, className: d("flex", l), ...h, children: /* @__PURE__ */ r(I, { anchor: i, onClose: c, open: a, width: f, isMobile: D, scope: w, children: t }) });
+import { jsx as e, Fragment as v, jsxs as b } from "react/jsx-runtime";
+import * as h from "react";
+import { Slot as g } from "@radix-ui/react-slot";
+import { ChevronsRight as C } from "@trsys-tech/matrix-icons";
+import { createContextScope as D } from "@radix-ui/react-context";
+import { cn as i } from "./utils.es.js";
+import { Modal as M } from "./modal.es.js";
+import { IconButton as R } from "./iconbutton.es.js";
+import { useIsMobile as E } from "./use-mobile.es.js";
+const w = "Drawer", [A] = D(w), [_, N] = A(w), j = h.forwardRef((t, r) => {
+  const { asChild: c, anchor: n = "right", children: o, open: l, width: d = 240, className: s, onClose: a, __scopeDrawer: f, ...m } = t, p = c ? g : "div", u = E();
+  return /* @__PURE__ */ e(p, { ref: r, className: i("flex", s), ...m, children: /* @__PURE__ */ e(_, { anchor: n, onClose: a, open: l, width: d, isMobile: u, scope: f, children: o }) });
 });
-W.displayName = p;
-const x = "DrawerMain", z = n.forwardRef(
-  ({ asChild: s, children: e, className: m, style: i, __scopeDrawer: t, ...a }, f) => {
-    const l = s ? N : "div", { anchor: c, open: w, width: o, isMobile: h } = v(x, t), u = n.useMemo(() => h ? {} : c === "left" ? { marginInlineStart: w ? o : 0 } : { marginInlineEnd: w ? o : 0 }, [c, w, o, h]);
-    return /* @__PURE__ */ r(l, { ref: f, className: d("flex-grow overflow-hidden", m), style: { ...i, ...u }, ...a, children: e });
+j.displayName = w;
+const x = "DrawerMain", k = h.forwardRef(
+  ({ asChild: t, children: r, className: c, style: n, __scopeDrawer: o, ...l }, d) => {
+    const s = t ? g : "div", { anchor: a, open: f, width: m, isMobile: p } = N(x, o), u = h.useMemo(() => p ? {} : a === "left" ? { marginInlineStart: f ? m : 0 } : { marginInlineEnd: f ? m : 0 }, [a, f, m, p]);
+    return /* @__PURE__ */ e(s, { ref: d, className: i("flex-grow overflow-hidden", c), style: { ...n, ...u }, ...l, children: r });
   }
 );
-z.displayName = x;
-const y = "DrawerContent", O = n.forwardRef(({ children: s, title: e, __scopeDrawer: m }, i) => {
-  const { anchor: t, open: a, width: f, onClose: l, isMobile: c } = v(y, m);
-  return /* @__PURE__ */ r(R, { children: c ? /* @__PURE__ */ r(A, { title: e, open: a, onOpenChange: l, ref: i, fullScreen: !0, children: s }) : /* @__PURE__ */ r("div", { className: d("hidden md:block overflow-hidden"), style: { width: f }, ref: i, children: /* @__PURE__ */ g(
+k.displayName = x;
+const y = "DrawerContent", I = h.forwardRef(({ children: t, title: r, __scopeDrawer: c }, n) => {
+  const { anchor: o, open: l, width: d, onClose: s, isMobile: a } = N(y, c);
+  return /* @__PURE__ */ e(v, { children: a ? /* @__PURE__ */ e(M, { title: r, open: l, onOpenChange: s, ref: n, fullScreen: !0, children: t }) : /* @__PURE__ */ e("div", { className: i("hidden md:block overflow-hidden"), style: { width: d }, ref: n, children: /* @__PURE__ */ b(
     "div",
     {
-      className: d(
+      className: i(
         "overflow-y-auto flex flex-col h-full top-0 z-[120] bg-background transition-all border-gray-200",
-        a ? "" : t === "left" ? "-translate-x-full rtl:translate-x-full invisible" : "translate-x-full rtl:-translate-x-full invisible",
-        t === "left" ? "border-r" : "border-l"
+        l ? "" : o === "left" ? "-translate-x-full rtl:translate-x-full invisible" : "translate-x-full rtl:-translate-x-full invisible",
+        o === "left" ? "border-r" : "border-l"
       ),
       children: [
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ b(
           "div",
           {
-            className: d(
+            className: i(
               "h-9 flex items-center gap-2 p-2 bg-background w-full sticky top-0 border-b border-gray-200",
-              t === "right" ? "justify-start rtl:justify-end" : "justify-end rtl:justify-start"
+              o === "right" ? "justify-start rtl:justify-end" : "justify-end rtl:justify-start"
             ),
             children: [
-              /* @__PURE__ */ r(_, { onClick: l, className: "w-5 h-5 p-0", children: /* @__PURE__ */ r(j, { className: d("w-5 h-5", t === "right" ? "rtl:-scale-100" : "-scale-100 rtl:scale-100") }) }),
-              typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-text", children: e }) : e
+              /* @__PURE__ */ e(R, { onClick: s, className: "w-5 h-5 p-0", children: /* @__PURE__ */ e(C, { className: i("w-5 h-5", o === "right" ? "rtl:-scale-100" : "-scale-100 rtl:scale-100") }) }),
+              typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ e("h2", { className: "text-lg font-bold text-text", children: r }) : r
             ]
           }
         ),
-        s
+        t
       ]
     }
   ) }) });
 });
-O.displayName = y;
+I.displayName = y;
 export {
-  W as Drawer,
-  O as DrawerContent,
-  z as DrawerMain
+  j as Drawer,
+  I as DrawerContent,
+  k as DrawerMain
 };
 //# sourceMappingURL=drawer.es.js.map