@pautena/react-design-system 1.0.0 → 2.0.0-alpha.0

package/README.md

@@ -27,12 +27,6 @@ npm:
 npm install @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid
 ```
 
-yarn:
-
-```bash
-yarn add @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid react-dom
-```
-
 Now you are going to be able to import the components and use it in your React project.
 
 ```javascript

package/dist/Autocomplete/Autocomplete.mjs

@@ -1,39 +1,39 @@
-import { j as r } from "../_virtual/jsx-runtime.mjs";
-import { TextField as C } from "../TextField/TextField.mjs";
-import F from "../node_modules/@mui/material/esm/Autocomplete/Autocomplete.mjs";
-function b(s) {
+import { jsx as r } from "react/jsx-runtime";
+import C from "@mui/material/Autocomplete";
+import { TextField as F } from "../TextField/TextField.mjs";
+function j(i) {
   const {
-    label: i,
+    label: p,
     loading: t,
     fetching: o,
-    options: p,
-    helperText: m,
-    color: u,
-    onChangeValue: c = () => null,
+    options: s,
+    helperText: u,
+    color: c,
+    onChangeValue: m = () => null,
     sx: a,
     slots: e,
-    slotProps: n,
-    ...x
-  } = s, d = t || o, f = e?.autocomplete ?? F, g = e?.textField ?? C;
-  return /* @__PURE__ */ r.jsx(
+    slotProps: l,
+    ...d
+  } = i, x = t || o, f = e?.autocomplete ?? C, g = e?.textField ?? F;
+  return /* @__PURE__ */ r(
     f,
     {
-      ...n?.autocomplete,
-      loading: d,
-      options: o ? [] : p,
-      onChange: (l, h) => c(h),
-      ...x,
-      renderInput: (l) => /* @__PURE__ */ r.jsx(
+      ...l?.autocomplete,
+      loading: x,
+      options: o ? [] : s,
+      onChange: (n, h) => m(h),
+      ...d,
+      renderInput: (n) => /* @__PURE__ */ r(
         g,
         {
-          ...l,
-          label: i,
+          ...n,
+          label: p,
           fullWidth: !0,
           fetching: o,
           loading: t,
-          hexColor: u,
-          helperText: m,
-          ...n?.textField
+          hexColor: c,
+          helperText: u,
+          ...l?.textField
         }
       ),
       sx: a
@@ -41,7 +41,7 @@ function b(s) {
   );
 }
 export {
-  b as Autocomplete,
-  b as default
+  j as Autocomplete,
+  j as default
 };
 //# sourceMappingURL=Autocomplete.mjs.map

package/dist/Autocomplete/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../src/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import MuiAutocomplete, {\n  type AutocompleteProps as MuiAutocompleteProps,\n} from \"@mui/material/Autocomplete\";\nimport type { ChipTypeMap } from \"@mui/material/Chip\";\nimport type { TextFieldProps } from \"@mui/material/TextField\";\nimport type React from \"react\";\nimport type { JSXElementConstructor } from \"react\";\nimport TextField from \"../TextField\";\n\n/**\n * Interface representing the slots for the Autocomplete component.\n */\nexport interface AutocompleteSlots {\n  /**\n   * Root autocomplete component\n   */\n  autocomplete?: JSXElementConstructor<\n    MuiAutocompleteProps<any, any, any, any>\n  >;\n  /**\n   * Text field component for input rendering\n   */\n  textField?: JSXElementConstructor<TextFieldProps>;\n}\n\n/**\n * Interface representing the slot properties for the Autocomplete component.\n */\nexport interface AutocompleteSlotProps {\n  /**\n   * Props for the autocomplete component (onChange is managed by the component)\n   */\n  autocomplete?: Partial<\n    Omit<MuiAutocompleteProps<any, any, any, any>, \"onChange\" | \"renderInput\">\n  >;\n  /**\n   * Props for the text field\n   */\n  textField?: Partial<TextFieldProps>;\n}\n\n/**\n * Props for the Autocomplete component.\n *\n * @template T - The type of the options\n * @template Multiple - Whether multiple selection is enabled\n * @template DisableClearable - Whether the clear button is disabled\n * @template FreeSolo - Whether free solo input is allowed\n * @template ChipComponent - The component type for chips (when multiple selection is enabled)\n */\nexport interface AutocompleteProps<\n  T,\n  Multiple extends boolean | undefined,\n  DisableClearable extends boolean | undefined,\n  FreeSolo extends boolean | undefined,\n  ChipComponent extends React.ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    MuiAutocompleteProps<\n      T,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    \"renderInput\" | \"onChange\" | \"color\" | \"slots\" | \"slotProps\"\n  > {\n  /**\n   * The label for the autocomplete input.\n   */\n  label: string;\n  /**\n   * Optional helper text to display below the input.\n   */\n  helperText?: string;\n  /**\n   * Optional color for the autocomplete component.\n   */\n  color?: string;\n  /**\n   * If `true`, indicates that data is being fetched.\n   */\n  fetching?: boolean;\n  /**\n   * Optional callback function that is called when the value changes.\n   */\n  onChangeValue?: (value: T) => void;\n  /**\n   * Optional slots for custom rendering\n   */\n  slots?: AutocompleteSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: AutocompleteSlotProps;\n}\n\n/**\n * Autocomplete component that wraps the MUI Autocomplete component with additional props.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Autocomplete\n *   label=\"Country\"\n *   options={countries}\n *   onChangeValue={handleChange}\n * />\n *\n * // With slot customization\n * <Autocomplete\n *   label=\"Country\"\n *   options={countries}\n *   slots={{\n *     textField: CustomTextField\n *   }}\n *   slotProps={{\n *     autocomplete: { size: \"small\" },\n *     textField: { variant: \"filled\" }\n *   }}\n * />\n * ```\n */\nexport function Autocomplete<\n  T,\n  Multiple extends boolean | undefined,\n  DisableClearable extends boolean | undefined,\n  FreeSolo extends boolean | undefined,\n  ChipComponent extends React.ElementType = ChipTypeMap[\"defaultComponent\"],\n>(\n  props: AutocompleteProps<\n    T,\n    Multiple,\n    DisableClearable,\n    FreeSolo,\n    ChipComponent\n  >,\n) {\n  const {\n    label,\n    loading,\n    fetching,\n    options,\n    helperText,\n    color,\n    onChangeValue = () => null,\n    sx,\n    slots,\n    slotProps,\n    ...rest\n  } = props;\n  const loadingOrFetching = loading || fetching;\n\n  // Slot components with defaults\n  const AutocompleteComponent = slots?.autocomplete ?? MuiAutocomplete;\n  const TextFieldComponent = slots?.textField ?? TextField;\n\n  return (\n    <AutocompleteComponent\n      {...slotProps?.autocomplete}\n      loading={loadingOrFetching}\n      options={fetching ? [] : options}\n      onChange={(_, value) => onChangeValue(value as T) as any}\n      {...(rest as any)}\n      renderInput={(params) => (\n        <TextFieldComponent\n          {...(params as any)}\n          label={label}\n          fullWidth\n          fetching={fetching}\n          loading={loading}\n          hexColor={color}\n          helperText={helperText}\n          {...slotProps?.textField}\n        />\n      )}\n      sx={sx}\n    />\n  );\n}\n\nexport default Autocomplete;\n"],"names":["Autocomplete","props","label","loading","fetching","options","helperText","color","onChangeValue","sx","slots","slotProps","rest","loadingOrFetching","AutocompleteComponent","MuiAutocomplete","TextFieldComponent","TextField","jsx","_","value","params"],"mappings":";;;AA4HO,SAASA,EAOdC,GAOA;AACA,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,MAAM;AAAA,IACtB,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GACEY,IAAoBV,KAAWC,GAG/BU,IAAwBJ,GAAO,gBAAgBK,GAC/CC,IAAqBN,GAAO,aAAaO;AAE/C,SACEC,gBAAAA,EAAAA;AAAAA,IAACJ;AAAA,IAAA;AAAA,MACE,GAAGH,GAAW;AAAA,MACf,SAASE;AAAA,MACT,SAAST,IAAW,CAAA,IAAKC;AAAA,MACzB,UAAU,CAACc,GAAGC,MAAUZ,EAAcY,CAAU;AAAA,MAC/C,GAAIR;AAAA,MACL,aAAa,CAACS,MACZH,gBAAAA,EAAAA;AAAAA,QAACF;AAAA,QAAA;AAAA,UACE,GAAIK;AAAA,UACL,OAAAnB;AAAA,UACA,WAAS;AAAA,UACT,UAAAE;AAAA,UACA,SAAAD;AAAA,UACA,UAAUI;AAAA,UACV,YAAAD;AAAA,UACC,GAAGK,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnB,IAAAF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Autocomplete.mjs","sources":["../../src/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import MuiAutocomplete, {\n  type AutocompleteProps as MuiAutocompleteProps,\n} from \"@mui/material/Autocomplete\";\nimport type { ChipTypeMap } from \"@mui/material/Chip\";\nimport type { TextFieldProps } from \"@mui/material/TextField\";\nimport type React from \"react\";\nimport type { JSXElementConstructor } from \"react\";\nimport TextField from \"../TextField\";\n\n/**\n * Interface representing the slots for the Autocomplete component.\n */\nexport interface AutocompleteSlots {\n  /**\n   * Root autocomplete component\n   */\n  autocomplete?: JSXElementConstructor<\n    MuiAutocompleteProps<any, any, any, any>\n  >;\n  /**\n   * Text field component for input rendering\n   */\n  textField?: JSXElementConstructor<TextFieldProps>;\n}\n\n/**\n * Interface representing the slot properties for the Autocomplete component.\n */\nexport interface AutocompleteSlotProps {\n  /**\n   * Props for the autocomplete component (onChange is managed by the component)\n   */\n  autocomplete?: Partial<\n    Omit<MuiAutocompleteProps<any, any, any, any>, \"onChange\" | \"renderInput\">\n  >;\n  /**\n   * Props for the text field\n   */\n  textField?: Partial<TextFieldProps>;\n}\n\n/**\n * Props for the Autocomplete component.\n *\n * @template T - The type of the options\n * @template Multiple - Whether multiple selection is enabled\n * @template DisableClearable - Whether the clear button is disabled\n * @template FreeSolo - Whether free solo input is allowed\n * @template ChipComponent - The component type for chips (when multiple selection is enabled)\n */\nexport interface AutocompleteProps<\n  T,\n  Multiple extends boolean | undefined,\n  DisableClearable extends boolean | undefined,\n  FreeSolo extends boolean | undefined,\n  ChipComponent extends React.ElementType = ChipTypeMap[\"defaultComponent\"],\n> extends Omit<\n    MuiAutocompleteProps<\n      T,\n      Multiple,\n      DisableClearable,\n      FreeSolo,\n      ChipComponent\n    >,\n    \"renderInput\" | \"onChange\" | \"color\" | \"slots\" | \"slotProps\"\n  > {\n  /**\n   * The label for the autocomplete input.\n   */\n  label: string;\n  /**\n   * Optional helper text to display below the input.\n   */\n  helperText?: string;\n  /**\n   * Optional color for the autocomplete component.\n   */\n  color?: string;\n  /**\n   * If `true`, indicates that data is being fetched.\n   */\n  fetching?: boolean;\n  /**\n   * Optional callback function that is called when the value changes.\n   */\n  onChangeValue?: (value: T) => void;\n  /**\n   * Optional slots for custom rendering\n   */\n  slots?: AutocompleteSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: AutocompleteSlotProps;\n}\n\n/**\n * Autocomplete component that wraps the MUI Autocomplete component with additional props.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Autocomplete\n *   label=\"Country\"\n *   options={countries}\n *   onChangeValue={handleChange}\n * />\n *\n * // With slot customization\n * <Autocomplete\n *   label=\"Country\"\n *   options={countries}\n *   slots={{\n *     textField: CustomTextField\n *   }}\n *   slotProps={{\n *     autocomplete: { size: \"small\" },\n *     textField: { variant: \"filled\" }\n *   }}\n * />\n * ```\n */\nexport function Autocomplete<\n  T,\n  Multiple extends boolean | undefined,\n  DisableClearable extends boolean | undefined,\n  FreeSolo extends boolean | undefined,\n  ChipComponent extends React.ElementType = ChipTypeMap[\"defaultComponent\"],\n>(\n  props: AutocompleteProps<\n    T,\n    Multiple,\n    DisableClearable,\n    FreeSolo,\n    ChipComponent\n  >,\n) {\n  const {\n    label,\n    loading,\n    fetching,\n    options,\n    helperText,\n    color,\n    onChangeValue = () => null,\n    sx,\n    slots,\n    slotProps,\n    ...rest\n  } = props;\n  const loadingOrFetching = loading || fetching;\n\n  // Slot components with defaults\n  const AutocompleteComponent = slots?.autocomplete ?? MuiAutocomplete;\n  const TextFieldComponent = slots?.textField ?? TextField;\n\n  return (\n    <AutocompleteComponent\n      {...slotProps?.autocomplete}\n      loading={loadingOrFetching}\n      options={fetching ? [] : options}\n      onChange={(_, value) => onChangeValue(value as T) as any}\n      {...(rest as any)}\n      renderInput={(params) => (\n        <TextFieldComponent\n          {...(params as any)}\n          label={label}\n          fullWidth\n          fetching={fetching}\n          loading={loading}\n          hexColor={color}\n          helperText={helperText}\n          {...slotProps?.textField}\n        />\n      )}\n      sx={sx}\n    />\n  );\n}\n\nexport default Autocomplete;\n"],"names":["Autocomplete","props","label","loading","fetching","options","helperText","color","onChangeValue","sx","slots","slotProps","rest","loadingOrFetching","AutocompleteComponent","MuiAutocomplete","TextFieldComponent","TextField","jsx","_","value","params"],"mappings":";;;AA4HO,SAASA,EAOdC,GAOA;AACA,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC,IAAgB,MAAM;AAAA,IACtB,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDX,GACEY,IAAoBV,KAAWC,GAG/BU,IAAwBJ,GAAO,gBAAgBK,GAC/CC,IAAqBN,GAAO,aAAaO;AAE/C,SACE,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACE,GAAGH,GAAW;AAAA,MACf,SAASE;AAAA,MACT,SAAST,IAAW,CAAA,IAAKC;AAAA,MACzB,UAAU,CAACc,GAAGC,MAAUZ,EAAcY,CAAU;AAAA,MAC/C,GAAIR;AAAA,MACL,aAAa,CAACS,MACZ,gBAAAH;AAAA,QAACF;AAAA,QAAA;AAAA,UACE,GAAIK;AAAA,UACL,OAAAnB;AAAA,UACA,WAAS;AAAA,UACT,UAAAE;AAAA,UACA,SAAAD;AAAA,UACA,UAAUI;AAAA,UACV,YAAAD;AAAA,UACC,GAAGK,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnB,IAAAF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Board/Board.mjs

@@ -1,23 +1,23 @@
-import { j as o } from "../_virtual/jsx-runtime.mjs";
-import h from "../node_modules/@mui/icons-material/esm/ContentCopy.mjs";
-import d from "../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import p from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-import f from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
-import y from "../node_modules/@mui/material/esm/colors/blueGrey.mjs";
-import e from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import j from "../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-import u from "../node_modules/@mui/material/esm/Tooltip/Tooltip.mjs";
-function I({
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import f from "@mui/icons-material/ContentCopy";
+import e from "@mui/material/Box";
+import { blueGrey as y } from "@mui/material/colors";
+import x from "@mui/material/IconButton";
+import u from "@mui/material/Paper";
+import { useTheme as b } from "@mui/material/styles";
+import g from "@mui/material/Tooltip";
+import p from "@mui/material/Typography";
+function S({
   content: r,
   spacing: l = 0,
-  children: s,
-  sx: a
+  children: a,
+  sx: m
 }) {
-  const { spacing: n, typography: m } = d();
+  const { spacing: n, typography: c } = b();
   let i, t;
-  return Array.isArray(r) ? (t = r.map((c, x) => /* @__PURE__ */ o.jsx(p, { sx: { pb: l }, children: c }, x)), i = r.join(`
-`)) : (t = /* @__PURE__ */ o.jsx(p, { children: r }), i = r || ""), /* @__PURE__ */ o.jsx(
-    f,
+  return Array.isArray(r) ? (t = r.map((s, h) => /* @__PURE__ */ o(p, { sx: { pb: l }, children: s }, h)), i = r.join(`
+`)) : (t = /* @__PURE__ */ o(p, { children: r }), i = r || ""), /* @__PURE__ */ o(
+    u,
     {
       sx: {
         position: "relative",
@@ -26,11 +26,11 @@ function I({
         py: 1,
         backgroundColor: y[800],
         color: "white",
-        ...a
+        ...m
       },
-      children: /* @__PURE__ */ o.jsxs(e, { display: "flex", flexDirection: "row", children: [
-        /* @__PURE__ */ o.jsx(e, { width: 1, children: s || t }),
-        /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ d(e, { display: "flex", flexDirection: "row", children: [
+        /* @__PURE__ */ o(e, { width: 1, children: a || t }),
+        /* @__PURE__ */ o(
           e,
           {
             sx: {
@@ -38,13 +38,13 @@ function I({
               top: n(0.5),
               right: n(0.5)
             },
-            children: i && /* @__PURE__ */ o.jsx(
-              j,
+            children: i && /* @__PURE__ */ o(
+              x,
               {
                 "aria-label": "copy board content",
                 color: "inherit",
                 onClick: () => navigator.clipboard.writeText(i),
-                children: /* @__PURE__ */ o.jsx(u, { title: "Copy", children: /* @__PURE__ */ o.jsx(h, { sx: { fontSize: m.pxToRem(18) } }) })
+                children: /* @__PURE__ */ o(g, { title: "Copy", children: /* @__PURE__ */ o(f, { sx: { fontSize: c.pxToRem(18) } }) })
               }
             )
           }
@@ -54,7 +54,7 @@ function I({
   );
 }
 export {
-  I as Board,
-  I as default
+  S as Board,
+  S as default
 };
 //# sourceMappingURL=Board.mjs.map

package/dist/Board/Board.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Board.mjs","sources":["../../src/Board/Board.tsx"],"sourcesContent":["import ContentCopyIcon from \"@mui/icons-material/ContentCopy\";\nimport Box from \"@mui/material/Box\";\nimport { blueGrey } from \"@mui/material/colors\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Paper from \"@mui/material/Paper\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Props for the Board component.\n */\nexport interface BoardProps {\n  /**\n   * The content to be displayed on the board. It can be a single string or an array of strings.\n   */\n  content: string | string[];\n  /**\n   * Optional spacing value for the board. It can be one of the values: 0, 1, 2, 3, 4, or 5.\n   */\n  spacing?: 0 | 1 | 2 | 3 | 4 | 5;\n  /**\n   * Optional styling properties for the board, using the theme's styling system.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * Optional children to render instead of the content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Board component that displays content within a styled Paper component.\n * It supports rendering an array of content lines or a single content string.\n * Additionally, it provides a button to copy the content to the clipboard.\n */\nexport function Board({\n  content: contentProp,\n  spacing = 0,\n  children,\n  sx,\n}: BoardProps) {\n  const { spacing: themeSpacing, typography } = useTheme();\n  let copyContent: string;\n  let content: ReactNode;\n\n  if (Array.isArray(contentProp)) {\n    content = contentProp.map((line, i) => (\n      <Typography key={i} sx={{ pb: spacing }}>\n        {line}\n      </Typography>\n    ));\n    copyContent = contentProp.join(\"\\n\");\n  } else {\n    content = <Typography>{contentProp}</Typography>;\n    copyContent = contentProp || \"\";\n  }\n\n  return (\n    <Paper\n      sx={{\n        position: \"relative\",\n        pl: 2,\n        pr: 4,\n        py: 1,\n        backgroundColor: blueGrey[800],\n        color: \"white\",\n        ...sx,\n      }}\n    >\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Box width={1}>{children || content}</Box>\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: themeSpacing(0.5),\n            right: themeSpacing(0.5),\n          }}\n        >\n          {copyContent && (\n            <IconButton\n              aria-label=\"copy board content\"\n              color=\"inherit\"\n              onClick={() => navigator.clipboard.writeText(copyContent)}\n            >\n              <Tooltip title=\"Copy\">\n                <ContentCopyIcon sx={{ fontSize: typography.pxToRem(18) }} />\n              </Tooltip>\n            </IconButton>\n          )}\n        </Box>\n      </Box>\n    </Paper>\n  );\n}\n\nexport default Board;\n"],"names":["Board","contentProp","spacing","children","sx","themeSpacing","typography","useTheme","copyContent","content","line","i","jsx","Typography","Paper","blueGrey","jsxs","Box","IconButton","Tooltip","ContentCopyIcon"],"mappings":";;;;;;;;;AAqCO,SAASA,EAAM;AAAA,EACpB,SAASC;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,IAAAC;AACF,GAAe;AACb,QAAM,EAAE,SAASC,GAAc,YAAAC,EAAA,IAAeC,EAAA;AAC9C,MAAIC,GACAC;AAEJ,SAAI,MAAM,QAAQR,CAAW,KAC3BQ,IAAUR,EAAY,IAAI,CAACS,GAAMC,MAC/BC,gBAAAA,EAAAA,IAACC,GAAA,EAAmB,IAAI,EAAE,IAAIX,EAAA,GAC3B,UAAAQ,EAAA,GADcC,CAEjB,CACD,GACDH,IAAcP,EAAY,KAAK;AAAA,CAAI,MAEnCQ,IAAUG,gBAAAA,EAAAA,IAACC,KAAY,UAAAZ,EAAA,CAAY,GACnCO,IAAcP,KAAe,KAI7BW,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,iBAAiBC,EAAS,GAAG;AAAA,QAC7B,OAAO;AAAA,QACP,GAAGX;AAAA,MAAA;AAAA,MAGL,UAAAY,gBAAAA,EAAAA,KAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,OAChC,UAAA;AAAA,QAAAL,gBAAAA,EAAAA,IAACK,GAAA,EAAI,OAAO,GAAI,UAAAd,KAAYM,GAAQ;AAAA,QACpCG,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAKZ,EAAa,GAAG;AAAA,cACrB,OAAOA,EAAa,GAAG;AAAA,YAAA;AAAA,YAGxB,UAAAG,KACCI,gBAAAA,EAAAA;AAAAA,cAACM;AAAA,cAAA;AAAA,gBACC,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,SAAS,MAAM,UAAU,UAAU,UAAUV,CAAW;AAAA,gBAExD,UAAAI,gBAAAA,EAAAA,IAACO,GAAA,EAAQ,OAAM,QACb,gCAACC,GAAA,EAAgB,IAAI,EAAE,UAAUd,EAAW,QAAQ,EAAE,EAAA,GAAK,EAAA,CAC7D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Board.mjs","sources":["../../src/Board/Board.tsx"],"sourcesContent":["import ContentCopyIcon from \"@mui/icons-material/ContentCopy\";\nimport Box from \"@mui/material/Box\";\nimport { blueGrey } from \"@mui/material/colors\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Paper from \"@mui/material/Paper\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Props for the Board component.\n */\nexport interface BoardProps {\n  /**\n   * The content to be displayed on the board. It can be a single string or an array of strings.\n   */\n  content: string | string[];\n  /**\n   * Optional spacing value for the board. It can be one of the values: 0, 1, 2, 3, 4, or 5.\n   */\n  spacing?: 0 | 1 | 2 | 3 | 4 | 5;\n  /**\n   * Optional styling properties for the board, using the theme's styling system.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * Optional children to render instead of the content\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Board component that displays content within a styled Paper component.\n * It supports rendering an array of content lines or a single content string.\n * Additionally, it provides a button to copy the content to the clipboard.\n */\nexport function Board({\n  content: contentProp,\n  spacing = 0,\n  children,\n  sx,\n}: BoardProps) {\n  const { spacing: themeSpacing, typography } = useTheme();\n  let copyContent: string;\n  let content: ReactNode;\n\n  if (Array.isArray(contentProp)) {\n    content = contentProp.map((line, i) => (\n      <Typography key={i} sx={{ pb: spacing }}>\n        {line}\n      </Typography>\n    ));\n    copyContent = contentProp.join(\"\\n\");\n  } else {\n    content = <Typography>{contentProp}</Typography>;\n    copyContent = contentProp || \"\";\n  }\n\n  return (\n    <Paper\n      sx={{\n        position: \"relative\",\n        pl: 2,\n        pr: 4,\n        py: 1,\n        backgroundColor: blueGrey[800],\n        color: \"white\",\n        ...sx,\n      }}\n    >\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Box width={1}>{children || content}</Box>\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: themeSpacing(0.5),\n            right: themeSpacing(0.5),\n          }}\n        >\n          {copyContent && (\n            <IconButton\n              aria-label=\"copy board content\"\n              color=\"inherit\"\n              onClick={() => navigator.clipboard.writeText(copyContent)}\n            >\n              <Tooltip title=\"Copy\">\n                <ContentCopyIcon sx={{ fontSize: typography.pxToRem(18) }} />\n              </Tooltip>\n            </IconButton>\n          )}\n        </Box>\n      </Box>\n    </Paper>\n  );\n}\n\nexport default Board;\n"],"names":["Board","contentProp","spacing","children","sx","themeSpacing","typography","useTheme","copyContent","content","line","i","jsx","Typography","Paper","blueGrey","jsxs","Box","IconButton","Tooltip","ContentCopyIcon"],"mappings":";;;;;;;;;AAqCO,SAASA,EAAM;AAAA,EACpB,SAASC;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,IAAAC;AACF,GAAe;AACb,QAAM,EAAE,SAASC,GAAc,YAAAC,EAAA,IAAeC,EAAA;AAC9C,MAAIC,GACAC;AAEJ,SAAI,MAAM,QAAQR,CAAW,KAC3BQ,IAAUR,EAAY,IAAI,CAACS,GAAMC,MAC/B,gBAAAC,EAACC,GAAA,EAAmB,IAAI,EAAE,IAAIX,EAAA,GAC3B,UAAAQ,EAAA,GADcC,CAEjB,CACD,GACDH,IAAcP,EAAY,KAAK;AAAA,CAAI,MAEnCQ,IAAU,gBAAAG,EAACC,KAAY,UAAAZ,EAAA,CAAY,GACnCO,IAAcP,KAAe,KAI7B,gBAAAW;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,iBAAiBC,EAAS,GAAG;AAAA,QAC7B,OAAO;AAAA,QACP,GAAGX;AAAA,MAAA;AAAA,MAGL,UAAA,gBAAAY,EAACC,GAAA,EAAI,SAAQ,QAAO,eAAc,OAChC,UAAA;AAAA,QAAA,gBAAAL,EAACK,GAAA,EAAI,OAAO,GAAI,UAAAd,KAAYM,GAAQ;AAAA,QACpC,gBAAAG;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAKZ,EAAa,GAAG;AAAA,cACrB,OAAOA,EAAa,GAAG;AAAA,YAAA;AAAA,YAGxB,UAAAG,KACC,gBAAAI;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,cAAW;AAAA,gBACX,OAAM;AAAA,gBACN,SAAS,MAAM,UAAU,UAAU,UAAUV,CAAW;AAAA,gBAExD,UAAA,gBAAAI,EAACO,GAAA,EAAQ,OAAM,QACb,4BAACC,GAAA,EAAgB,IAAI,EAAE,UAAUd,EAAW,QAAQ,EAAE,EAAA,GAAK,EAAA,CAC7D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/BootstrapDialog/BootstrapDialog.mjs

@@ -1,118 +1,118 @@
-import { j as o } from "../_virtual/jsx-runtime.mjs";
-import N from "../node_modules/@mui/icons-material/esm/Close.mjs";
-import O from "../node_modules/@mui/material/esm/Dialog/Dialog.mjs";
-import Q from "../node_modules/@mui/material/esm/DialogTitle/DialogTitle.mjs";
-import C from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import S from "../node_modules/@mui/material/esm/CircularProgress/CircularProgress.mjs";
-import U from "../node_modules/@mui/material/esm/IconButton/IconButton.mjs";
-import V from "../node_modules/@mui/material/esm/DialogContent/DialogContent.mjs";
-import X from "../node_modules/@mui/material/esm/DialogActions/DialogActions.mjs";
-import a from "../node_modules/@mui/material/esm/Button/Button.mjs";
-function rn({
-  open: g,
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import R from "@mui/icons-material/Close";
+import g from "@mui/material/Box";
+import l from "@mui/material/Button";
+import S from "@mui/material/CircularProgress";
+import U from "@mui/material/Dialog";
+import V from "@mui/material/DialogActions";
+import X from "@mui/material/DialogContent";
+import Y from "@mui/material/DialogTitle";
+import Z from "@mui/material/IconButton";
+function an({
+  open: d,
   title: u,
-  component: d,
-  componentProps: x = {},
-  disabled: e,
-  disableAccept: B,
-  disableCancel: f,
-  actions: l = [],
-  children: j,
-  loading: m,
-  cancelable: p,
-  callCloseWhenCancel: s = !0,
-  acceptable: c,
-  acceptText: h = "Accept",
-  cancelText: D = "Cancel",
-  onAccept: A,
-  onCancel: I = () => null,
-  onClose: r,
-  acceptType: y = "button",
+  component: B,
+  componentProps: f = {},
+  disabled: c,
+  disableAccept: h,
+  disableCancel: D,
+  actions: m = [],
+  children: x,
+  loading: p,
+  cancelable: C,
+  callCloseWhenCancel: A = !0,
+  acceptable: r,
+  acceptText: I = "Accept",
+  cancelText: y = "Cancel",
+  onAccept: T,
+  onCancel: k = () => null,
+  onClose: a,
+  acceptType: W = "button",
   slots: n,
-  slotProps: t
+  slotProps: o
 }) {
-  const T = l.length > 0 || c || p, k = n?.dialog ?? O, W = n?.dialogTitle ?? Q, v = n?.titleContainer ?? C, z = n?.loadingIndicator ?? S, E = n?.closeButton ?? U, L = n?.closeIcon ?? N, R = n?.contentWrapper ?? C, b = n?.dialogContent ?? V, q = n?.dialogActions ?? X, w = n?.actionButton ?? a, F = n?.cancelButton ?? a, G = n?.acceptButton ?? a;
-  return /* @__PURE__ */ o.jsxs(k, { open: g, onClose: r, ...t?.dialog, children: [
-    /* @__PURE__ */ o.jsxs(
-      W,
+  const j = m.length > 0 || r || C, v = n?.dialog ?? U, z = n?.dialogTitle ?? Y, L = n?.titleContainer ?? g, b = n?.loadingIndicator ?? S, q = n?.closeButton ?? Z, w = n?.closeIcon ?? R, E = n?.contentWrapper ?? g, F = n?.dialogContent ?? X, G = n?.dialogActions ?? V, H = n?.actionButton ?? l, J = n?.cancelButton ?? l, K = n?.acceptButton ?? l;
+  return /* @__PURE__ */ e(v, { open: d, onClose: a, ...o?.dialog, children: [
+    /* @__PURE__ */ e(
+      z,
       {
         sx: { display: "flex", alignItems: "center" },
-        ...t?.dialogTitle,
+        ...o?.dialogTitle,
         children: [
-          /* @__PURE__ */ o.jsxs(v, { ...t?.titleContainer, children: [
+          /* @__PURE__ */ e(L, { ...o?.titleContainer, children: [
             u,
-            m && !c && /* @__PURE__ */ o.jsx(
-              z,
+            p && !r && /* @__PURE__ */ t(
+              b,
               {
                 size: 20,
                 sx: { ml: 2, color: (i) => i.palette.grey[500] },
-                ...t?.loadingIndicator
+                ...o?.loadingIndicator
               }
             )
           ] }),
-          /* @__PURE__ */ o.jsx(
-            E,
+          /* @__PURE__ */ t(
+            q,
             {
-              disabled: e,
+              disabled: c,
               "aria-label": "close",
-              onClick: r,
+              onClick: a,
               sx: {
                 position: "absolute",
                 right: 8,
                 top: 8,
                 color: (i) => i.palette.grey[500]
               },
-              ...t?.closeButton,
-              children: /* @__PURE__ */ o.jsx(L, {})
+              ...o?.closeButton,
+              children: /* @__PURE__ */ t(w, {})
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ o.jsxs(
-      R,
+    /* @__PURE__ */ e(
+      E,
       {
-        component: d,
-        ...x,
-        ...t?.contentWrapper,
+        component: B,
+        ...f,
+        ...o?.contentWrapper,
         children: [
-          /* @__PURE__ */ o.jsx(b, { dividers: !0, ...t?.dialogContent, children: j }),
-          T && /* @__PURE__ */ o.jsxs(q, { ...t?.dialogActions, children: [
-            l.map(
-              ({ id: i, text: H, type: J = "button", onClick: K, color: M = "primary" }) => /* @__PURE__ */ o.jsx(
-                w,
+          /* @__PURE__ */ t(F, { dividers: !0, ...o?.dialogContent, children: x }),
+          j && /* @__PURE__ */ e(G, { ...o?.dialogActions, children: [
+            m.map(
+              ({ id: i, text: M, type: N = "button", onClick: O, color: Q = "primary" }) => /* @__PURE__ */ t(
+                H,
                 {
-                  type: J,
-                  disabled: e,
-                  onClick: K,
-                  color: M,
-                  ...t?.actionButton,
-                  children: H
+                  type: N,
+                  disabled: c,
+                  onClick: O,
+                  color: Q,
+                  ...o?.actionButton,
+                  children: M
                 },
                 i
               )
             ),
-            p && /* @__PURE__ */ o.jsx(
-              F,
+            C && /* @__PURE__ */ t(
+              J,
               {
                 color: "error",
-                disabled: e || f,
+                disabled: c || D,
                 onClick: () => {
-                  I(), s && r();
+                  k(), A && a();
                 },
-                ...t?.cancelButton,
-                children: D
+                ...o?.cancelButton,
+                children: y
               }
             ),
-            c && /* @__PURE__ */ o.jsx(
-              G,
+            r && /* @__PURE__ */ t(
+              K,
               {
-                type: y,
-                loading: m,
-                disabled: e || B,
-                onClick: A,
-                ...t?.acceptButton,
-                children: h
+                type: W,
+                loading: p,
+                disabled: c || h,
+                onClick: T,
+                ...o?.acceptButton,
+                children: I
               }
             )
           ] })
@@ -122,7 +122,7 @@ function rn({
   ] });
 }
 export {
-  rn as BootstrapDialog,
-  rn as default
+  an as BootstrapDialog,
+  an as default
 };
 //# sourceMappingURL=BootstrapDialog.mjs.map

package/dist/BootstrapDialog/BootstrapDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BootstrapDialog.mjs","sources":["../../src/BootstrapDialog/BootstrapDialog.tsx"],"sourcesContent":["import CloseIcon from \"@mui/icons-material/Close\";\nimport Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from \"@mui/material/IconButton\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog/Dialog.types\";\n\n/**\n * A customizable dialog component. Use it as a base to create more dialogs\n *\n * Supports extensive customization through slots and slotProps.\n * Each internal element can be customized or replaced.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BootstrapDialog\n *   open={true}\n *   title=\"Confirm Action\"\n *   onClose={handleClose}\n *   acceptable\n *   cancelable\n * >\n *   Are you sure?\n * </BootstrapDialog>\n *\n * // Custom close button\n * <BootstrapDialog\n *   title=\"Settings\"\n *   slotProps={{\n *     closeButton: { color: 'error' }\n *   }}\n * />\n * ```\n */\nexport function BootstrapDialog({\n  open,\n  title,\n  component,\n  componentProps = {},\n  disabled,\n  disableAccept,\n  disableCancel,\n  actions = [],\n  children,\n  loading,\n  cancelable,\n  callCloseWhenCancel = true,\n  acceptable,\n  acceptText = \"Accept\",\n  cancelText = \"Cancel\",\n  onAccept,\n  onCancel = () => null,\n  onClose,\n  acceptType = \"button\",\n  slots,\n  slotProps,\n}: BootstrapDialogDialogProps) {\n  const hasActions = actions.length > 0 || acceptable || cancelable;\n\n  // Slot components with defaults\n  const DialogComponent = slots?.dialog ?? Dialog;\n  const DialogTitleComponent = slots?.dialogTitle ?? DialogTitle;\n  const TitleContainerComponent = slots?.titleContainer ?? Box;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const CloseButtonComponent = slots?.closeButton ?? IconButton;\n  const CloseIconComponent = slots?.closeIcon ?? CloseIcon;\n  const ContentWrapperComponent = slots?.contentWrapper ?? Box;\n  const DialogContentComponent = slots?.dialogContent ?? DialogContent;\n  const DialogActionsComponent = slots?.dialogActions ?? DialogActions;\n  const ActionButtonComponent = slots?.actionButton ?? Button;\n  const CancelButtonComponent = slots?.cancelButton ?? Button;\n  const AcceptButtonComponent = slots?.acceptButton ?? Button;\n\n  return (\n    <DialogComponent open={open} onClose={onClose} {...slotProps?.dialog}>\n      <DialogTitleComponent\n        sx={{ display: \"flex\", alignItems: \"center\" }}\n        {...slotProps?.dialogTitle}\n      >\n        <TitleContainerComponent {...slotProps?.titleContainer}>\n          {title}\n          {loading && !acceptable && (\n            <LoadingIndicatorComponent\n              size={20}\n              sx={{ ml: 2, color: (theme) => theme.palette.grey[500] }}\n              {...slotProps?.loadingIndicator}\n            />\n          )}\n        </TitleContainerComponent>\n        <CloseButtonComponent\n          disabled={disabled}\n          aria-label=\"close\"\n          onClick={onClose}\n          sx={{\n            position: \"absolute\",\n            right: 8,\n            top: 8,\n            color: (theme) => theme.palette.grey[500],\n          }}\n          {...slotProps?.closeButton}\n        >\n          <CloseIconComponent />\n        </CloseButtonComponent>\n      </DialogTitleComponent>\n      <ContentWrapperComponent\n        component={component}\n        {...componentProps}\n        {...slotProps?.contentWrapper}\n      >\n        <DialogContentComponent dividers {...slotProps?.dialogContent}>\n          {children}\n        </DialogContentComponent>\n        {hasActions && (\n          <DialogActionsComponent {...slotProps?.dialogActions}>\n            {actions.map(\n              ({ id, text, type = \"button\", onClick, color = \"primary\" }) => (\n                <ActionButtonComponent\n                  key={id}\n                  type={type}\n                  disabled={disabled}\n                  onClick={onClick}\n                  color={color}\n                  {...slotProps?.actionButton}\n                >\n                  {text}\n                </ActionButtonComponent>\n              ),\n            )}\n            {cancelable && (\n              <CancelButtonComponent\n                color=\"error\"\n                disabled={disabled || disableCancel}\n                onClick={() => {\n                  onCancel();\n                  if (callCloseWhenCancel) {\n                    onClose();\n                  }\n                }}\n                {...slotProps?.cancelButton}\n              >\n                {cancelText}\n              </CancelButtonComponent>\n            )}\n\n            {acceptable && (\n              <AcceptButtonComponent\n                type={acceptType}\n                loading={loading}\n                disabled={disabled || disableAccept}\n                onClick={onAccept}\n                {...slotProps?.acceptButton}\n              >\n                {acceptText}\n              </AcceptButtonComponent>\n            )}\n          </DialogActionsComponent>\n        )}\n      </ContentWrapperComponent>\n    </DialogComponent>\n  );\n}\n\nexport default BootstrapDialog;\n"],"names":["BootstrapDialog","open","title","component","componentProps","disabled","disableAccept","disableCancel","actions","children","loading","cancelable","callCloseWhenCancel","acceptable","acceptText","cancelText","onAccept","onCancel","onClose","acceptType","slots","slotProps","hasActions","DialogComponent","Dialog","DialogTitleComponent","DialogTitle","TitleContainerComponent","Box","LoadingIndicatorComponent","CircularProgress","CloseButtonComponent","IconButton","CloseIconComponent","CloseIcon","ContentWrapperComponent","DialogContentComponent","DialogContent","DialogActionsComponent","DialogActions","ActionButtonComponent","Button","CancelButtonComponent","AcceptButtonComponent","jsxs","jsx","theme","id","text","type","onClick","color"],"mappings":"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"}
+{"version":3,"file":"BootstrapDialog.mjs","sources":["../../src/BootstrapDialog/BootstrapDialog.tsx"],"sourcesContent":["import CloseIcon from \"@mui/icons-material/Close\";\nimport Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport IconButton from \"@mui/material/IconButton\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog/Dialog.types\";\n\n/**\n * A customizable dialog component. Use it as a base to create more dialogs\n *\n * Supports extensive customization through slots and slotProps.\n * Each internal element can be customized or replaced.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BootstrapDialog\n *   open={true}\n *   title=\"Confirm Action\"\n *   onClose={handleClose}\n *   acceptable\n *   cancelable\n * >\n *   Are you sure?\n * </BootstrapDialog>\n *\n * // Custom close button\n * <BootstrapDialog\n *   title=\"Settings\"\n *   slotProps={{\n *     closeButton: { color: 'error' }\n *   }}\n * />\n * ```\n */\nexport function BootstrapDialog({\n  open,\n  title,\n  component,\n  componentProps = {},\n  disabled,\n  disableAccept,\n  disableCancel,\n  actions = [],\n  children,\n  loading,\n  cancelable,\n  callCloseWhenCancel = true,\n  acceptable,\n  acceptText = \"Accept\",\n  cancelText = \"Cancel\",\n  onAccept,\n  onCancel = () => null,\n  onClose,\n  acceptType = \"button\",\n  slots,\n  slotProps,\n}: BootstrapDialogDialogProps) {\n  const hasActions = actions.length > 0 || acceptable || cancelable;\n\n  // Slot components with defaults\n  const DialogComponent = slots?.dialog ?? Dialog;\n  const DialogTitleComponent = slots?.dialogTitle ?? DialogTitle;\n  const TitleContainerComponent = slots?.titleContainer ?? Box;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const CloseButtonComponent = slots?.closeButton ?? IconButton;\n  const CloseIconComponent = slots?.closeIcon ?? CloseIcon;\n  const ContentWrapperComponent = slots?.contentWrapper ?? Box;\n  const DialogContentComponent = slots?.dialogContent ?? DialogContent;\n  const DialogActionsComponent = slots?.dialogActions ?? DialogActions;\n  const ActionButtonComponent = slots?.actionButton ?? Button;\n  const CancelButtonComponent = slots?.cancelButton ?? Button;\n  const AcceptButtonComponent = slots?.acceptButton ?? Button;\n\n  return (\n    <DialogComponent open={open} onClose={onClose} {...slotProps?.dialog}>\n      <DialogTitleComponent\n        sx={{ display: \"flex\", alignItems: \"center\" }}\n        {...slotProps?.dialogTitle}\n      >\n        <TitleContainerComponent {...slotProps?.titleContainer}>\n          {title}\n          {loading && !acceptable && (\n            <LoadingIndicatorComponent\n              size={20}\n              sx={{ ml: 2, color: (theme) => theme.palette.grey[500] }}\n              {...slotProps?.loadingIndicator}\n            />\n          )}\n        </TitleContainerComponent>\n        <CloseButtonComponent\n          disabled={disabled}\n          aria-label=\"close\"\n          onClick={onClose}\n          sx={{\n            position: \"absolute\",\n            right: 8,\n            top: 8,\n            color: (theme) => theme.palette.grey[500],\n          }}\n          {...slotProps?.closeButton}\n        >\n          <CloseIconComponent />\n        </CloseButtonComponent>\n      </DialogTitleComponent>\n      <ContentWrapperComponent\n        component={component}\n        {...componentProps}\n        {...slotProps?.contentWrapper}\n      >\n        <DialogContentComponent dividers {...slotProps?.dialogContent}>\n          {children}\n        </DialogContentComponent>\n        {hasActions && (\n          <DialogActionsComponent {...slotProps?.dialogActions}>\n            {actions.map(\n              ({ id, text, type = \"button\", onClick, color = \"primary\" }) => (\n                <ActionButtonComponent\n                  key={id}\n                  type={type}\n                  disabled={disabled}\n                  onClick={onClick}\n                  color={color}\n                  {...slotProps?.actionButton}\n                >\n                  {text}\n                </ActionButtonComponent>\n              ),\n            )}\n            {cancelable && (\n              <CancelButtonComponent\n                color=\"error\"\n                disabled={disabled || disableCancel}\n                onClick={() => {\n                  onCancel();\n                  if (callCloseWhenCancel) {\n                    onClose();\n                  }\n                }}\n                {...slotProps?.cancelButton}\n              >\n                {cancelText}\n              </CancelButtonComponent>\n            )}\n\n            {acceptable && (\n              <AcceptButtonComponent\n                type={acceptType}\n                loading={loading}\n                disabled={disabled || disableAccept}\n                onClick={onAccept}\n                {...slotProps?.acceptButton}\n              >\n                {acceptText}\n              </AcceptButtonComponent>\n            )}\n          </DialogActionsComponent>\n        )}\n      </ContentWrapperComponent>\n    </DialogComponent>\n  );\n}\n\nexport default BootstrapDialog;\n"],"names":["BootstrapDialog","open","title","component","componentProps","disabled","disableAccept","disableCancel","actions","children","loading","cancelable","callCloseWhenCancel","acceptable","acceptText","cancelText","onAccept","onCancel","onClose","acceptType","slots","slotProps","hasActions","DialogComponent","Dialog","DialogTitleComponent","DialogTitle","TitleContainerComponent","Box","LoadingIndicatorComponent","CircularProgress","CloseButtonComponent","IconButton","CloseIconComponent","CloseIcon","ContentWrapperComponent","DialogContentComponent","DialogContent","DialogActionsComponent","DialogActions","ActionButtonComponent","Button","CancelButtonComponent","AcceptButtonComponent","jsxs","jsx","theme","id","text","type","onClick","color"],"mappings":"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"}

package/dist/ConfirmDialog/ConfirmDialog.mjs

@@ -1,45 +1,45 @@
-import { j as o } from "../_virtual/jsx-runtime.mjs";
-import { useState as x } from "react";
-import { BootstrapDialog as C } from "../BootstrapDialog/BootstrapDialog.mjs";
-import h from "../node_modules/@mui/material/esm/TextField/TextField.mjs";
-function P({
-  open: r,
-  title: s,
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
+import h from "@mui/material/TextField";
+import { useState as C } from "react";
+import { BootstrapDialog as x } from "../BootstrapDialog/BootstrapDialog.mjs";
+function A({
+  open: o,
+  title: r,
   loading: t,
-  disabled: c,
-  confirmText: i = "Confirm",
-  cancelText: n = "Cancel",
+  disabled: s,
+  confirmText: c = "Confirm",
+  cancelText: i = "Cancel",
   passphrase: e,
-  children: u,
-  onConfirm: m,
-  onCancel: l
+  children: n,
+  onConfirm: u,
+  onCancel: a
 }) {
-  const [a, p] = x(""), f = !e || a === e;
-  return /* @__PURE__ */ o.jsxs(
-    C,
+  const [l, m] = C("");
+  return /* @__PURE__ */ f(
+    x,
     {
-      title: s,
+      title: r,
       loading: t,
-      disabled: t || c,
-      disableAccept: !f,
-      open: r,
-      onClose: l,
+      disabled: t || s,
+      disableAccept: !(!e || l === e),
+      open: o,
+      onClose: a,
       acceptable: !0,
       cancelable: !0,
       callCloseWhenCancel: !1,
-      acceptText: i,
-      cancelText: n,
-      onCancel: l,
-      onAccept: m,
+      acceptText: c,
+      cancelText: i,
+      onCancel: a,
+      onAccept: u,
       children: [
-        u,
-        e && /* @__PURE__ */ o.jsx(
+        n,
+        e && /* @__PURE__ */ d(
           h,
           {
             size: "small",
             fullWidth: !0,
-            value: a,
-            onChange: (d) => p(d.target.value),
+            value: l,
+            onChange: (p) => m(p.target.value),
             placeholder: e
           }
         )
@@ -48,7 +48,7 @@ function P({
   );
 }
 export {
-  P as ConfirmDialog,
-  P as default
+  A as ConfirmDialog,
+  A as default
 };
 //# sourceMappingURL=ConfirmDialog.mjs.map

package/dist/ConfirmDialog/ConfirmDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.mjs","sources":["../../src/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import TextField from \"@mui/material/TextField\";\nimport { useState } from \"react\";\nimport BootstrapDialog from \"../BootstrapDialog\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog/Dialog.types\";\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 ConfirmDialog component\n */\nexport interface ConfirmDialogProps\n  extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {\n  /**\n   * Text to display on the confirm button.\n   * @default \"Confirm\"\n   */\n  confirmText?: string;\n  /**\n   * Text to display on the cancel button.\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n  /**\n   * Optional passphrase for additional confirmation.\n   */\n  passphrase?: string;\n  /**\n   * Callback function to handle cancel action.\n   */\n  onCancel: () => void;\n  /**\n   * Callback function to handle confirm action.\n   */\n  onConfirm: () => void;\n}\n\n/**\n * ConfirmDialog component renders a dialog to ask a user to confirm an action\n * with customizable title, confirmation and cancellation actions.\n * It optionally requires a passphrase to enable the confirmation action.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  loading,\n  disabled,\n  confirmText = \"Confirm\",\n  cancelText = \"Cancel\",\n  passphrase,\n  children,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [inputPassphrase, setInputPassphrase] = useState(\"\");\n  const validPassphrase = !passphrase || inputPassphrase === passphrase;\n\n  return (\n    <BootstrapDialog\n      title={title}\n      loading={loading}\n      disabled={loading || disabled}\n      disableAccept={!validPassphrase}\n      open={open}\n      onClose={onCancel}\n      acceptable\n      cancelable\n      callCloseWhenCancel={false}\n      acceptText={confirmText}\n      cancelText={cancelText}\n      onCancel={onCancel}\n      onAccept={onConfirm}\n    >\n      {children}\n      {passphrase && (\n        <TextField\n          size=\"small\"\n          fullWidth\n          value={inputPassphrase}\n          onChange={(e) => setInputPassphrase(e.target.value)}\n          placeholder={passphrase}\n        />\n      )}\n    </BootstrapDialog>\n  );\n}\n\nexport default ConfirmDialog;\n"],"names":["ConfirmDialog","open","title","loading","disabled","confirmText","cancelText","passphrase","children","onConfirm","onCancel","inputPassphrase","setInputPassphrase","useState","validPassphrase","jsxs","BootstrapDialog","jsx","TextField","e"],"mappings":";;;;AAkDO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAuB;AACrB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE,GACnDC,IAAkB,CAACP,KAAcI,MAAoBJ;AAE3D,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAd;AAAA,MACA,SAAAC;AAAA,MACA,UAAUA,KAAWC;AAAA,MACrB,eAAe,CAACU;AAAA,MAChB,MAAAb;AAAA,MACA,SAASS;AAAA,MACT,YAAU;AAAA,MACV,YAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,YAAYL;AAAA,MACZ,YAAAC;AAAA,MACA,UAAAI;AAAA,MACA,UAAUD;AAAA,MAET,UAAA;AAAA,QAAAD;AAAA,QACAD,KACCU,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAS;AAAA,YACT,OAAOP;AAAA,YACP,UAAU,CAACQ,MAAMP,EAAmBO,EAAE,OAAO,KAAK;AAAA,YAClD,aAAaZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"ConfirmDialog.mjs","sources":["../../src/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import TextField from \"@mui/material/TextField\";\nimport { useState } from \"react\";\nimport BootstrapDialog from \"../BootstrapDialog\";\nimport type { BootstrapDialogDialogProps } from \"../Dialog/Dialog.types\";\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 ConfirmDialog component\n */\nexport interface ConfirmDialogProps\n  extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {\n  /**\n   * Text to display on the confirm button.\n   * @default \"Confirm\"\n   */\n  confirmText?: string;\n  /**\n   * Text to display on the cancel button.\n   * @default \"Cancel\"\n   */\n  cancelText?: string;\n  /**\n   * Optional passphrase for additional confirmation.\n   */\n  passphrase?: string;\n  /**\n   * Callback function to handle cancel action.\n   */\n  onCancel: () => void;\n  /**\n   * Callback function to handle confirm action.\n   */\n  onConfirm: () => void;\n}\n\n/**\n * ConfirmDialog component renders a dialog to ask a user to confirm an action\n * with customizable title, confirmation and cancellation actions.\n * It optionally requires a passphrase to enable the confirmation action.\n */\nexport function ConfirmDialog({\n  open,\n  title,\n  loading,\n  disabled,\n  confirmText = \"Confirm\",\n  cancelText = \"Cancel\",\n  passphrase,\n  children,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const [inputPassphrase, setInputPassphrase] = useState(\"\");\n  const validPassphrase = !passphrase || inputPassphrase === passphrase;\n\n  return (\n    <BootstrapDialog\n      title={title}\n      loading={loading}\n      disabled={loading || disabled}\n      disableAccept={!validPassphrase}\n      open={open}\n      onClose={onCancel}\n      acceptable\n      cancelable\n      callCloseWhenCancel={false}\n      acceptText={confirmText}\n      cancelText={cancelText}\n      onCancel={onCancel}\n      onAccept={onConfirm}\n    >\n      {children}\n      {passphrase && (\n        <TextField\n          size=\"small\"\n          fullWidth\n          value={inputPassphrase}\n          onChange={(e) => setInputPassphrase(e.target.value)}\n          placeholder={passphrase}\n        />\n      )}\n    </BootstrapDialog>\n  );\n}\n\nexport default ConfirmDialog;\n"],"names":["ConfirmDialog","open","title","loading","disabled","confirmText","cancelText","passphrase","children","onConfirm","onCancel","inputPassphrase","setInputPassphrase","useState","jsxs","BootstrapDialog","jsx","TextField","e"],"mappings":";;;;AAkDO,SAASA,EAAc;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAuB;AACrB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAGzD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAb;AAAA,MACA,SAAAC;AAAA,MACA,UAAUA,KAAWC;AAAA,MACrB,eAAe,EAPK,CAACG,KAAcI,MAAoBJ;AAAA,MAQvD,MAAAN;AAAA,MACA,SAASS;AAAA,MACT,YAAU;AAAA,MACV,YAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,YAAYL;AAAA,MACZ,YAAAC;AAAA,MACA,UAAAI;AAAA,MACA,UAAUD;AAAA,MAET,UAAA;AAAA,QAAAD;AAAA,QACAD,KACC,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAS;AAAA,YACT,OAAON;AAAA,YACP,UAAU,CAACO,MAAMN,EAAmBM,EAAE,OAAO,KAAK;AAAA,YAClD,aAAaX;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/Content/Content.mjs

@@ -1,7 +1,7 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import n from "../node_modules/@mui/material/esm/Container/Container.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import t from "@mui/material/Container";
 function m({ children: o }) {
-  return /* @__PURE__ */ t.jsx(n, { component: "main", sx: { py: 3, flexGrow: 1 }, children: o });
+  return /* @__PURE__ */ n(t, { component: "main", sx: { py: 3, flexGrow: 1 }, children: o });
 }
 export {
   m as Content,

package/dist/Content/Content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.mjs","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import Container from \"@mui/material/Container\";\nimport type { ContentProps } from \"./Content.types\";\n\n/**\n * A functional component that renders its children inside a main container.\n */\nexport function Content({ children }: ContentProps) {\n  return (\n    <Container component=\"main\" sx={{ py: 3, flexGrow: 1 }}>\n      {children}\n    </Container>\n  );\n}\n\nexport default Content;\n"],"names":["Content","children","jsx","Container"],"mappings":";;AAMO,SAASA,EAAQ,EAAE,UAAAC,KAA0B;AAClD,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAO,IAAI,EAAE,IAAI,GAAG,UAAU,EAAA,GAChD,UAAAF,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Content.mjs","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import Container from \"@mui/material/Container\";\nimport type { ContentProps } from \"./Content.types\";\n\n/**\n * A functional component that renders its children inside a main container.\n */\nexport function Content({ children }: ContentProps) {\n  return (\n    <Container component=\"main\" sx={{ py: 3, flexGrow: 1 }}>\n      {children}\n    </Container>\n  );\n}\n\nexport default Content;\n"],"names":["Content","children","jsx","Container"],"mappings":";;AAMO,SAASA,EAAQ,EAAE,UAAAC,KAA0B;AAClD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAU,QAAO,IAAI,EAAE,IAAI,GAAG,UAAU,EAAA,GAChD,UAAAF,EAAA,CACH;AAEJ;"}