@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/ContentPlaceholder/ContentPlaceholder.mjs

@@ -1,26 +1,26 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { SkeletonGrid as r } from "../SkeletonGrid/SkeletonGrid.mjs";
-import i from "../node_modules/@mui/material/esm/Container/Container.mjs";
-function d({
-  size: e = 20,
-  children: o,
-  p: n
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Container";
+import { SkeletonGrid as a } from "../SkeletonGrid/SkeletonGrid.mjs";
+function s({
+  size: t = 20,
+  children: e,
+  p: o
 }) {
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ n(
     i,
     {
       component: "main",
-      sx: { p: n },
+      sx: { p: o },
       "data-testid": "content-placeholder-test",
       children: [
-        o,
-        /* @__PURE__ */ t.jsx(r, { size: e })
+        e,
+        /* @__PURE__ */ r(a, { size: t })
       ]
     }
   );
 }
 export {
-  d as ContentPlaceholder,
-  d as default
+  s as ContentPlaceholder,
+  s as default
 };
 //# sourceMappingURL=ContentPlaceholder.mjs.map

package/dist/ContentPlaceholder/ContentPlaceholder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPlaceholder.mjs","sources":["../../src/ContentPlaceholder/ContentPlaceholder.tsx"],"sourcesContent":["import Container from \"@mui/material/Container\";\nimport SkeletonGrid from \"../SkeletonGrid\";\n\n/**\n * Props for the ContentPlaceholder component.\n */\nexport interface ContentPlaceholderProps {\n  /**\n   * Optional size of the placeholder.\n   */\n  size?: number;\n  /**\n   * Optional padding for the placeholder.\n   */\n  p?: number;\n  /**\n   * Content to display before the skeleton grid\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * A component that serves as a placeholder for content, displaying a skeleton grid.\n */\nexport function ContentPlaceholder({\n  size = 20,\n  children,\n  p,\n}: ContentPlaceholderProps) {\n  return (\n    <Container\n      component=\"main\"\n      sx={{ p }}\n      data-testid=\"content-placeholder-test\"\n    >\n      {children}\n      <SkeletonGrid size={size} />\n    </Container>\n  );\n}\n\nexport default ContentPlaceholder;\n"],"names":["ContentPlaceholder","size","children","p","jsxs","Container","jsx","SkeletonGrid"],"mappings":";;;AAwBO,SAASA,EAAmB;AAAA,EACjC,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAAC;AACF,GAA4B;AAC1B,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI,EAAE,GAAAF,EAAA;AAAA,MACN,eAAY;AAAA,MAEX,UAAA;AAAA,QAAAD;AAAA,QACDI,gBAAAA,MAACC,KAAa,MAAAN,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhC;"}
+{"version":3,"file":"ContentPlaceholder.mjs","sources":["../../src/ContentPlaceholder/ContentPlaceholder.tsx"],"sourcesContent":["import Container from \"@mui/material/Container\";\nimport SkeletonGrid from \"../SkeletonGrid\";\n\n/**\n * Props for the ContentPlaceholder component.\n */\nexport interface ContentPlaceholderProps {\n  /**\n   * Optional size of the placeholder.\n   */\n  size?: number;\n  /**\n   * Optional padding for the placeholder.\n   */\n  p?: number;\n  /**\n   * Content to display before the skeleton grid\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * A component that serves as a placeholder for content, displaying a skeleton grid.\n */\nexport function ContentPlaceholder({\n  size = 20,\n  children,\n  p,\n}: ContentPlaceholderProps) {\n  return (\n    <Container\n      component=\"main\"\n      sx={{ p }}\n      data-testid=\"content-placeholder-test\"\n    >\n      {children}\n      <SkeletonGrid size={size} />\n    </Container>\n  );\n}\n\nexport default ContentPlaceholder;\n"],"names":["ContentPlaceholder","size","children","p","jsxs","Container","jsx","SkeletonGrid"],"mappings":";;;AAwBO,SAASA,EAAmB;AAAA,EACjC,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAAC;AACF,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI,EAAE,GAAAF,EAAA;AAAA,MACN,eAAY;AAAA,MAEX,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAI,EAACC,KAAa,MAAAN,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/DateRangeCalendar/DateRangeCalendar.mjs

@@ -1,15 +1,15 @@
-import { j as l } from "../_virtual/jsx-runtime.mjs";
-import { DateCalendar as g, PickersDay as u } from "@mui/x-date-pickers";
-import { isAfter as k, isBefore as R, isSameDay as c, startOfWeek as x, endOfWeek as D, format as h } from "date-fns";
+import { jsx as c } from "react/jsx-runtime";
+import g from "@mui/material/Box";
+import { styled as h } from "@mui/material/styles";
+import { DateCalendar as k, PickersDay as u } from "@mui/x-date-pickers";
+import { isAfter as D, isBefore as R, isSameDay as l, startOfWeek as b, endOfWeek as B, format as C } from "date-fns";
 import { useState as y } from "react";
-import b from "../node_modules/@mui/material/esm/styles/styled.mjs";
-import p from "../node_modules/@mui/material/esm/Box/Box.mjs";
-const B = b(p, {
-  shouldForwardProp: (s) => s !== "dayIsBetween" && s !== "isFirstDay" && s !== "isLastDay" && s !== "isStartOfWeek" && s !== "isEndOfWeek"
-})(({ theme: s, dayIsBetween: t, isFirstDay: r, isLastDay: i }) => ({
-  ...(r || i || t) && {
+const p = h(g, {
+  shouldForwardProp: (a) => a !== "dayIsBetween" && a !== "isFirstDay" && a !== "isLastDay" && a !== "isStartOfWeek" && a !== "isEndOfWeek"
+})(({ theme: a, dayIsBetween: e, isFirstDay: r, isLastDay: i }) => ({
+  ...(r || i || e) && {
     borderRadius: 0,
-    backgroundColor: `${s.palette.primary.light}40`,
+    backgroundColor: `${a.palette.primary.light}40`,
     margin: 0
   },
   ...r && {
@@ -20,49 +20,49 @@ const B = b(p, {
     borderTopRightRadius: "50%",
     borderBottomRightRadius: "50%"
   }
-})), j = (s) => {
-  const { day: t, dateRange: r, ...i } = s;
+})), O = (a) => {
+  const { day: e, dateRange: r, ...i } = a;
   if (r == null)
-    return /* @__PURE__ */ l.jsx(u, { day: t, ...i });
-  const [a, d] = r, o = !!d && k(t, a) && R(t, d), n = c(t, a), e = !!d && c(t, d), f = c(t, x(t)), m = c(t, D(t));
-  return /* @__PURE__ */ l.jsx(
-    B,
+    return /* @__PURE__ */ c(u, { day: e, ...i });
+  const [s, d] = r, o = !!d && D(e, s) && R(e, d), n = l(e, s), t = !!d && l(e, d), f = l(e, b(e)), m = l(e, B(e));
+  return /* @__PURE__ */ c(
+    p,
     {
       dayIsBetween: o,
       isFirstDay: n || o && f,
-      isLastDay: e || o && m,
-      "aria-label": h(t, "yyyy-MM-dd"),
-      "aria-selected": o || n || e,
+      isLastDay: t || o && m,
+      "aria-label": C(e, "yyyy-MM-dd"),
+      "aria-selected": o || n || t,
       role: "gridcell",
-      children: /* @__PURE__ */ l.jsx(u, { ...i, day: t, selected: n || e })
+      children: /* @__PURE__ */ c(u, { ...i, day: e, selected: n || t })
     }
   );
 };
-function S({
-  defaultValue: s,
-  onValueChange: t
+function F({
+  defaultValue: a,
+  onValueChange: e
 }) {
-  const [r, i] = y(s), [a, d] = y(0), o = (e, f, m) => {
-    i(e), t(e, f), d(m);
-  }, n = (e) => {
-    if (e) {
-      if (a === 1 && e < r[0])
-        return o([e, void 0], 0, 1);
-      if (a === 0 && r[1] && e > r[1])
-        return o([e, void 0], 0, 1);
-      o(
-        [a === 0 ? e : r[0], a === 1 ? e : r[1]],
-        a,
-        a === 0 ? 1 : 0
-      );
-    }
+  const [r, i] = y(a), [s, d] = y(0), o = (t, f, m) => {
+    i(t), e(t, f), d(m);
   };
-  return /* @__PURE__ */ l.jsx(
-    g,
+  return /* @__PURE__ */ c(
+    k,
     {
       value: null,
-      onChange: n,
-      slots: { day: j },
+      onChange: (t) => {
+        if (t) {
+          if (s === 1 && t < r[0])
+            return o([t, void 0], 0, 1);
+          if (s === 0 && r[1] && t > r[1])
+            return o([t, void 0], 0, 1);
+          o(
+            [s === 0 ? t : r[0], s === 1 ? t : r[1]],
+            s,
+            s === 0 ? 1 : 0
+          );
+        }
+      },
+      slots: { day: O },
       slotProps: {
         day: {
           dateRange: r
@@ -73,7 +73,7 @@ function S({
   );
 }
 export {
-  S as DateRangeCalendar,
-  S as default
+  F as DateRangeCalendar,
+  F as default
 };
 //# sourceMappingURL=DateRangeCalendar.mjs.map

package/dist/DateRangeCalendar/DateRangeCalendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeCalendar.mjs","sources":["../../src/DateRangeCalendar/DateRangeCalendar.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  DateCalendar,\n  PickersDay,\n  type PickersDayProps,\n} from \"@mui/x-date-pickers\";\nimport {\n  endOfWeek,\n  format,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfWeek,\n} from \"date-fns\";\nimport { useState } from \"react\";\n\ntype DateRange = [Date, Date | undefined];\n\ninterface CustomPickerDayProps extends BoxProps {\n  dayIsBetween: boolean;\n  isFirstDay: boolean;\n  isLastDay: boolean;\n}\n\nconst CustomPickersDayBackground = styled(Box, {\n  shouldForwardProp: (prop) =>\n    prop !== \"dayIsBetween\" &&\n    prop !== \"isFirstDay\" &&\n    prop !== \"isLastDay\" &&\n    prop !== \"isStartOfWeek\" &&\n    prop !== \"isEndOfWeek\",\n})<CustomPickerDayProps>(({ theme, dayIsBetween, isFirstDay, isLastDay }) => {\n  return {\n    ...((isFirstDay || isLastDay || dayIsBetween) && {\n      borderRadius: 0,\n      backgroundColor: `${theme.palette.primary.light}40`,\n      margin: 0,\n    }),\n    ...(isFirstDay && {\n      borderTopLeftRadius: \"50%\",\n      borderBottomLeftRadius: \"50%\",\n    }),\n    ...(isLastDay && {\n      borderTopRightRadius: \"50%\",\n      borderBottomRightRadius: \"50%\",\n    }),\n  };\n}) as React.ComponentType<CustomPickerDayProps>;\n\nconst Day = (props: PickersDayProps & { dateRange?: DateRange | null }) => {\n  const { day, dateRange, ...other } = props;\n\n  if (dateRange == null) {\n    return <PickersDay day={day} {...other} />;\n  }\n\n  const [start, end] = dateRange;\n\n  const dayIsBetween = !!end && isAfter(day, start) && isBefore(day, end);\n  const isFirstDay = isSameDay(day, start);\n  const isLastDay = !!end && isSameDay(day, end);\n  const isStartOfWeek = isSameDay(day, startOfWeek(day));\n  const isEndOfWeek = isSameDay(day, endOfWeek(day));\n\n  return (\n    <CustomPickersDayBackground\n      dayIsBetween={dayIsBetween}\n      isFirstDay={isFirstDay || (dayIsBetween && isStartOfWeek)}\n      isLastDay={isLastDay || (dayIsBetween && isEndOfWeek)}\n      aria-label={format(day, \"yyyy-MM-dd\")}\n      aria-selected={dayIsBetween || isFirstDay || isLastDay}\n      role=\"gridcell\"\n    >\n      <PickersDay {...other} day={day} selected={isFirstDay || isLastDay} />\n    </CustomPickersDayBackground>\n  );\n};\n\n/**\n * Props for the DateRangeCalendar component.\n */\nexport interface DateRangeCalendarProps {\n  /**\n   * The default date range value.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * Callback function that is called when the date range value changes.\n   *\n   * @param value - The new date range value.\n   * @param updatedIndex - The index of the updated date range.\n   */\n  onValueChange: (value: DateRange, updatedIndex: number) => void;\n}\n\n/**\n * A Date Range Calendar component that allows users to select a range of dates.\n */\nexport function DateRangeCalendar({\n  defaultValue,\n  onValueChange,\n}: DateRangeCalendarProps) {\n  const [value, setValue] = useState(defaultValue);\n  const [index, setIndex] = useState(0);\n\n  const setValueRange = (\n    newRange: DateRange,\n    index: number,\n    newIndex: number,\n  ) => {\n    setValue(newRange);\n    onValueChange(newRange, index);\n    setIndex(newIndex);\n  };\n\n  const handleChange = (newValue: Date | null) => {\n    if (!newValue) {\n      return;\n    }\n\n    // If is the end date and is minor than the start date\n    if (index === 1 && newValue < value[0]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // If is the start date and is bigger than the end date\n    if (index === 0 && value[1] && newValue > value[1]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // Default case\n    setValueRange(\n      [index === 0 ? newValue : value[0], index === 1 ? newValue : value[1]],\n      index,\n      index === 0 ? 1 : 0,\n    );\n  };\n  return (\n    <DateCalendar\n      value={null}\n      onChange={handleChange}\n      slots={{ day: Day }}\n      slotProps={{\n        day: {\n          dateRange: value,\n        } as any,\n      }}\n      aria-label=\"calendar range picker\"\n    />\n  );\n}\n\nexport default DateRangeCalendar;\n"],"names":["CustomPickersDayBackground","styled","Box","prop","theme","dayIsBetween","isFirstDay","isLastDay","Day","props","day","dateRange","other","jsx","PickersDay","start","end","isAfter","isBefore","isSameDay","isStartOfWeek","startOfWeek","isEndOfWeek","endOfWeek","format","DateRangeCalendar","defaultValue","onValueChange","value","setValue","useState","index","setIndex","setValueRange","newRange","newIndex","handleChange","newValue","DateCalendar"],"mappings":"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"}
+{"version":3,"file":"DateRangeCalendar.mjs","sources":["../../src/DateRangeCalendar/DateRangeCalendar.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  DateCalendar,\n  PickersDay,\n  type PickersDayProps,\n} from \"@mui/x-date-pickers\";\nimport {\n  endOfWeek,\n  format,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfWeek,\n} from \"date-fns\";\nimport { useState } from \"react\";\n\ntype DateRange = [Date, Date | undefined];\n\ninterface CustomPickerDayProps extends BoxProps {\n  dayIsBetween: boolean;\n  isFirstDay: boolean;\n  isLastDay: boolean;\n}\n\nconst CustomPickersDayBackground = styled(Box, {\n  shouldForwardProp: (prop) =>\n    prop !== \"dayIsBetween\" &&\n    prop !== \"isFirstDay\" &&\n    prop !== \"isLastDay\" &&\n    prop !== \"isStartOfWeek\" &&\n    prop !== \"isEndOfWeek\",\n})<CustomPickerDayProps>(({ theme, dayIsBetween, isFirstDay, isLastDay }) => {\n  return {\n    ...((isFirstDay || isLastDay || dayIsBetween) && {\n      borderRadius: 0,\n      backgroundColor: `${theme.palette.primary.light}40`,\n      margin: 0,\n    }),\n    ...(isFirstDay && {\n      borderTopLeftRadius: \"50%\",\n      borderBottomLeftRadius: \"50%\",\n    }),\n    ...(isLastDay && {\n      borderTopRightRadius: \"50%\",\n      borderBottomRightRadius: \"50%\",\n    }),\n  };\n}) as React.ComponentType<CustomPickerDayProps>;\n\nconst Day = (props: PickersDayProps & { dateRange?: DateRange | null }) => {\n  const { day, dateRange, ...other } = props;\n\n  if (dateRange == null) {\n    return <PickersDay day={day} {...other} />;\n  }\n\n  const [start, end] = dateRange;\n\n  const dayIsBetween = !!end && isAfter(day, start) && isBefore(day, end);\n  const isFirstDay = isSameDay(day, start);\n  const isLastDay = !!end && isSameDay(day, end);\n  const isStartOfWeek = isSameDay(day, startOfWeek(day));\n  const isEndOfWeek = isSameDay(day, endOfWeek(day));\n\n  return (\n    <CustomPickersDayBackground\n      dayIsBetween={dayIsBetween}\n      isFirstDay={isFirstDay || (dayIsBetween && isStartOfWeek)}\n      isLastDay={isLastDay || (dayIsBetween && isEndOfWeek)}\n      aria-label={format(day, \"yyyy-MM-dd\")}\n      aria-selected={dayIsBetween || isFirstDay || isLastDay}\n      role=\"gridcell\"\n    >\n      <PickersDay {...other} day={day} selected={isFirstDay || isLastDay} />\n    </CustomPickersDayBackground>\n  );\n};\n\n/**\n * Props for the DateRangeCalendar component.\n */\nexport interface DateRangeCalendarProps {\n  /**\n   * The default date range value.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * Callback function that is called when the date range value changes.\n   *\n   * @param value - The new date range value.\n   * @param updatedIndex - The index of the updated date range.\n   */\n  onValueChange: (value: DateRange, updatedIndex: number) => void;\n}\n\n/**\n * A Date Range Calendar component that allows users to select a range of dates.\n */\nexport function DateRangeCalendar({\n  defaultValue,\n  onValueChange,\n}: DateRangeCalendarProps) {\n  const [value, setValue] = useState(defaultValue);\n  const [index, setIndex] = useState(0);\n\n  const setValueRange = (\n    newRange: DateRange,\n    index: number,\n    newIndex: number,\n  ) => {\n    setValue(newRange);\n    onValueChange(newRange, index);\n    setIndex(newIndex);\n  };\n\n  const handleChange = (newValue: Date | null) => {\n    if (!newValue) {\n      return;\n    }\n\n    // If is the end date and is minor than the start date\n    if (index === 1 && newValue < value[0]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // If is the start date and is bigger than the end date\n    if (index === 0 && value[1] && newValue > value[1]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // Default case\n    setValueRange(\n      [index === 0 ? newValue : value[0], index === 1 ? newValue : value[1]],\n      index,\n      index === 0 ? 1 : 0,\n    );\n  };\n  return (\n    <DateCalendar\n      value={null}\n      onChange={handleChange}\n      slots={{ day: Day }}\n      slotProps={{\n        day: {\n          dateRange: value,\n        } as any,\n      }}\n      aria-label=\"calendar range picker\"\n    />\n  );\n}\n\nexport default DateRangeCalendar;\n"],"names":["CustomPickersDayBackground","styled","Box","prop","theme","dayIsBetween","isFirstDay","isLastDay","Day","props","day","dateRange","other","jsx","PickersDay","start","end","isAfter","isBefore","isSameDay","isStartOfWeek","startOfWeek","isEndOfWeek","endOfWeek","format","DateRangeCalendar","defaultValue","onValueChange","value","setValue","useState","index","setIndex","setValueRange","newRange","newIndex","DateCalendar","newValue"],"mappings":"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"}

package/dist/DateRangePicker/DateRangePicker.mjs

@@ -1,55 +1,55 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import j from "../node_modules/@mui/icons-material/esm/Event.mjs";
-import { format as i } from "date-fns";
-import { useState as m } from "react";
-import { DateRangeCalendar as h } from "../DateRangeCalendar/DateRangeCalendar.mjs";
-import C from "../node_modules/@mui/material/esm/TextField/TextField.mjs";
-import g from "../node_modules/@mui/material/esm/InputAdornment/InputAdornment.mjs";
-import v from "../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-import I from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
-import P from "../node_modules/@mui/material/esm/Collapse/Collapse.mjs";
-function S({
+import { jsxs as C, Fragment as g, jsx as e } from "react/jsx-runtime";
+import v from "@mui/icons-material/Event";
+import I from "@mui/material/Collapse";
+import P from "@mui/material/IconButton";
+import x from "@mui/material/InputAdornment";
+import b from "@mui/material/Paper";
+import j from "@mui/material/TextField";
+import { format as m } from "date-fns";
+import { useState as p } from "react";
+import { DateRangeCalendar as k } from "../DateRangeCalendar/DateRangeCalendar.mjs";
+function U({
   defaultValue: t,
   format: r,
-  label: p,
-  fullWidth: l,
+  label: l,
+  fullWidth: s,
   onValueChange: c,
   size: d = "medium"
 }) {
-  const [f, a] = m(!1), [n, u] = m(t), x = (o, s) => {
-    u(o), c(o, s), a(s < 1);
+  const [f, a] = p(!1), [n, u] = p(t), h = (o, i) => {
+    u(o), c(o, i), a(i < 1);
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      C,
+  return /* @__PURE__ */ C(g, { children: [
+    /* @__PURE__ */ e(
+      j,
       {
-        label: p,
-        fullWidth: l,
+        label: l,
+        fullWidth: s,
         size: d,
-        value: `${i(n[0], r)} - ${n[1] ? i(n[1], r) : r.toUpperCase()}`,
+        value: `${m(n[0], r)} - ${n[1] ? m(n[1], r) : r.toUpperCase()}`,
         InputProps: {
-          endAdornment: /* @__PURE__ */ e.jsx(g, { position: "end", children: /* @__PURE__ */ e.jsx(
-            v,
+          endAdornment: /* @__PURE__ */ e(x, { position: "end", children: /* @__PURE__ */ e(
+            P,
             {
               onClick: () => a((o) => !o),
               "aria-label": "open calendar",
-              children: /* @__PURE__ */ e.jsx(j, {})
+              children: /* @__PURE__ */ e(v, {})
             }
           ) })
         }
       }
     ),
-    /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(P, { in: f, "aria-label": "calendar collapse", children: /* @__PURE__ */ e.jsx(
-      h,
+    /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(I, { in: f, "aria-label": "calendar collapse", children: /* @__PURE__ */ e(
+      k,
       {
         defaultValue: t,
-        onValueChange: x
+        onValueChange: h
       }
     ) }) })
   ] });
 }
 export {
-  S as DateRangePicker,
-  S as default
+  U as DateRangePicker,
+  U as default
 };
 //# sourceMappingURL=DateRangePicker.mjs.map

package/dist/DateRangePicker/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","sources":["../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import EventIcon from \"@mui/icons-material/Event\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport Paper from \"@mui/material/Paper\";\nimport TextField from \"@mui/material/TextField\";\nimport { format } from \"date-fns\";\nimport { useState } from \"react\";\nimport DateRangeCalendar from \"../DateRangeCalendar\";\n\ntype DateRange = [Date, Date | undefined];\n\n/**\n * Props for the DateRangePicker component.\n */\nexport interface DateRangePickerProps {\n  /**\n   * The label for the date range picker.\n   */\n  label: string;\n\n  /**\n   * The default value for the date range picker.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * The format in which the date range should be displayed.\n   */\n  format: string;\n\n  /**\n   * If true, the date range picker will take up the full width of its container.\n   * @default false\n   */\n  fullWidth?: boolean;\n\n  /**\n   * The size of the date range picker.\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n\n  /**\n   * Callback function that is called when the value of the date range picker changes.\n   * @param value - The new date range value.\n   * @param index - The index of the date range picker.\n   */\n  onValueChange: (value: DateRange, index: number) => void;\n}\n\n/**\n * DateRangePicker component allows users to select a date range.\n */\nexport function DateRangePicker({\n  defaultValue,\n  format: fmt,\n  label,\n  fullWidth,\n  onValueChange,\n  size = \"medium\",\n}: DateRangePickerProps) {\n  const [isPopoverOpened, setIsPopoverOpened] = useState(false);\n  const [value, setValue] = useState(defaultValue);\n\n  const handleValueChange = (newValue: DateRange, index: number) => {\n    setValue(newValue);\n    onValueChange(newValue, index);\n    setIsPopoverOpened(index < 1);\n  };\n\n  return (\n    <>\n      <TextField\n        label={label}\n        fullWidth={fullWidth}\n        size={size}\n        value={`${format(value[0], fmt)} - ${value[1] ? format(value[1], fmt) : fmt.toUpperCase()}`}\n        InputProps={{\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={() => setIsPopoverOpened((o) => !o)}\n                aria-label=\"open calendar\"\n              >\n                <EventIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      <Paper>\n        <Collapse in={isPopoverOpened} aria-label=\"calendar collapse\">\n          <DateRangeCalendar\n            defaultValue={defaultValue}\n            onValueChange={handleValueChange}\n          />\n        </Collapse>\n      </Paper>\n    </>\n  );\n}\n\nexport default DateRangePicker;\n"],"names":["DateRangePicker","defaultValue","fmt","label","fullWidth","onValueChange","size","isPopoverOpened","setIsPopoverOpened","useState","value","setValue","handleValueChange","newValue","index","jsxs","Fragment","jsx","TextField","format","InputAdornment","IconButton","EventIcon","Paper","Collapse","DateRangeCalendar"],"mappings":";;;;;;;;;;AAsDO,SAASA,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAyB;AACvB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAOC,CAAQ,IAAIF,EAASR,CAAY,GAEzCW,IAAoB,CAACC,GAAqBC,MAAkB;AAChE,IAAAH,EAASE,CAAQ,GACjBR,EAAcQ,GAAUC,CAAK,GAC7BN,EAAmBM,IAAQ,CAAC;AAAA,EAC9B;AAEA,SACEC,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,WAAAC;AAAA,QACA,MAAAE;AAAA,QACA,OAAO,GAAGa,EAAOT,EAAM,CAAC,GAAGR,CAAG,CAAC,MAAMQ,EAAM,CAAC,IAAIS,EAAOT,EAAM,CAAC,GAAGR,CAAG,IAAIA,EAAI,aAAa;AAAA,QACzF,YAAY;AAAA,UACV,cACEe,gBAAAA,EAAAA,IAACG,GAAA,EAAe,UAAS,OACvB,UAAAH,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAS,MAAMb,EAAmB,CAAC,MAAM,CAAC,CAAC;AAAA,cAC3C,cAAW;AAAA,cAEX,gCAACc,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,0BAEDC,GAAA,EACC,UAAAN,gBAAAA,EAAAA,IAACO,KAAS,IAAIjB,GAAiB,cAAW,qBACxC,UAAAU,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAAxB;AAAA,QACA,eAAeW;AAAA,MAAA;AAAA,IAAA,GAEnB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DateRangePicker.mjs","sources":["../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import EventIcon from \"@mui/icons-material/Event\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport Paper from \"@mui/material/Paper\";\nimport TextField from \"@mui/material/TextField\";\nimport { format } from \"date-fns\";\nimport { useState } from \"react\";\nimport DateRangeCalendar from \"../DateRangeCalendar\";\n\ntype DateRange = [Date, Date | undefined];\n\n/**\n * Props for the DateRangePicker component.\n */\nexport interface DateRangePickerProps {\n  /**\n   * The label for the date range picker.\n   */\n  label: string;\n\n  /**\n   * The default value for the date range picker.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * The format in which the date range should be displayed.\n   */\n  format: string;\n\n  /**\n   * If true, the date range picker will take up the full width of its container.\n   * @default false\n   */\n  fullWidth?: boolean;\n\n  /**\n   * The size of the date range picker.\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n\n  /**\n   * Callback function that is called when the value of the date range picker changes.\n   * @param value - The new date range value.\n   * @param index - The index of the date range picker.\n   */\n  onValueChange: (value: DateRange, index: number) => void;\n}\n\n/**\n * DateRangePicker component allows users to select a date range.\n */\nexport function DateRangePicker({\n  defaultValue,\n  format: fmt,\n  label,\n  fullWidth,\n  onValueChange,\n  size = \"medium\",\n}: DateRangePickerProps) {\n  const [isPopoverOpened, setIsPopoverOpened] = useState(false);\n  const [value, setValue] = useState(defaultValue);\n\n  const handleValueChange = (newValue: DateRange, index: number) => {\n    setValue(newValue);\n    onValueChange(newValue, index);\n    setIsPopoverOpened(index < 1);\n  };\n\n  return (\n    <>\n      <TextField\n        label={label}\n        fullWidth={fullWidth}\n        size={size}\n        value={`${format(value[0], fmt)} - ${value[1] ? format(value[1], fmt) : fmt.toUpperCase()}`}\n        InputProps={{\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={() => setIsPopoverOpened((o) => !o)}\n                aria-label=\"open calendar\"\n              >\n                <EventIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      <Paper>\n        <Collapse in={isPopoverOpened} aria-label=\"calendar collapse\">\n          <DateRangeCalendar\n            defaultValue={defaultValue}\n            onValueChange={handleValueChange}\n          />\n        </Collapse>\n      </Paper>\n    </>\n  );\n}\n\nexport default DateRangePicker;\n"],"names":["DateRangePicker","defaultValue","fmt","label","fullWidth","onValueChange","size","isPopoverOpened","setIsPopoverOpened","useState","value","setValue","handleValueChange","newValue","index","jsxs","Fragment","jsx","TextField","format","InputAdornment","IconButton","EventIcon","Paper","Collapse","DateRangeCalendar"],"mappings":";;;;;;;;;;AAsDO,SAASA,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAyB;AACvB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAOC,CAAQ,IAAIF,EAASR,CAAY,GAEzCW,IAAoB,CAACC,GAAqBC,MAAkB;AAChE,IAAAH,EAASE,CAAQ,GACjBR,EAAcQ,GAAUC,CAAK,GAC7BN,EAAmBM,IAAQ,CAAC;AAAA,EAC9B;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,WAAAC;AAAA,QACA,MAAAE;AAAA,QACA,OAAO,GAAGa,EAAOT,EAAM,CAAC,GAAGR,CAAG,CAAC,MAAMQ,EAAM,CAAC,IAAIS,EAAOT,EAAM,CAAC,GAAGR,CAAG,IAAIA,EAAI,aAAa;AAAA,QACzF,YAAY;AAAA,UACV,cACE,gBAAAe,EAACG,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAS,MAAMb,EAAmB,CAAC,MAAM,CAAC,CAAC;AAAA,cAC3C,cAAW;AAAA,cAEX,4BAACc,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,sBAEDC,GAAA,EACC,UAAA,gBAAAN,EAACO,KAAS,IAAIjB,GAAiB,cAAW,qBACxC,UAAA,gBAAAU;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAAxB;AAAA,QACA,eAAeW;AAAA,MAAA;AAAA,IAAA,GAEnB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/Drawerx/Drawer/Drawer.mjs

@@ -1,73 +1,71 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import u from "../../node_modules/@mui/icons-material/esm/ChevronLeft.mjs";
-import { useDrawer as w } from "../DrawerContext/DrawerContext.mjs";
-import { closedMixin as s, openedMixin as a } from "../DrawerContext/DrawerMixins.mjs";
-import h from "../../node_modules/@mui/material/esm/styles/styled.mjs";
-import j from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import p from "../../node_modules/@mui/material/esm/Drawer/drawerClasses.mjs";
-import y from "../../node_modules/@mui/material/esm/Drawer/Drawer.mjs";
-import C from "../../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-import v from "../../node_modules/@mui/material/esm/Divider/Divider.mjs";
-import D from "../../node_modules/@mui/material/esm/Paper/paperClasses.mjs";
-const S = h("div")(({ theme: r }) => ({
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import w from "@mui/icons-material/ChevronLeft";
+import h from "@mui/material/Divider";
+import y, { drawerClasses as s } from "@mui/material/Drawer";
+import C from "@mui/material/IconButton";
+import { paperClasses as v } from "@mui/material/Paper";
+import { styled as D, useTheme as S } from "@mui/material/styles";
+import { useDrawer as I } from "../DrawerContext/DrawerContext.mjs";
+import { closedMixin as a, openedMixin as p } from "../DrawerContext/DrawerMixins.mjs";
+const b = D("div")(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "flex-end",
-  padding: r.spacing(0, 1),
-  ...r.mixins.toolbar
-})), I = {
+  padding: e.spacing(0, 1),
+  ...e.mixins.toolbar
+})), g = {
   temporary: !0,
   mini: !0,
   persistent: !0
-}, b = {
+}, j = {
   temporary: "temporary",
   mini: "permanent",
   persistent: "persistent"
-}, m = () => ({}), g = {
-  mini: (r, n) => ({
+}, m = () => ({}), z = {
+  mini: (e, n) => ({
     boxSizing: "border-box",
-    [`& .${D.root}`]: {
+    [`& .${v.root}`]: {
       zIndex: n.zIndex.drawer - 1
     }
   }),
   temporary: m,
   persistent: m
 };
-function T({ children: r, ...n }) {
-  const e = j(), { state: o, switchState: d, clipped: c, close: l, drawerWidth: x, variant: i } = w(), f = {
-    width: x,
+function V({ children: e, ...n }) {
+  const r = S(), { state: o, switchState: d, clipped: c, close: l, drawerWidth: f, variant: i } = I(), x = {
+    width: f,
     flexShrink: 0,
     whiteSpace: "nowrap",
     ...o === "open" && {
-      ...a(e),
-      [`& .${p.paper}`]: a(e)
+      ...p(r),
+      [`& .${s.paper}`]: p(r)
     },
     ...o !== "open" && {
-      ...s(e),
-      [`& .${p.paper}`]: s(e)
+      ...a(r),
+      [`& .${s.paper}`]: a(r)
     },
-    ...g[i](o, e)
+    ...z[i](o, r)
   };
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ u(
     y,
     {
       open: o === "open",
-      variant: b[i],
+      variant: j[i],
       role: "menu",
       "aria-hidden": o === "close",
       onClose: l,
-      sx: f,
+      sx: x,
       ...n,
       children: [
-        /* @__PURE__ */ t.jsx(S, { children: !c && I[i] && /* @__PURE__ */ t.jsx(C, { onClick: d, children: /* @__PURE__ */ t.jsx(u, {}) }) }),
-        /* @__PURE__ */ t.jsx(v, {}),
-        r
+        /* @__PURE__ */ t(b, { children: !c && g[i] && /* @__PURE__ */ t(C, { onClick: d, children: /* @__PURE__ */ t(w, {}) }) }),
+        /* @__PURE__ */ t(h, {}),
+        e
       ]
     }
   );
 }
 export {
-  S as DrawerHeader,
-  T as default
+  b as DrawerHeader,
+  V as default
 };
 //# sourceMappingURL=Drawer.mjs.map

package/dist/Drawerx/Drawer/Drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../src/Drawerx/Drawer/Drawer.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport Divider from \"@mui/material/Divider\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport {\n  type SxProps,\n  styled,\n  type Theme,\n  useTheme,\n} from \"@mui/material/styles\";\nimport type React from \"react\";\nimport type { DrawerProps, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext/DrawerContext\";\nimport { closedMixin, openedMixin } from \"../DrawerContext/DrawerMixins\";\n\nexport const DrawerHeader: React.ComponentType<{\n  children?: React.ReactNode;\n  className?: string;\n}> = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n};\n\nconst muiDrawerVariant: Record<\n  DrawerVariant,\n  \"permanent\" | \"persistent\" | \"temporary\"\n> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (_: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\n/**\n * Drawer component that provides a customizable drawer interface.\n */\nexport default function Drawer({ children, ...rest }: DrawerProps) {\n  const theme = useTheme();\n  const { state, switchState, clipped, close, drawerWidth, variant } =\n    useDrawer();\n\n  const sx = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!clipped && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n}\n"],"names":["DrawerHeader","styled","theme","showCloseButton","muiDrawerVariant","NoopSxGenerator","variantsSx","_","paperClasses","Drawer","children","rest","useTheme","state","switchState","clipped","close","drawerWidth","variant","useDrawer","sx","openedMixin","drawerClasses","closedMixin","jsxs","MuiDrawer","jsx","IconButton","ChevronLeftIcon","Divider"],"mappings":";;;;;;;;;;;AAgBO,MAAMA,IAGRC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAASA,EAAM,QAAQ,GAAG,CAAC;AAAA,EAC3B,GAAGA,EAAM,OAAO;AAClB,EAAE,GAEIC,IAAkD;AAAA,EACtD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAGF;AAAA,EACF,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAGMC,IAAkB,OAAO,CAAA,IACzBC,IAA2D;AAAA,EAC/D,MAAM,CAACC,GAAgBL,OAAkB;AAAA,IACvC,WAAW;AAAA,IACX,CAAC,MAAMM,EAAa,IAAI,EAAE,GAAG;AAAA,MAC3B,QAAQN,EAAM,OAAO,SAAS;AAAA,IAAA;AAAA,EAChC;AAAA,EAEF,WAAWG;AAAA,EACX,YAAYA;AACd;AAKA,SAAwBI,EAAO,EAAE,UAAAC,GAAU,GAAGC,KAAqB;AACjE,QAAMT,IAAQU,EAAA,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IACvDC,EAAA,GAEIC,IAAK;AAAA,IACT,OAAOH;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAIJ,MAAU,UAAU;AAAA,MACtB,GAAGQ,EAAYnB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGD,EAAYnB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAIW,MAAU,UAAU;AAAA,MACtB,GAAGU,EAAYrB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGC,EAAYrB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAGI,EAAWY,CAAO,EAAEL,GAAOX,CAAK;AAAA,EAAA;AAGrC,SACEsB,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAMZ,MAAU;AAAA,MAChB,SAAST,EAAiBc,CAAO;AAAA,MACjC,MAAK;AAAA,MACL,eAAaL,MAAU;AAAA,MACvB,SAASG;AAAA,MACT,IAAAI;AAAA,MACC,GAAGT;AAAA,MAEJ,UAAA;AAAA,QAAAe,gBAAAA,EAAAA,IAAC1B,GAAA,EACE,UAAA,CAACe,KAAWZ,EAAgBe,CAAO,KAClCQ,gBAAAA,EAAAA,IAACC,GAAA,EAAW,SAASb,GACnB,UAAAY,gBAAAA,EAAAA,IAACE,GAAA,CAAA,CAAgB,GACnB,GAEJ;AAAA,8BACCC,GAAA,EAAQ;AAAA,QACRnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Drawer.mjs","sources":["../../../src/Drawerx/Drawer/Drawer.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport Divider from \"@mui/material/Divider\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport {\n  type SxProps,\n  styled,\n  type Theme,\n  useTheme,\n} from \"@mui/material/styles\";\nimport type React from \"react\";\nimport type { DrawerProps, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext/DrawerContext\";\nimport { closedMixin, openedMixin } from \"../DrawerContext/DrawerMixins\";\n\nexport const DrawerHeader: React.ComponentType<{\n  children?: React.ReactNode;\n  className?: string;\n}> = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n};\n\nconst muiDrawerVariant: Record<\n  DrawerVariant,\n  \"permanent\" | \"persistent\" | \"temporary\"\n> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (_: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\n/**\n * Drawer component that provides a customizable drawer interface.\n */\nexport default function Drawer({ children, ...rest }: DrawerProps) {\n  const theme = useTheme();\n  const { state, switchState, clipped, close, drawerWidth, variant } =\n    useDrawer();\n\n  const sx = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!clipped && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n}\n"],"names":["DrawerHeader","styled","theme","showCloseButton","muiDrawerVariant","NoopSxGenerator","variantsSx","_","paperClasses","Drawer","children","rest","useTheme","state","switchState","clipped","close","drawerWidth","variant","useDrawer","sx","openedMixin","drawerClasses","closedMixin","jsxs","MuiDrawer","jsx","IconButton","ChevronLeftIcon","Divider"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAGRC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAASA,EAAM,QAAQ,GAAG,CAAC;AAAA,EAC3B,GAAGA,EAAM,OAAO;AAClB,EAAE,GAEIC,IAAkD;AAAA,EACtD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAGF;AAAA,EACF,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAGMC,IAAkB,OAAO,CAAA,IACzBC,IAA2D;AAAA,EAC/D,MAAM,CAACC,GAAgBL,OAAkB;AAAA,IACvC,WAAW;AAAA,IACX,CAAC,MAAMM,EAAa,IAAI,EAAE,GAAG;AAAA,MAC3B,QAAQN,EAAM,OAAO,SAAS;AAAA,IAAA;AAAA,EAChC;AAAA,EAEF,WAAWG;AAAA,EACX,YAAYA;AACd;AAKA,SAAwBI,EAAO,EAAE,UAAAC,GAAU,GAAGC,KAAqB;AACjE,QAAMT,IAAQU,EAAA,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IACvDC,EAAA,GAEIC,IAAK;AAAA,IACT,OAAOH;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAIJ,MAAU,UAAU;AAAA,MACtB,GAAGQ,EAAYnB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGD,EAAYnB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAIW,MAAU,UAAU;AAAA,MACtB,GAAGU,EAAYrB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGC,EAAYrB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAGI,EAAWY,CAAO,EAAEL,GAAOX,CAAK;AAAA,EAAA;AAGrC,SACE,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ,MAAU;AAAA,MAChB,SAAST,EAAiBc,CAAO;AAAA,MACjC,MAAK;AAAA,MACL,eAAaL,MAAU;AAAA,MACvB,SAASG;AAAA,MACT,IAAAI;AAAA,MACC,GAAGT;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAe,EAAC1B,GAAA,EACE,UAAA,CAACe,KAAWZ,EAAgBe,CAAO,KAClC,gBAAAQ,EAACC,GAAA,EAAW,SAASb,GACnB,UAAA,gBAAAY,EAACE,GAAA,CAAA,CAAgB,GACnB,GAEJ;AAAA,0BACCC,GAAA,EAAQ;AAAA,QACRnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/DrawerAppBar/DrawerAppBar.mjs

@@ -1,39 +1,38 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import l from "../../node_modules/@mui/icons-material/esm/ChevronLeft.mjs";
-import u from "../../node_modules/@mui/icons-material/esm/Menu.mjs";
-import x from "../../node_modules/@mui/icons-material/esm/MenuOpen.mjs";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import u from "@mui/icons-material/ChevronLeft";
+import f from "@mui/icons-material/Menu";
+import g from "@mui/icons-material/MenuOpen";
+import w from "@mui/material/AppBar";
+import x from "@mui/material/IconButton";
+import { styled as v, useTheme as y } from "@mui/material/styles";
+import I from "@mui/material/Toolbar";
+import b from "@mui/material/Typography";
 import "@mui/material";
 import "react";
-import { useDrawer as f } from "../DrawerContext/DrawerContext.mjs";
-import g from "../../node_modules/@mui/material/esm/styles/styled.mjs";
-import w from "../../node_modules/@mui/material/esm/AppBar/AppBar.mjs";
-import j from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import v from "../../node_modules/@mui/material/esm/Toolbar/Toolbar.mjs";
-import y from "../../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-import I from "../../node_modules/@mui/material/esm/Typography/Typography.mjs";
-const b = g(w)(({ theme: r }) => ({
+import { useDrawer as B } from "../DrawerContext/DrawerContext.mjs";
+const M = v(w)(({ theme: r }) => ({
   borderWidth: 0,
   borderBottomWidth: 1,
   borderStyle: "solid",
   borderColor: r.palette.divider,
   boxShadow: "none",
   zIndex: r.zIndex.drawer + 1
-})), B = {
+})), S = {
   temporary: !1,
   mini: !0,
   persistent: !0
-}, S = {
+}, W = {
   temporary: () => !0,
   mini: (r) => r !== "open",
   persistent: () => !0
 };
-function q({
+function E({
   title: r,
   sx: s,
   children: p,
   ...d
 }) {
-  const t = j(), { state: i, variant: n, switchState: m, drawerWidth: a, clipped: e } = f(), c = B[n] && !e && {
+  const t = y(), { state: i, variant: n, switchState: m, drawerWidth: a, clipped: e } = B(), c = S[n] && !e && {
     transition: t.transitions.create(["width", "margin"], {
       easing: t.transitions.easing.sharp,
       duration: t.transitions.duration.leavingScreen
@@ -47,8 +46,8 @@ function q({
       })
     }
   } || {};
-  return /* @__PURE__ */ o.jsx(
-    b,
+  return /* @__PURE__ */ o(
+    M,
     {
       position: e ? "fixed" : void 0,
       ...d,
@@ -57,9 +56,9 @@ function q({
         ...c,
         zIndex: (h) => h.zIndex.drawer + (e ? 1 : 0)
       },
-      children: /* @__PURE__ */ o.jsxs(v, { children: [
-        /* @__PURE__ */ o.jsx(
-          y,
+      children: /* @__PURE__ */ l(I, { children: [
+        /* @__PURE__ */ o(
+          x,
           {
             color: "inherit",
             "aria-label": "open drawer",
@@ -67,13 +66,13 @@ function q({
             edge: "start",
             sx: {
               marginRight: t.spacing(2),
-              display: e || S[n](i) ? void 0 : "none"
+              display: e || W[n](i) ? void 0 : "none"
             },
-            children: i === "open" ? n === "mini" ? /* @__PURE__ */ o.jsx(x, {}) : /* @__PURE__ */ o.jsx(l, {}) : /* @__PURE__ */ o.jsx(u, {})
+            children: i === "open" ? n === "mini" ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(u, {}) : /* @__PURE__ */ o(f, {})
           }
         ),
-        r && /* @__PURE__ */ o.jsx(
-          I,
+        r && /* @__PURE__ */ o(
+          b,
           {
             variant: "h6",
             component: "h1",
@@ -89,6 +88,6 @@ function q({
   );
 }
 export {
-  q as default
+  E as default
 };
 //# sourceMappingURL=DrawerAppBar.mjs.map

package/dist/Drawerx/DrawerAppBar/DrawerAppBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerAppBar.mjs","sources":["../../../src/Drawerx/DrawerAppBar/DrawerAppBar.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport MenuOpenIcon from \"@mui/icons-material/MenuOpen\";\nimport type { AppBarProps as MuiAppBarProps } from \"@mui/material\";\nimport MuiAppBar from \"@mui/material/AppBar\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { styled, type Theme, useTheme } from \"@mui/material/styles\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport type { DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nconst MyMuiAppBar = styled(MuiAppBar)(({ theme }) => ({\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: theme.palette.divider,\n  boxShadow: \"none\",\n  zIndex: theme.zIndex.drawer + 1,\n}));\n\nconst moveWithDrawer: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst showMenuButton: Record<DrawerVariant, (state: DrawerState) => boolean> = {\n  temporary: () => true,\n  mini: (state) => state !== \"open\",\n  persistent: () => true,\n};\n\nexport interface DrawerAppBarProps extends MuiAppBarProps {\n  /**\n   * Title to display in the AppBar.\n   */\n  title?: string;\n}\n\n/**\n * DrawerAppBar component that renders an AppBar adapted to work inside a Drawer context.\n */\nexport default function DrawerAppBar({\n  title,\n  sx,\n  children,\n  ...rest\n}: DrawerAppBarProps) {\n  const theme = useTheme();\n  const { state, variant, switchState, drawerWidth, clipped } = useDrawer();\n\n  const rootSx =\n    (moveWithDrawer[variant] &&\n      !clipped && {\n        transition: theme.transitions.create([\"width\", \"margin\"], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.leavingScreen,\n        }),\n        ...(state === \"open\" && {\n          marginLeft: drawerWidth,\n          width: `calc(100% - ${drawerWidth}px)`,\n          transition: theme.transitions.create([\"width\", \"margin\"], {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.enteringScreen,\n          }),\n        }),\n      }) ||\n    {};\n\n  return (\n    <MyMuiAppBar\n      position={clipped ? \"fixed\" : undefined}\n      {...rest}\n      sx={{\n        ...sx,\n        ...rootSx,\n        zIndex: (theme: Theme) => theme.zIndex.drawer + (clipped ? 1 : 0),\n      }}\n    >\n      <Toolbar>\n        <IconButton\n          color=\"inherit\"\n          aria-label=\"open drawer\"\n          onClick={switchState}\n          edge=\"start\"\n          sx={{\n            marginRight: theme.spacing(2),\n            display:\n              clipped || showMenuButton[variant](state) ? undefined : \"none\",\n          }}\n        >\n          {state === \"open\" ? (\n            variant === \"mini\" ? (\n              <MenuOpenIcon />\n            ) : (\n              <ChevronLeftIcon />\n            )\n          ) : (\n            <MenuIcon />\n          )}\n        </IconButton>\n        {title && (\n          <Typography\n            variant=\"h6\"\n            component=\"h1\"\n            role=\"heading\"\n            aria-level={1}\n            noWrap\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </Toolbar>\n    </MyMuiAppBar>\n  );\n}\n"],"names":["MyMuiAppBar","styled","MuiAppBar","theme","moveWithDrawer","showMenuButton","state","DrawerAppBar","title","sx","children","rest","useTheme","variant","switchState","drawerWidth","clipped","useDrawer","rootSx","jsx","Toolbar","IconButton","MenuOpenIcon","ChevronLeftIcon","MenuIcon","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAcC,EAAOC,CAAS,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACpD,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,aAAaA,EAAM,QAAQ;AAAA,EAC3B,WAAW;AAAA,EACX,QAAQA,EAAM,OAAO,SAAS;AAChC,EAAE,GAEIC,IAAiD;AAAA,EACrD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAyE;AAAA,EAC7E,WAAW,MAAM;AAAA,EACjB,MAAM,CAACC,MAAUA,MAAU;AAAA,EAC3B,YAAY,MAAM;AACpB;AAYA,SAAwBC,EAAa;AAAA,EACnC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMR,IAAQS,EAAA,GACR,EAAE,OAAAN,GAAO,SAAAO,GAAS,aAAAC,GAAa,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA,GAExDC,IACHd,EAAeS,CAAO,KACrB,CAACG,KAAW;AAAA,IACV,YAAYb,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,MACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,GAAIG,MAAU,UAAU;AAAA,MACtB,YAAYS;AAAA,MACZ,OAAO,eAAeA,CAAW;AAAA,MACjC,YAAYZ,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,QACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,QACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH,KAEJ,CAAA;AAEF,SACEgB,gBAAAA,EAAAA;AAAAA,IAACnB;AAAA,IAAA;AAAA,MACC,UAAUgB,IAAU,UAAU;AAAA,MAC7B,GAAGL;AAAA,MACJ,IAAI;AAAA,QACF,GAAGF;AAAA,QACH,GAAGS;AAAA,QACH,QAAQ,CAACf,MAAiBA,EAAM,OAAO,UAAUa,IAAU,IAAI;AAAA,MAAA;AAAA,MAGjE,iCAACI,GAAA,EACC,UAAA;AAAA,QAAAD,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAW;AAAA,YACX,SAASP;AAAA,YACT,MAAK;AAAA,YACL,IAAI;AAAA,cACF,aAAaX,EAAM,QAAQ,CAAC;AAAA,cAC5B,SACEa,KAAWX,EAAeQ,CAAO,EAAEP,CAAK,IAAI,SAAY;AAAA,YAAA;AAAA,YAG3D,UAAAA,MAAU,SACTO,MAAY,SACVM,gBAAAA,EAAAA,IAACG,GAAA,CAAA,CAAa,IAEdH,gBAAAA,EAAAA,IAACI,GAAA,CAAA,CAAgB,IAGnBJ,gBAAAA,EAAAA,IAACK,GAAA,CAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbhB,KACCW,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,QAAM;AAAA,YAEL,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DrawerAppBar.mjs","sources":["../../../src/Drawerx/DrawerAppBar/DrawerAppBar.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport MenuOpenIcon from \"@mui/icons-material/MenuOpen\";\nimport type { AppBarProps as MuiAppBarProps } from \"@mui/material\";\nimport MuiAppBar from \"@mui/material/AppBar\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { styled, type Theme, useTheme } from \"@mui/material/styles\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport type { DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nconst MyMuiAppBar = styled(MuiAppBar)(({ theme }) => ({\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: theme.palette.divider,\n  boxShadow: \"none\",\n  zIndex: theme.zIndex.drawer + 1,\n}));\n\nconst moveWithDrawer: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst showMenuButton: Record<DrawerVariant, (state: DrawerState) => boolean> = {\n  temporary: () => true,\n  mini: (state) => state !== \"open\",\n  persistent: () => true,\n};\n\nexport interface DrawerAppBarProps extends MuiAppBarProps {\n  /**\n   * Title to display in the AppBar.\n   */\n  title?: string;\n}\n\n/**\n * DrawerAppBar component that renders an AppBar adapted to work inside a Drawer context.\n */\nexport default function DrawerAppBar({\n  title,\n  sx,\n  children,\n  ...rest\n}: DrawerAppBarProps) {\n  const theme = useTheme();\n  const { state, variant, switchState, drawerWidth, clipped } = useDrawer();\n\n  const rootSx =\n    (moveWithDrawer[variant] &&\n      !clipped && {\n        transition: theme.transitions.create([\"width\", \"margin\"], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.leavingScreen,\n        }),\n        ...(state === \"open\" && {\n          marginLeft: drawerWidth,\n          width: `calc(100% - ${drawerWidth}px)`,\n          transition: theme.transitions.create([\"width\", \"margin\"], {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.enteringScreen,\n          }),\n        }),\n      }) ||\n    {};\n\n  return (\n    <MyMuiAppBar\n      position={clipped ? \"fixed\" : undefined}\n      {...rest}\n      sx={{\n        ...sx,\n        ...rootSx,\n        zIndex: (theme: Theme) => theme.zIndex.drawer + (clipped ? 1 : 0),\n      }}\n    >\n      <Toolbar>\n        <IconButton\n          color=\"inherit\"\n          aria-label=\"open drawer\"\n          onClick={switchState}\n          edge=\"start\"\n          sx={{\n            marginRight: theme.spacing(2),\n            display:\n              clipped || showMenuButton[variant](state) ? undefined : \"none\",\n          }}\n        >\n          {state === \"open\" ? (\n            variant === \"mini\" ? (\n              <MenuOpenIcon />\n            ) : (\n              <ChevronLeftIcon />\n            )\n          ) : (\n            <MenuIcon />\n          )}\n        </IconButton>\n        {title && (\n          <Typography\n            variant=\"h6\"\n            component=\"h1\"\n            role=\"heading\"\n            aria-level={1}\n            noWrap\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </Toolbar>\n    </MyMuiAppBar>\n  );\n}\n"],"names":["MyMuiAppBar","styled","MuiAppBar","theme","moveWithDrawer","showMenuButton","state","DrawerAppBar","title","sx","children","rest","useTheme","variant","switchState","drawerWidth","clipped","useDrawer","rootSx","jsx","Toolbar","IconButton","MenuOpenIcon","ChevronLeftIcon","MenuIcon","Typography"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAcC,EAAOC,CAAS,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACpD,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,aAAaA,EAAM,QAAQ;AAAA,EAC3B,WAAW;AAAA,EACX,QAAQA,EAAM,OAAO,SAAS;AAChC,EAAE,GAEIC,IAAiD;AAAA,EACrD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAyE;AAAA,EAC7E,WAAW,MAAM;AAAA,EACjB,MAAM,CAACC,MAAUA,MAAU;AAAA,EAC3B,YAAY,MAAM;AACpB;AAYA,SAAwBC,EAAa;AAAA,EACnC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMR,IAAQS,EAAA,GACR,EAAE,OAAAN,GAAO,SAAAO,GAAS,aAAAC,GAAa,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA,GAExDC,IACHd,EAAeS,CAAO,KACrB,CAACG,KAAW;AAAA,IACV,YAAYb,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,MACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,GAAIG,MAAU,UAAU;AAAA,MACtB,YAAYS;AAAA,MACZ,OAAO,eAAeA,CAAW;AAAA,MACjC,YAAYZ,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,QACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,QACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH,KAEJ,CAAA;AAEF,SACE,gBAAAgB;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,UAAUgB,IAAU,UAAU;AAAA,MAC7B,GAAGL;AAAA,MACJ,IAAI;AAAA,QACF,GAAGF;AAAA,QACH,GAAGS;AAAA,QACH,QAAQ,CAACf,MAAiBA,EAAM,OAAO,UAAUa,IAAU,IAAI;AAAA,MAAA;AAAA,MAGjE,4BAACI,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAW;AAAA,YACX,SAASP;AAAA,YACT,MAAK;AAAA,YACL,IAAI;AAAA,cACF,aAAaX,EAAM,QAAQ,CAAC;AAAA,cAC5B,SACEa,KAAWX,EAAeQ,CAAO,EAAEP,CAAK,IAAI,SAAY;AAAA,YAAA;AAAA,YAG3D,UAAAA,MAAU,SACTO,MAAY,SACV,gBAAAM,EAACG,GAAA,CAAA,CAAa,IAEd,gBAAAH,EAACI,GAAA,CAAA,CAAgB,IAGnB,gBAAAJ,EAACK,GAAA,CAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbhB,KACC,gBAAAW;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,QAAM;AAAA,YAEL,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}