@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/Drawerx/DrawerLayout/DrawerLayout.mjs

@@ -1,39 +1,39 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import d from "../Drawer/Drawer.mjs";
-import D from "../DrawerAppBar/DrawerAppBar.mjs";
-import f from "../DrawerContent/DrawerContent.mjs";
-import { DrawerProvider as x } from "../DrawerContext/Drawer.provider.mjs";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import D from "../Drawer/Drawer.mjs";
+import f from "../DrawerAppBar/DrawerAppBar.mjs";
+import c from "../DrawerContent/DrawerContent.mjs";
+import { DrawerProvider as u } from "../DrawerContext/Drawer.provider.mjs";
 import "../DrawerContext/DrawerContext.mjs";
-import c from "../DrawerMain/DrawerMain.mjs";
-function s({
-  children: a,
-  navigation: o,
+import A from "../DrawerMain/DrawerMain.mjs";
+function v({
+  children: o,
+  navigation: t,
   title: n,
   slots: e,
-  slotsProps: t,
-  ...i
+  slotsProps: a,
+  ...w
 }) {
-  const p = e?.drawerAppBar ?? D, w = e?.drawer ?? d, m = e?.drawerContent ?? f;
-  return /* @__PURE__ */ r.jsxs(x, { ...i, children: [
-    /* @__PURE__ */ r.jsx(
-      p,
+  const i = e?.drawerAppBar ?? f, p = e?.drawer ?? D, m = e?.drawerContent ?? c;
+  return /* @__PURE__ */ d(u, { ...w, children: [
+    /* @__PURE__ */ r(
+      i,
       {
         title: n,
         color: "inherit",
-        ...t?.drawerAppBar
+        ...a?.drawerAppBar
       }
     ),
-    /* @__PURE__ */ r.jsx(w, { ...t?.drawer, children: /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ r(p, { ...a?.drawer, children: /* @__PURE__ */ r(
       m,
       {
-        navigation: o,
-        ...t?.drawerContent
+        navigation: t,
+        ...a?.drawerContent
       }
     ) }),
-    /* @__PURE__ */ r.jsx(c, { children: a })
+    /* @__PURE__ */ r(A, { children: o })
   ] });
 }
 export {
-  s as default
+  v as default
 };
 //# sourceMappingURL=DrawerLayout.mjs.map

package/dist/Drawerx/DrawerLayout/DrawerLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerLayout.mjs","sources":["../../../src/Drawerx/DrawerLayout/DrawerLayout.tsx"],"sourcesContent":["import type { JSXElementConstructor } from \"react\";\nimport Drawer from \"../Drawer\";\nimport type {\n  DrawerContentProps,\n  DrawerNavigation,\n  DrawerProps,\n} from \"../Drawer.types\";\nimport DrawerAppBar, { type DrawerAppBarProps } from \"../DrawerAppBar\";\nimport DrawerContent from \"../DrawerContent\";\nimport { DrawerProvider, type DrawerProviderProps } from \"../DrawerContext\";\nimport DrawerMain from \"../DrawerMain\";\n\n/**\n * Interface representing the slots for the DrawerLayout component.\n */\nexport interface DrawerLayoutSlots {\n  /**\n   * Slot for the DrawerAppBar component.\n   * This component is responsible for rendering the app bar within the drawer layout.\n   */\n  drawerAppBar?: JSXElementConstructor<DrawerAppBarProps>;\n\n  /**\n   * Slot for the Drawer component.\n   * This component is responsible for rendering the drawer within the drawer layout.\n   */\n  drawer?: JSXElementConstructor<DrawerProps>;\n\n  /**\n   * Slot for the DrawerContent component.\n   * This component is responsible for rendering the content within the drawer layout.\n   */\n  drawerContent?: JSXElementConstructor<DrawerContentProps>;\n}\n\n/**\n * Interface representing the slot properties for the DrawerLayout component.\n */\nexport interface DrawerLayoutSlotProps {\n  /**\n   * Properties for the DrawerAppBar component.\n   */\n  drawerAppBar?: DrawerAppBarProps;\n\n  /**\n   * Properties for the Drawer component.\n   */\n  drawer?: DrawerProps;\n\n  /**\n   * Properties for the DrawerContent component.\n   */\n  drawerContent?: DrawerContentProps;\n}\n\n/**\n * Props for the DrawerLayout component.\n */\nexport interface DrawerLayoutProps extends DrawerProviderProps {\n  /**\n   * The title of the drawer layout.\n   */\n  title: string;\n\n  /**\n   * The navigation configuration for the drawer.\n   */\n  navigation: DrawerNavigation;\n\n  /**\n   * Optional slots for custom rendering within the drawer layout.\n   */\n  slots?: DrawerLayoutSlots;\n\n  /**\n   * Optional props for the slots.\n   */\n  slotsProps?: DrawerLayoutSlotProps;\n}\n\n/**\n * DrawerLayout component provides a layout structure with a drawer and an app bar.\n * It allows customization of the drawer, app bar, and drawer content through slots and slot properties.\n */\nexport default function DrawerLayout({\n  children,\n  navigation,\n  title,\n  slots,\n  slotsProps,\n  ...rest\n}: DrawerLayoutProps) {\n  const DrawerAppBarSlot = slots?.drawerAppBar ?? DrawerAppBar;\n  const DrawerSlot = slots?.drawer ?? Drawer;\n  const DrawerContentSlot = slots?.drawerContent ?? DrawerContent;\n\n  return (\n    <DrawerProvider {...rest}>\n      <DrawerAppBarSlot\n        title={title}\n        color=\"inherit\"\n        {...slotsProps?.drawerAppBar}\n      />\n      <DrawerSlot {...slotsProps?.drawer}>\n        <DrawerContentSlot\n          navigation={navigation}\n          {...slotsProps?.drawerContent}\n        />\n      </DrawerSlot>\n      <DrawerMain>{children}</DrawerMain>\n    </DrawerProvider>\n  );\n}\n"],"names":["DrawerLayout","children","navigation","title","slots","slotsProps","rest","DrawerAppBarSlot","DrawerAppBar","DrawerSlot","Drawer","DrawerContentSlot","DrawerContent","jsxs","DrawerProvider","jsx","DrawerMain"],"mappings":";;;;;;;AAoFA,SAAwBA,EAAa;AAAA,EACnC,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAmBH,GAAO,gBAAgBI,GAC1CC,IAAaL,GAAO,UAAUM,GAC9BC,IAAoBP,GAAO,iBAAiBQ;AAElD,SACEC,gBAAAA,EAAAA,KAACC,GAAA,EAAgB,GAAGR,GAClB,UAAA;AAAA,IAAAS,gBAAAA,EAAAA;AAAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAAJ;AAAA,QACA,OAAM;AAAA,QACL,GAAGE,GAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAElBU,gBAAAA,EAAAA,IAACN,GAAA,EAAY,GAAGJ,GAAY,QAC1B,UAAAU,gBAAAA,EAAAA;AAAAA,MAACJ;AAAA,MAAA;AAAA,QACC,YAAAT;AAAA,QACC,GAAGG,GAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAU,gBAAAA,MAACC,KAAY,UAAAf,EAAA,CAAS;AAAA,EAAA,GACxB;AAEJ;"}
+{"version":3,"file":"DrawerLayout.mjs","sources":["../../../src/Drawerx/DrawerLayout/DrawerLayout.tsx"],"sourcesContent":["import type { JSXElementConstructor } from \"react\";\nimport Drawer from \"../Drawer\";\nimport type {\n  DrawerContentProps,\n  DrawerNavigation,\n  DrawerProps,\n} from \"../Drawer.types\";\nimport DrawerAppBar, { type DrawerAppBarProps } from \"../DrawerAppBar\";\nimport DrawerContent from \"../DrawerContent\";\nimport { DrawerProvider, type DrawerProviderProps } from \"../DrawerContext\";\nimport DrawerMain from \"../DrawerMain\";\n\n/**\n * Interface representing the slots for the DrawerLayout component.\n */\nexport interface DrawerLayoutSlots {\n  /**\n   * Slot for the DrawerAppBar component.\n   * This component is responsible for rendering the app bar within the drawer layout.\n   */\n  drawerAppBar?: JSXElementConstructor<DrawerAppBarProps>;\n\n  /**\n   * Slot for the Drawer component.\n   * This component is responsible for rendering the drawer within the drawer layout.\n   */\n  drawer?: JSXElementConstructor<DrawerProps>;\n\n  /**\n   * Slot for the DrawerContent component.\n   * This component is responsible for rendering the content within the drawer layout.\n   */\n  drawerContent?: JSXElementConstructor<DrawerContentProps>;\n}\n\n/**\n * Interface representing the slot properties for the DrawerLayout component.\n */\nexport interface DrawerLayoutSlotProps {\n  /**\n   * Properties for the DrawerAppBar component.\n   */\n  drawerAppBar?: DrawerAppBarProps;\n\n  /**\n   * Properties for the Drawer component.\n   */\n  drawer?: DrawerProps;\n\n  /**\n   * Properties for the DrawerContent component.\n   */\n  drawerContent?: DrawerContentProps;\n}\n\n/**\n * Props for the DrawerLayout component.\n */\nexport interface DrawerLayoutProps extends DrawerProviderProps {\n  /**\n   * The title of the drawer layout.\n   */\n  title: string;\n\n  /**\n   * The navigation configuration for the drawer.\n   */\n  navigation: DrawerNavigation;\n\n  /**\n   * Optional slots for custom rendering within the drawer layout.\n   */\n  slots?: DrawerLayoutSlots;\n\n  /**\n   * Optional props for the slots.\n   */\n  slotsProps?: DrawerLayoutSlotProps;\n}\n\n/**\n * DrawerLayout component provides a layout structure with a drawer and an app bar.\n * It allows customization of the drawer, app bar, and drawer content through slots and slot properties.\n */\nexport default function DrawerLayout({\n  children,\n  navigation,\n  title,\n  slots,\n  slotsProps,\n  ...rest\n}: DrawerLayoutProps) {\n  const DrawerAppBarSlot = slots?.drawerAppBar ?? DrawerAppBar;\n  const DrawerSlot = slots?.drawer ?? Drawer;\n  const DrawerContentSlot = slots?.drawerContent ?? DrawerContent;\n\n  return (\n    <DrawerProvider {...rest}>\n      <DrawerAppBarSlot\n        title={title}\n        color=\"inherit\"\n        {...slotsProps?.drawerAppBar}\n      />\n      <DrawerSlot {...slotsProps?.drawer}>\n        <DrawerContentSlot\n          navigation={navigation}\n          {...slotsProps?.drawerContent}\n        />\n      </DrawerSlot>\n      <DrawerMain>{children}</DrawerMain>\n    </DrawerProvider>\n  );\n}\n"],"names":["DrawerLayout","children","navigation","title","slots","slotsProps","rest","DrawerAppBarSlot","DrawerAppBar","DrawerSlot","Drawer","DrawerContentSlot","DrawerContent","jsxs","DrawerProvider","jsx","DrawerMain"],"mappings":";;;;;;;AAoFA,SAAwBA,EAAa;AAAA,EACnC,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMC,IAAmBH,GAAO,gBAAgBI,GAC1CC,IAAaL,GAAO,UAAUM,GAC9BC,IAAoBP,GAAO,iBAAiBQ;AAElD,SACE,gBAAAC,EAACC,GAAA,EAAgB,GAAGR,GAClB,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAAJ;AAAA,QACA,OAAM;AAAA,QACL,GAAGE,GAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAElB,gBAAAU,EAACN,GAAA,EAAY,GAAGJ,GAAY,QAC1B,UAAA,gBAAAU;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,YAAAT;AAAA,QACC,GAAGG,GAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,gBAAAU,EAACC,KAAY,UAAAf,EAAA,CAAS;AAAA,EAAA,GACxB;AAEJ;"}

package/dist/Drawerx/DrawerMain/DrawerMain.mjs

@@ -1,29 +1,28 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { DrawerHeader as s } from "../Drawer/Drawer.mjs";
-import { useDrawer as o } from "../DrawerContext/DrawerContext.mjs";
-import m from "../../node_modules/@mui/material/esm/styles/styled.mjs";
-import p from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-const c = {
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { styled as o, useTheme as c } from "@mui/material/styles";
+import { DrawerHeader as m } from "../Drawer/Drawer.mjs";
+import { useDrawer as p } from "../DrawerContext/DrawerContext.mjs";
+const d = {
   temporary: !1,
   mini: !0,
   persistent: !0
-}, d = m("div")(({ theme: r }) => {
-  const { spacing: n } = p(), { drawerWidth: i, state: t, variant: a } = o();
+}, u = o("div")(({ theme: r }) => {
+  const { spacing: e } = c(), { drawerWidth: n, state: t, variant: a } = p();
   return {
-    marginLeft: c[a] ? t === "open" ? i : t === "collapse" ? n(8) : 0 : 0,
+    marginLeft: d[a] ? t === "open" ? n : t === "collapse" ? e(8) : 0 : 0,
     transition: r.transitions.create("margin", {
       easing: r.transitions.easing.sharp,
       duration: r.transitions.duration.leavingScreen
     })
   };
 });
-function j({ children: r }) {
-  return /* @__PURE__ */ e.jsxs(d, { children: [
-    /* @__PURE__ */ e.jsx(s, {}),
+function D({ children: r }) {
+  return /* @__PURE__ */ i(u, { children: [
+    /* @__PURE__ */ s(m, {}),
     r
   ] });
 }
 export {
-  j as default
+  D as default
 };
 //# sourceMappingURL=DrawerMain.mjs.map

package/dist/Drawerx/DrawerMain/DrawerMain.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerMain.mjs","sources":["../../../src/Drawerx/DrawerMain/DrawerMain.tsx"],"sourcesContent":["import { styled, useTheme } from \"@mui/material/styles\";\nimport type { PropsWithChildren } from \"react\";\nimport { DrawerHeader } from \"../Drawer/Drawer\";\nimport type { DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext/DrawerContext\";\n\nconst drawerSpace: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst StyledDiv = styled(\"div\")(({ theme }) => {\n  const { spacing } = useTheme();\n  const { drawerWidth, state, variant } = useDrawer();\n\n  const marginLeft = drawerSpace[variant]\n    ? state === \"open\"\n      ? drawerWidth\n      : state === \"collapse\"\n        ? spacing(8)\n        : 0\n    : 0;\n\n  return {\n    marginLeft,\n    transition: theme.transitions.create(\"margin\", {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n  };\n});\n\nexport type DrawerMainProps = PropsWithChildren;\n\nexport default function DrawerMain({ children }: DrawerMainProps) {\n  return (\n    <StyledDiv>\n      <DrawerHeader />\n      {children}\n    </StyledDiv>\n  );\n}\n"],"names":["drawerSpace","StyledDiv","styled","theme","spacing","useTheme","drawerWidth","state","variant","useDrawer","DrawerMain","children","jsx","DrawerHeader"],"mappings":";;;;;AAMA,MAAMA,IAA8C;AAAA,EAClD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAYC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAA;AAUxC,SAAO;AAAA,IACL,YATiBT,EAAYQ,CAAO,IAClCD,MAAU,SACRD,IACAC,MAAU,aACRH,EAAQ,CAAC,IACT,IACJ;AAAA,IAIF,YAAYD,EAAM,YAAY,OAAO,UAAU;AAAA,MAC7C,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,EAAA;AAEL,CAAC;AAID,SAAwBO,EAAW,EAAE,UAAAC,KAA6B;AAChE,gCACGV,GAAA,EACC,UAAA;AAAA,IAAAW,gBAAAA,EAAAA,IAACC,GAAA,EAAa;AAAA,IACbF;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"DrawerMain.mjs","sources":["../../../src/Drawerx/DrawerMain/DrawerMain.tsx"],"sourcesContent":["import { styled, useTheme } from \"@mui/material/styles\";\nimport type { PropsWithChildren } from \"react\";\nimport { DrawerHeader } from \"../Drawer/Drawer\";\nimport type { DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext/DrawerContext\";\n\nconst drawerSpace: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst StyledDiv = styled(\"div\")(({ theme }) => {\n  const { spacing } = useTheme();\n  const { drawerWidth, state, variant } = useDrawer();\n\n  const marginLeft = drawerSpace[variant]\n    ? state === \"open\"\n      ? drawerWidth\n      : state === \"collapse\"\n        ? spacing(8)\n        : 0\n    : 0;\n\n  return {\n    marginLeft,\n    transition: theme.transitions.create(\"margin\", {\n      easing: theme.transitions.easing.sharp,\n      duration: theme.transitions.duration.leavingScreen,\n    }),\n  };\n});\n\nexport type DrawerMainProps = PropsWithChildren;\n\nexport default function DrawerMain({ children }: DrawerMainProps) {\n  return (\n    <StyledDiv>\n      <DrawerHeader />\n      {children}\n    </StyledDiv>\n  );\n}\n"],"names":["drawerSpace","StyledDiv","styled","theme","spacing","useTheme","drawerWidth","state","variant","useDrawer","DrawerMain","children","jsx","DrawerHeader"],"mappings":";;;;AAMA,MAAMA,IAA8C;AAAA,EAClD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAYC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAA;AAUxC,SAAO;AAAA,IACL,YATiBT,EAAYQ,CAAO,IAClCD,MAAU,SACRD,IACAC,MAAU,aACRH,EAAQ,CAAC,IACT,IACJ;AAAA,IAIF,YAAYD,EAAM,YAAY,OAAO,UAAU;AAAA,MAC7C,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,EAAA;AAEL,CAAC;AAID,SAAwBO,EAAW,EAAE,UAAAC,KAA6B;AAChE,2BACGV,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAA,EAAa;AAAA,IACbF;AAAA,EAAA,GACH;AAEJ;"}

package/dist/Drawerx/DrawerSubheader/DrawerSubheader.mjs

@@ -1,12 +1,12 @@
-import { j as m } from "../../_virtual/jsx-runtime.mjs";
-import { useTheme as s } from "@mui/material";
+import { jsx as m } from "react/jsx-runtime";
+import { useTheme as i } from "@mui/material";
+import s from "@mui/material/ListSubheader";
 import "react";
-import { useDrawer as i } from "../DrawerContext/DrawerContext.mjs";
-import p from "../../node_modules/@mui/material/esm/ListSubheader/ListSubheader.mjs";
-function h({ sx: r, ...e }) {
-  const { size: o } = i(), { typography: t } = s();
-  return /* @__PURE__ */ m.jsx(
-    p,
+import { useDrawer as p } from "../DrawerContext/DrawerContext.mjs";
+function d({ sx: r, ...e }) {
+  const { size: o } = p(), { typography: t } = i();
+  return /* @__PURE__ */ m(
+    s,
     {
       ...e,
       sx: {
@@ -17,6 +17,6 @@ function h({ sx: r, ...e }) {
   );
 }
 export {
-  h as default
+  d as default
 };
 //# sourceMappingURL=DrawerSubheader.mjs.map

package/dist/Drawerx/DrawerSubheader/DrawerSubheader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerSubheader.mjs","sources":["../../../src/Drawerx/DrawerSubheader/DrawerSubheader.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material\";\nimport ListSubheader, {\n  type ListSubheaderProps,\n} from \"@mui/material/ListSubheader\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport type DrawerSubheaderProps = ListSubheaderProps;\n\n/**\n * A functional component that renders a `ListSubheader` with custom styles.\n */\nexport default function DrawerSubheader({ sx, ...rest }: DrawerSubheaderProps) {\n  const { size } = useDrawer();\n  const { typography } = useTheme();\n\n  return (\n    <ListSubheader\n      {...rest}\n      sx={{\n        lineHeight: size === \"small\" ? typography.pxToRem(40) : undefined,\n        ...sx,\n      }}\n    />\n  );\n}\n"],"names":["DrawerSubheader","sx","rest","size","useDrawer","typography","useTheme","jsx","ListSubheader"],"mappings":";;;;;AAWA,SAAwBA,EAAgB,EAAE,IAAAC,GAAI,GAAGC,KAA8B;AAC7E,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,IAAI;AAAA,QACF,YAAYC,MAAS,UAAUE,EAAW,QAAQ,EAAE,IAAI;AAAA,QACxD,GAAGJ;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DrawerSubheader.mjs","sources":["../../../src/Drawerx/DrawerSubheader/DrawerSubheader.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material\";\nimport ListSubheader, {\n  type ListSubheaderProps,\n} from \"@mui/material/ListSubheader\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport type DrawerSubheaderProps = ListSubheaderProps;\n\n/**\n * A functional component that renders a `ListSubheader` with custom styles.\n */\nexport default function DrawerSubheader({ sx, ...rest }: DrawerSubheaderProps) {\n  const { size } = useDrawer();\n  const { typography } = useTheme();\n\n  return (\n    <ListSubheader\n      {...rest}\n      sx={{\n        lineHeight: size === \"small\" ? typography.pxToRem(40) : undefined,\n        ...sx,\n      }}\n    />\n  );\n}\n"],"names":["DrawerSubheader","sx","rest","size","useDrawer","typography","useTheme","jsx","ListSubheader"],"mappings":";;;;;AAWA,SAAwBA,EAAgB,EAAE,IAAAC,GAAI,GAAGC,KAA8B;AAC7E,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,YAAAC,EAAA,IAAeC,EAAA;AAEvB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,IAAI;AAAA,QACF,YAAYC,MAAS,UAAUE,EAAW,QAAQ,EAAE,IAAI;AAAA,QACxD,GAAGJ;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGN;"}

package/dist/ExpandableAlert/ExpandableAlert.mjs

@@ -1,61 +1,60 @@
-import { j as o } from "../_virtual/jsx-runtime.mjs";
-import j from "../node_modules/@mui/icons-material/esm/Close.mjs";
-import h from "../node_modules/@mui/icons-material/esm/ExpandLess.mjs";
-import u from "../node_modules/@mui/icons-material/esm/ExpandMore.mjs";
-import { forwardRef as E, useState as S } from "react";
-import { Board as A } from "../Board/Board.mjs";
-import C from "../node_modules/@mui/material/esm/Alert/alertClasses.mjs";
-import I from "../node_modules/@mui/material/esm/Alert/Alert.mjs";
-import t from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import w from "../node_modules/@mui/material/esm/AlertTitle/AlertTitle.mjs";
-import z from "../node_modules/@mui/material/esm/Collapse/Collapse.mjs";
-import l from "../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-const B = {
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import u from "@mui/icons-material/Close";
+import E from "@mui/icons-material/ExpandLess";
+import S from "@mui/icons-material/ExpandMore";
+import A, { alertClasses as C } from "@mui/material/Alert";
+import I from "@mui/material/AlertTitle";
+import t from "@mui/material/Box";
+import w from "@mui/material/Collapse";
+import m from "@mui/material/IconButton";
+import { forwardRef as z, useState as B } from "react";
+import { Board as b } from "../Board/Board.mjs";
+const j = {
   [`& .${C.message}`]: {
     width: 1
   }
-}, b = E(
+}, k = z(
   ({
-    severity: n,
-    iconMapping: m,
+    severity: s,
+    iconMapping: c,
     title: e,
-    message: x,
+    message: p,
     metadata: r,
-    metadataComponent: c,
-    onClose: s,
-    sx: p = {}
-  }, a) => {
-    const [i, f] = S(!1);
-    return /* @__PURE__ */ o.jsx(
-      I,
+    metadataComponent: a,
+    onClose: l,
+    sx: d = {}
+  }, f) => {
+    const [i, x] = B(!1);
+    return /* @__PURE__ */ o(
+      A,
       {
-        ref: a,
-        severity: n,
-        iconMapping: m,
-        onClose: s,
-        action: /* @__PURE__ */ o.jsxs(t, { display: "flex", flexDirection: "column", children: [
-          /* @__PURE__ */ o.jsx(l, { color: "inherit", onClick: s, children: /* @__PURE__ */ o.jsx(j, { fontSize: "small" }) }),
-          r && /* @__PURE__ */ o.jsx(
-            l,
+        ref: f,
+        severity: s,
+        iconMapping: c,
+        onClose: l,
+        action: /* @__PURE__ */ n(t, { display: "flex", flexDirection: "column", children: [
+          /* @__PURE__ */ o(m, { color: "inherit", onClick: l, children: /* @__PURE__ */ o(u, { fontSize: "small" }) }),
+          r && /* @__PURE__ */ o(
+            m,
             {
               color: "inherit",
-              onClick: () => f((d) => !d),
-              children: i ? /* @__PURE__ */ o.jsx(h, { fontSize: "small" }) : /* @__PURE__ */ o.jsx(u, { fontSize: "small" })
+              onClick: () => x((h) => !h),
+              children: i ? /* @__PURE__ */ o(E, { fontSize: "small" }) : /* @__PURE__ */ o(S, { fontSize: "small" })
             }
           )
         ] }),
-        sx: { ...B, ...p },
-        children: /* @__PURE__ */ o.jsxs(t, { sx: { w: 1 }, children: [
-          e && /* @__PURE__ */ o.jsx(w, { children: e }),
-          x,
-          r && /* @__PURE__ */ o.jsx(z, { in: i, sx: { mt: 2 }, children: /* @__PURE__ */ o.jsx(A, { content: r, children: c }) })
+        sx: { ...j, ...d },
+        children: /* @__PURE__ */ n(t, { sx: { w: 1 }, children: [
+          e && /* @__PURE__ */ o(I, { children: e }),
+          p,
+          r && /* @__PURE__ */ o(w, { in: i, sx: { mt: 2 }, children: /* @__PURE__ */ o(b, { content: r, children: a }) })
         ] })
       }
     );
   }
 );
-b.displayName = "ExpandableAlert";
+k.displayName = "ExpandableAlert";
 export {
-  b as default
+  k as default
 };
 //# sourceMappingURL=ExpandableAlert.mjs.map

package/dist/ExpandableAlert/ExpandableAlert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableAlert.mjs","sources":["../../src/ExpandableAlert/ExpandableAlert.tsx"],"sourcesContent":["import CloseIcon from \"@mui/icons-material/Close\";\nimport ExpandLessIcon from \"@mui/icons-material/ExpandLess\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport Alert, { type AlertColor, alertClasses } from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Box from \"@mui/material/Box\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport { forwardRef, type ReactElement, useState } from \"react\";\nimport Board from \"../Board\";\n\n/**\n * Props for the ExpandableAlert component\n */\nexport interface ExpandableAlertProps {\n  /**\n   * Alert severity level\n   */\n  severity: AlertColor;\n  /**\n   * Custom icon mapping for different severity levels\n   */\n  iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;\n  /**\n   * Alert title\n   */\n  title?: string;\n  /**\n   * Alert message content\n   */\n  message: string;\n  /**\n   * Additional metadata to display in expandable section\n   */\n  metadata?: string | string[];\n  /**\n   * Custom component to render in expandable section\n   */\n  metadataComponent?: ReactElement;\n  /**\n   * Callback when alert is closed\n   */\n  onClose: () => void;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst alertSx = {\n  [`& .${alertClasses.message}`]: {\n    width: 1,\n  },\n};\n\n/**\n * Alert component with expandable metadata section\n */\nconst ExpandableAlert = forwardRef<any, ExpandableAlertProps>(\n  (\n    {\n      severity,\n      iconMapping,\n      title,\n      message,\n      metadata,\n      metadataComponent,\n      onClose,\n      sx = {},\n    },\n    ref,\n  ) => {\n    const [expanded, setExpanded] = useState(false);\n    return (\n      <Alert\n        ref={ref}\n        severity={severity}\n        iconMapping={iconMapping}\n        onClose={onClose}\n        action={\n          <Box display=\"flex\" flexDirection=\"column\">\n            <IconButton color=\"inherit\" onClick={onClose}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n            {metadata && (\n              <IconButton\n                color=\"inherit\"\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? (\n                  <ExpandLessIcon fontSize=\"small\" />\n                ) : (\n                  <ExpandMoreIcon fontSize=\"small\" />\n                )}\n              </IconButton>\n            )}\n          </Box>\n        }\n        sx={{ ...alertSx, ...sx }}\n      >\n        <Box sx={{ w: 1 }}>\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {message}\n          {metadata && (\n            <Collapse in={expanded} sx={{ mt: 2 }}>\n              <Board content={metadata}>{metadataComponent}</Board>\n            </Collapse>\n          )}\n        </Box>\n      </Alert>\n    );\n  },\n);\n\nExpandableAlert.displayName = \"ExpandableAlert\";\n\nexport default ExpandableAlert;\n"],"names":["alertSx","alertClasses","ExpandableAlert","forwardRef","severity","iconMapping","title","message","metadata","metadataComponent","onClose","sx","ref","expanded","setExpanded","useState","jsx","Alert","jsxs","Box","IconButton","CloseIcon","e","ExpandLessIcon","ExpandMoreIcon","AlertTitle","Collapse","Board"],"mappings":";;;;;;;;;;;;AAkDA,MAAMA,IAAU;AAAA,EACd,CAAC,MAAMC,EAAa,OAAO,EAAE,GAAG;AAAA,IAC9B,OAAO;AAAA,EAAA;AAEX,GAKMC,IAAkBC;AAAA,EACtB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC,IAAK,CAAA;AAAA,EAAC,GAERC,MACG;AACH,UAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAC9C,WACEC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,UAAAR;AAAA,QACA,aAAAC;AAAA,QACA,SAAAK;AAAA,QACA,QACEQ,gBAAAA,EAAAA,KAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAChC,UAAA;AAAA,UAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAW,OAAM,WAAU,SAASV,GACnC,UAAAM,gBAAAA,EAAAA,IAACK,GAAA,EAAU,UAAS,QAAA,CAAQ,EAAA,CAC9B;AAAA,UACCb,KACCQ,gBAAAA,EAAAA;AAAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAMN,EAAY,CAACQ,MAAM,CAACA,CAAC;AAAA,cAEnC,UAAAT,0BACEU,GAAA,EAAe,UAAS,SAAQ,IAEjCP,gBAAAA,EAAAA,IAACQ,GAAA,EAAe,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAErC,GAEJ;AAAA,QAEF,IAAI,EAAE,GAAGxB,GAAS,GAAGW,EAAA;AAAA,QAErB,iCAACQ,GAAA,EAAI,IAAI,EAAE,GAAG,KACX,UAAA;AAAA,UAAAb,KAASU,gBAAAA,EAAAA,IAACS,KAAY,UAAAnB,EAAA,CAAM;AAAA,UAC5BC;AAAA,UACAC,KACCQ,gBAAAA,EAAAA,IAACU,GAAA,EAAS,IAAIb,GAAU,IAAI,EAAE,IAAI,EAAA,GAChC,UAAAG,gBAAAA,EAAAA,IAACW,GAAA,EAAM,SAASnB,GAAW,aAAkB,EAAA,CAC/C;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAN,EAAgB,cAAc;"}
+{"version":3,"file":"ExpandableAlert.mjs","sources":["../../src/ExpandableAlert/ExpandableAlert.tsx"],"sourcesContent":["import CloseIcon from \"@mui/icons-material/Close\";\nimport ExpandLessIcon from \"@mui/icons-material/ExpandLess\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport Alert, { type AlertColor, alertClasses } from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Box from \"@mui/material/Box\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport { forwardRef, type ReactElement, useState } from \"react\";\nimport Board from \"../Board\";\n\n/**\n * Props for the ExpandableAlert component\n */\nexport interface ExpandableAlertProps {\n  /**\n   * Alert severity level\n   */\n  severity: AlertColor;\n  /**\n   * Custom icon mapping for different severity levels\n   */\n  iconMapping?: Partial<Record<AlertColor, React.ReactNode>>;\n  /**\n   * Alert title\n   */\n  title?: string;\n  /**\n   * Alert message content\n   */\n  message: string;\n  /**\n   * Additional metadata to display in expandable section\n   */\n  metadata?: string | string[];\n  /**\n   * Custom component to render in expandable section\n   */\n  metadataComponent?: ReactElement;\n  /**\n   * Callback when alert is closed\n   */\n  onClose: () => void;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst alertSx = {\n  [`& .${alertClasses.message}`]: {\n    width: 1,\n  },\n};\n\n/**\n * Alert component with expandable metadata section\n */\nconst ExpandableAlert = forwardRef<any, ExpandableAlertProps>(\n  (\n    {\n      severity,\n      iconMapping,\n      title,\n      message,\n      metadata,\n      metadataComponent,\n      onClose,\n      sx = {},\n    },\n    ref,\n  ) => {\n    const [expanded, setExpanded] = useState(false);\n    return (\n      <Alert\n        ref={ref}\n        severity={severity}\n        iconMapping={iconMapping}\n        onClose={onClose}\n        action={\n          <Box display=\"flex\" flexDirection=\"column\">\n            <IconButton color=\"inherit\" onClick={onClose}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n            {metadata && (\n              <IconButton\n                color=\"inherit\"\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? (\n                  <ExpandLessIcon fontSize=\"small\" />\n                ) : (\n                  <ExpandMoreIcon fontSize=\"small\" />\n                )}\n              </IconButton>\n            )}\n          </Box>\n        }\n        sx={{ ...alertSx, ...sx }}\n      >\n        <Box sx={{ w: 1 }}>\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {message}\n          {metadata && (\n            <Collapse in={expanded} sx={{ mt: 2 }}>\n              <Board content={metadata}>{metadataComponent}</Board>\n            </Collapse>\n          )}\n        </Box>\n      </Alert>\n    );\n  },\n);\n\nExpandableAlert.displayName = \"ExpandableAlert\";\n\nexport default ExpandableAlert;\n"],"names":["alertSx","alertClasses","ExpandableAlert","forwardRef","severity","iconMapping","title","message","metadata","metadataComponent","onClose","sx","ref","expanded","setExpanded","useState","jsx","Alert","jsxs","Box","IconButton","CloseIcon","e","ExpandLessIcon","ExpandMoreIcon","AlertTitle","Collapse","Board"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,IAAU;AAAA,EACd,CAAC,MAAMC,EAAa,OAAO,EAAE,GAAG;AAAA,IAC9B,OAAO;AAAA,EAAA;AAEX,GAKMC,IAAkBC;AAAA,EACtB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC,IAAK,CAAA;AAAA,EAAC,GAERC,MACG;AACH,UAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAC9C,WACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,UAAAR;AAAA,QACA,aAAAC;AAAA,QACA,SAAAK;AAAA,QACA,QACE,gBAAAQ,EAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,UAChC,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAW,OAAM,WAAU,SAASV,GACnC,UAAA,gBAAAM,EAACK,GAAA,EAAU,UAAS,QAAA,CAAQ,EAAA,CAC9B;AAAA,UACCb,KACC,gBAAAQ;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAS,MAAMN,EAAY,CAACQ,MAAM,CAACA,CAAC;AAAA,cAEnC,UAAAT,sBACEU,GAAA,EAAe,UAAS,SAAQ,IAEjC,gBAAAP,EAACQ,GAAA,EAAe,UAAS,QAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAErC,GAEJ;AAAA,QAEF,IAAI,EAAE,GAAGxB,GAAS,GAAGW,EAAA;AAAA,QAErB,4BAACQ,GAAA,EAAI,IAAI,EAAE,GAAG,KACX,UAAA;AAAA,UAAAb,KAAS,gBAAAU,EAACS,KAAY,UAAAnB,EAAA,CAAM;AAAA,UAC5BC;AAAA,UACAC,KACC,gBAAAQ,EAACU,GAAA,EAAS,IAAIb,GAAU,IAAI,EAAE,IAAI,EAAA,GAChC,UAAA,gBAAAG,EAACW,GAAA,EAAM,SAASnB,GAAW,aAAkB,EAAA,CAC/C;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAN,EAAgB,cAAc;"}

package/dist/FormDialog/FormDialog.mjs

@@ -1,26 +1,25 @@
-import { j as i } from "../_virtual/jsx-runtime.mjs";
+import { jsx as i } from "react/jsx-runtime";
 import { BootstrapDialog as u } from "../BootstrapDialog/BootstrapDialog.mjs";
-import { getFormData as f } from "../utils/forms.mjs";
-function d({
+import { getFormData as s } from "../utils/forms.mjs";
+function S({
   open: a,
   title: r,
   loading: t,
   disabled: m,
-  submitText: c = "Submit",
-  cancelText: l = "Cancel",
+  submitText: l = "Submit",
+  cancelText: c = "Cancel",
   children: n,
   onSubmit: p,
   onCancel: e
 }) {
-  const s = (o) => {
-    o.preventDefault(), p(f(o));
-  };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ i(
     u,
     {
       component: "form",
       componentProps: {
-        onSubmit: s
+        onSubmit: (o) => {
+          o.preventDefault(), p(s(o));
+        }
       },
       title: r,
       loading: t,
@@ -30,16 +29,16 @@ function d({
       callCloseWhenCancel: !1,
       cancelable: !0,
       acceptable: !0,
-      cancelText: l,
+      cancelText: c,
       onCancel: e,
-      acceptText: c,
+      acceptText: l,
       acceptType: "submit",
       children: n
     }
   );
 }
 export {
-  d as FormDialog,
-  d as default
+  S as FormDialog,
+  S as default
 };
 //# sourceMappingURL=FormDialog.mjs.map

package/dist/FormDialog/FormDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.mjs","sources":["../../src/FormDialog/FormDialog.tsx"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport { BootstrapDialog } from \"../BootstrapDialog\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog\";\nimport { getFormData } from \"../utils/forms\";\n\ntype OmitBaseDialogProps =\n  | \"cancelable\"\n  | \"acceptable\"\n  | \"onAccept\"\n  | \"onCancel\"\n  | \"onClose\"\n  | \"actions\"\n  | \"callCloseWhenCancel\"\n  | \"component\"\n  | \"acceptType\";\n\n/**\n * Props for the FormDialog component.\n *\n * @template T - The type of data returned from the form.\n */\nexport interface FormDialogProps<T>\n  extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {\n  /**\n   * The text to display on the submit button.\n   * @default \"Submit\"\n   */\n  submitText?: string;\n\n  /**\n   * The text to display on the cancel button.\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n\n  /**\n   * Callback function to be called when the cancel button is clicked.\n   */\n  onCancel: () => void;\n\n  /**\n   * Callback function to be called when the submit button is clicked.\n   * @param data - The data to be submitted.\n   */\n  onSubmit: (data: T) => void;\n}\n\n/**\n * A generic form dialog component that wraps a BootstrapDialog and handles form submission.\n * Put your form inside and receive the data validated using the input name field.\n */\nexport function FormDialog<T>({\n  open,\n  title,\n  loading,\n  disabled,\n  submitText = \"Submit\",\n  cancelText = \"Cancel\",\n  children,\n  onSubmit,\n  onCancel,\n}: FormDialogProps<T>) {\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    onSubmit(getFormData<T>(e));\n  };\n\n  return (\n    <BootstrapDialog\n      component=\"form\"\n      componentProps={{\n        onSubmit: handleSubmit,\n      }}\n      title={title}\n      loading={loading}\n      disabled={loading || disabled}\n      open={open}\n      onClose={onCancel}\n      callCloseWhenCancel={false}\n      cancelable\n      acceptable\n      cancelText={cancelText}\n      onCancel={onCancel}\n      acceptText={submitText}\n      acceptType=\"submit\"\n    >\n      {children}\n    </BootstrapDialog>\n  );\n}\n\nexport default FormDialog;\n"],"names":["FormDialog","open","title","loading","disabled","submitText","cancelText","children","onSubmit","onCancel","handleSubmit","e","getFormData","jsx","BootstrapDialog"],"mappings":";;;AAmDO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAuB;AACrB,QAAMC,IAAe,CAACC,MAAkC;AACtD,IAAAA,EAAE,eAAA,GAEFH,EAASI,EAAeD,CAAC,CAAC;AAAA,EAC5B;AAEA,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,gBAAgB;AAAA,QACd,UAAUJ;AAAA,MAAA;AAAA,MAEZ,OAAAR;AAAA,MACA,SAAAC;AAAA,MACA,UAAUA,KAAWC;AAAA,MACrB,MAAAH;AAAA,MACA,SAASQ;AAAA,MACT,qBAAqB;AAAA,MACrB,YAAU;AAAA,MACV,YAAU;AAAA,MACV,YAAAH;AAAA,MACA,UAAAG;AAAA,MACA,YAAYJ;AAAA,MACZ,YAAW;AAAA,MAEV,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FormDialog.mjs","sources":["../../src/FormDialog/FormDialog.tsx"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport { BootstrapDialog } from \"../BootstrapDialog\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog\";\nimport { getFormData } from \"../utils/forms\";\n\ntype OmitBaseDialogProps =\n  | \"cancelable\"\n  | \"acceptable\"\n  | \"onAccept\"\n  | \"onCancel\"\n  | \"onClose\"\n  | \"actions\"\n  | \"callCloseWhenCancel\"\n  | \"component\"\n  | \"acceptType\";\n\n/**\n * Props for the FormDialog component.\n *\n * @template T - The type of data returned from the form.\n */\nexport interface FormDialogProps<T>\n  extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {\n  /**\n   * The text to display on the submit button.\n   * @default \"Submit\"\n   */\n  submitText?: string;\n\n  /**\n   * The text to display on the cancel button.\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n\n  /**\n   * Callback function to be called when the cancel button is clicked.\n   */\n  onCancel: () => void;\n\n  /**\n   * Callback function to be called when the submit button is clicked.\n   * @param data - The data to be submitted.\n   */\n  onSubmit: (data: T) => void;\n}\n\n/**\n * A generic form dialog component that wraps a BootstrapDialog and handles form submission.\n * Put your form inside and receive the data validated using the input name field.\n */\nexport function FormDialog<T>({\n  open,\n  title,\n  loading,\n  disabled,\n  submitText = \"Submit\",\n  cancelText = \"Cancel\",\n  children,\n  onSubmit,\n  onCancel,\n}: FormDialogProps<T>) {\n  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n\n    onSubmit(getFormData<T>(e));\n  };\n\n  return (\n    <BootstrapDialog\n      component=\"form\"\n      componentProps={{\n        onSubmit: handleSubmit,\n      }}\n      title={title}\n      loading={loading}\n      disabled={loading || disabled}\n      open={open}\n      onClose={onCancel}\n      callCloseWhenCancel={false}\n      cancelable\n      acceptable\n      cancelText={cancelText}\n      onCancel={onCancel}\n      acceptText={submitText}\n      acceptType=\"submit\"\n    >\n      {children}\n    </BootstrapDialog>\n  );\n}\n\nexport default FormDialog;\n"],"names":["FormDialog","open","title","loading","disabled","submitText","cancelText","children","onSubmit","onCancel","jsx","BootstrapDialog","e","getFormData"],"mappings":";;;AAmDO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAuB;AAOrB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,gBAAgB;AAAA,QACd,UAVe,CAACC,MAAkC;AACtD,UAAAA,EAAE,eAAA,GAEFJ,EAASK,EAAeD,CAAC,CAAC;AAAA,QAC5B;AAAA,MAMgB;AAAA,MAEZ,OAAAV;AAAA,MACA,SAAAC;AAAA,MACA,UAAUA,KAAWC;AAAA,MACrB,MAAAH;AAAA,MACA,SAASQ;AAAA,MACT,qBAAqB;AAAA,MACrB,YAAU;AAAA,MACV,YAAU;AAAA,MACV,YAAAH;AAAA,MACA,UAAAG;AAAA,MACA,YAAYJ;AAAA,MACZ,YAAW;AAAA,MAEV,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/GroupValueCard/GroupValueCard.mjs

@@ -1,66 +1,66 @@
-import { j as o } from "../_virtual/jsx-runtime.mjs";
-import { useGetDefaultThemeColor as n } from "../utils/theme.mjs";
-import h from "../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import f from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
-import g from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import i from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-import x from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
-function C({
-  title: a,
-  subtitle: t,
-  centered: e,
-  children: p,
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import h from "@mui/material/Box";
+import f from "@mui/material/Grid";
+import g from "@mui/material/Paper";
+import { useTheme as c } from "@mui/material/styles";
+import a from "@mui/material/Typography";
+import { useGetDefaultThemeColor as d } from "../utils/theme.mjs";
+function s({
+  title: e,
+  subtitle: i,
+  centered: p,
+  children: l,
   dense: r
 }) {
-  const { typography: l } = h(), m = n({
+  const { typography: m } = c(), n = d({
     lightWeight: 200,
     darkWeight: 800
   });
-  return /* @__PURE__ */ o.jsxs(
-    f,
+  return /* @__PURE__ */ t(
+    g,
     {
       sx: {
         paddingBottom: r ? 0 : 1
       },
       children: [
-        /* @__PURE__ */ o.jsxs(
-          g,
+        /* @__PURE__ */ t(
+          h,
           {
-            bgcolor: m,
+            bgcolor: n,
             px: r ? 1 : 2,
             py: r ? 0.5 : 1,
             lineHeight: r ? 0 : void 0,
             children: [
-              /* @__PURE__ */ o.jsx(
-                i,
+              /* @__PURE__ */ o(
+                a,
                 {
                   variant: r ? "body1" : "h6",
                   role: "heading",
                   "aria-level": 1,
-                  children: a
+                  children: e
                 }
               ),
-              t && /* @__PURE__ */ o.jsx(
-                i,
+              i && /* @__PURE__ */ o(
+                a,
                 {
                   variant: r ? "caption" : "body2",
                   role: "heading",
                   "aria-level": 2,
-                  lineHeight: r ? l.pxToRem(15) : void 0,
-                  children: t
+                  lineHeight: r ? m.pxToRem(15) : void 0,
+                  children: i
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          x,
+        /* @__PURE__ */ o(
+          f,
           {
             container: !0,
             padding: 1,
             rowSpacing: r ? 1 : 2,
-            justifyContent: e ? "center" : "flex-start",
-            children: p
+            justifyContent: p ? "center" : "flex-start",
+            children: l
           }
         )
       ]
@@ -68,7 +68,7 @@ function C({
   );
 }
 export {
-  C as GroupValueCard,
-  C as default
+  s as GroupValueCard,
+  s as default
 };
 //# sourceMappingURL=GroupValueCard.mjs.map

package/dist/GroupValueCard/GroupValueCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GroupValueCard.mjs","sources":["../../src/GroupValueCard/GroupValueCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport type { ValueItemElement } from \"../ValueItem\";\n\n/**\n * Props for the GroupValueCard component.\n */\nexport interface GroupValueCardProps {\n  /**\n   * The main title of the card.\n   */\n  title: string;\n\n  /**\n   * An optional subtitle for the card.\n   */\n  subtitle?: string;\n\n  /**\n   * If true, the content will be centered.\n   */\n  centered?: boolean;\n\n  /**\n   * The children elements to be rendered inside the card.\n   */\n  children: ValueItemElement | ValueItemElement[];\n\n  /**\n   * If true, the card will have a denser layout.\n   */\n  dense?: boolean;\n}\n\n/**\n * GroupValueCard component renders a card with a title, subtitle, and children content.\n * It supports customization for dense layout and centered content.\n */\nexport function GroupValueCard({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({\n    lightWeight: 200,\n    darkWeight: 800,\n  });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography\n          variant={dense ? \"body1\" : \"h6\"}\n          role=\"heading\"\n          aria-level={1}\n        >\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n}\n\nexport default GroupValueCard;\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","typography","useTheme","defaultColor","useGetDefaultThemeColor","jsxs","Paper","Box","jsx","Typography","Grid"],"mappings":";;;;;;;AA0CO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAwB;AACtB,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjBC,IAAeC,EAAwB;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAED,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAeN,IAAQ,IAAI;AAAA,MAAA;AAAA,MAG7B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASJ;AAAA,YACT,IAAIH,IAAQ,IAAI;AAAA,YAChB,IAAIA,IAAQ,MAAM;AAAA,YAClB,YAAYA,IAAQ,IAAI;AAAA,YAExB,UAAA;AAAA,cAAAQ,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,UAAU;AAAA,kBAC3B,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFC,KACCW,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,YAAY;AAAA,kBAC7B,MAAK;AAAA,kBACL,cAAY;AAAA,kBACZ,YAAYA,IAAQC,EAAW,QAAQ,EAAE,IAAI;AAAA,kBAE5C,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJW,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAS;AAAA,YACT,SAAS;AAAA,YACT,YAAYV,IAAQ,IAAI;AAAA,YACxB,gBAAgBF,IAAW,WAAW;AAAA,YAErC,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"GroupValueCard.mjs","sources":["../../src/GroupValueCard/GroupValueCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Grid from \"@mui/material/Grid\";\nimport Paper from \"@mui/material/Paper\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport type { ValueItemElement } from \"../ValueItem\";\n\n/**\n * Props for the GroupValueCard component.\n */\nexport interface GroupValueCardProps {\n  /**\n   * The main title of the card.\n   */\n  title: string;\n\n  /**\n   * An optional subtitle for the card.\n   */\n  subtitle?: string;\n\n  /**\n   * If true, the content will be centered.\n   */\n  centered?: boolean;\n\n  /**\n   * The children elements to be rendered inside the card.\n   */\n  children: ValueItemElement | ValueItemElement[];\n\n  /**\n   * If true, the card will have a denser layout.\n   */\n  dense?: boolean;\n}\n\n/**\n * GroupValueCard component renders a card with a title, subtitle, and children content.\n * It supports customization for dense layout and centered content.\n */\nexport function GroupValueCard({\n  title,\n  subtitle,\n  centered,\n  children,\n  dense,\n}: GroupValueCardProps) {\n  const { typography } = useTheme();\n  const defaultColor = useGetDefaultThemeColor({\n    lightWeight: 200,\n    darkWeight: 800,\n  });\n\n  return (\n    <Paper\n      sx={{\n        paddingBottom: dense ? 0 : 1,\n      }}\n    >\n      <Box\n        bgcolor={defaultColor}\n        px={dense ? 1 : 2}\n        py={dense ? 0.5 : 1}\n        lineHeight={dense ? 0 : undefined}\n      >\n        <Typography\n          variant={dense ? \"body1\" : \"h6\"}\n          role=\"heading\"\n          aria-level={1}\n        >\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant={dense ? \"caption\" : \"body2\"}\n            role=\"heading\"\n            aria-level={2}\n            lineHeight={dense ? typography.pxToRem(15) : undefined}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      <Grid\n        container\n        padding={1}\n        rowSpacing={dense ? 1 : 2}\n        justifyContent={centered ? \"center\" : \"flex-start\"}\n      >\n        {children}\n      </Grid>\n    </Paper>\n  );\n}\n\nexport default GroupValueCard;\n"],"names":["GroupValueCard","title","subtitle","centered","children","dense","typography","useTheme","defaultColor","useGetDefaultThemeColor","jsxs","Paper","Box","jsx","Typography","Grid"],"mappings":";;;;;;;AA0CO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,GAAwB;AACtB,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjBC,IAAeC,EAAwB;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAED,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAeN,IAAQ,IAAI;AAAA,MAAA;AAAA,MAG7B,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAASJ;AAAA,YACT,IAAIH,IAAQ,IAAI;AAAA,YAChB,IAAIA,IAAQ,MAAM;AAAA,YAClB,YAAYA,IAAQ,IAAI;AAAA,YAExB,UAAA;AAAA,cAAA,gBAAAQ;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,UAAU;AAAA,kBAC3B,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEFC,KACC,gBAAAW;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,SAAST,IAAQ,YAAY;AAAA,kBAC7B,MAAK;AAAA,kBACL,cAAY;AAAA,kBACZ,YAAYA,IAAQC,EAAW,QAAQ,EAAE,IAAI;AAAA,kBAE5C,UAAAJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJ,gBAAAW;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAS;AAAA,YACT,SAAS;AAAA,YACT,YAAYV,IAAQ,IAAI;AAAA,YACxB,gBAAgBF,IAAW,WAAW;AAAA,YAErC,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}