@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,99 +0,0 @@
-import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material/Autocomplete';
-import { ChipTypeMap } from '@mui/material/Chip';
-import { TextFieldProps } from '@mui/material/TextField';
-import { default as React, JSXElementConstructor } from 'react';
-/**
- * Interface representing the slots for the Autocomplete component.
- */
-export interface AutocompleteSlots {
-    /**
-     * Root autocomplete component
-     */
-    autocomplete?: JSXElementConstructor<MuiAutocompleteProps<any, any, any, any>>;
-    /**
-     * Text field component for input rendering
-     */
-    textField?: JSXElementConstructor<TextFieldProps>;
-}
-/**
- * Interface representing the slot properties for the Autocomplete component.
- */
-export interface AutocompleteSlotProps {
-    /**
-     * Props for the autocomplete component (onChange is managed by the component)
-     */
-    autocomplete?: Partial<Omit<MuiAutocompleteProps<any, any, any, any>, "onChange" | "renderInput">>;
-    /**
-     * Props for the text field
-     */
-    textField?: Partial<TextFieldProps>;
-}
-/**
- * Props for the Autocomplete component.
- *
- * @template T - The type of the options
- * @template Multiple - Whether multiple selection is enabled
- * @template DisableClearable - Whether the clear button is disabled
- * @template FreeSolo - Whether free solo input is allowed
- * @template ChipComponent - The component type for chips (when multiple selection is enabled)
- */
-export interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color" | "slots" | "slotProps"> {
-    /**
-     * The label for the autocomplete input.
-     */
-    label: string;
-    /**
-     * Optional helper text to display below the input.
-     */
-    helperText?: string;
-    /**
-     * Optional color for the autocomplete component.
-     */
-    color?: string;
-    /**
-     * If `true`, indicates that data is being fetched.
-     */
-    fetching?: boolean;
-    /**
-     * Optional callback function that is called when the value changes.
-     */
-    onChangeValue?: (value: T) => void;
-    /**
-     * Optional slots for custom rendering
-     */
-    slots?: AutocompleteSlots;
-    /**
-     * Optional props for the slots
-     */
-    slotProps?: AutocompleteSlotProps;
-}
-/**
- * Autocomplete component that wraps the MUI Autocomplete component with additional props.
- *
- * Supports extensive customization through slots and slotProps.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Autocomplete
- *   label="Country"
- *   options={countries}
- *   onChangeValue={handleChange}
- * />
- *
- * // With slot customization
- * <Autocomplete
- *   label="Country"
- *   options={countries}
- *   slots={{
- *     textField: CustomTextField
- *   }}
- *   slotProps={{
- *     autocomplete: { size: "small" },
- *     textField: { variant: "filled" }
- *   }}
- * />
- * ```
- */
-export declare function Autocomplete<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>): import("react/jsx-runtime").JSX.Element;
-export default Autocomplete;

package/dist/Autocomplete/Autocomplete.mjs

@@ -1,47 +0,0 @@
-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: p,
-    loading: t,
-    fetching: o,
-    options: s,
-    helperText: u,
-    color: c,
-    onChangeValue: m = () => null,
-    sx: a,
-    slots: e,
-    slotProps: l,
-    ...d
-  } = i, x = t || o, f = e?.autocomplete ?? C, g = e?.textField ?? F;
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...l?.autocomplete,
-      loading: x,
-      options: o ? [] : s,
-      onChange: (n, h) => m(h),
-      ...d,
-      renderInput: (n) => /* @__PURE__ */ r(
-        g,
-        {
-          ...n,
-          label: p,
-          fullWidth: !0,
-          fetching: o,
-          loading: t,
-          hexColor: c,
-          helperText: u,
-          ...l?.textField
-        }
-      ),
-      sx: a
-    }
-  );
-}
-export {
-  j as Autocomplete,
-  j as default
-};
-//# sourceMappingURL=Autocomplete.mjs.map

package/dist/Autocomplete/Autocomplete.mjs.map

@@ -1 +0,0 @@
-{"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/Autocomplete/index.d.ts

@@ -1,2 +0,0 @@
-export type { AutocompleteProps } from './Autocomplete';
-export { default, default as Autocomplete } from './Autocomplete';

package/dist/Board/Board.d.ts

@@ -1,29 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-/**
- * Props for the Board component.
- */
-export interface BoardProps {
-    /**
-     * The content to be displayed on the board. It can be a single string or an array of strings.
-     */
-    content: string | string[];
-    /**
-     * Optional spacing value for the board. It can be one of the values: 0, 1, 2, 3, 4, or 5.
-     */
-    spacing?: 0 | 1 | 2 | 3 | 4 | 5;
-    /**
-     * Optional styling properties for the board, using the theme's styling system.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Optional children to render instead of the content
-     */
-    children?: React.ReactNode;
-}
-/**
- * Board component that displays content within a styled Paper component.
- * It supports rendering an array of content lines or a single content string.
- * Additionally, it provides a button to copy the content to the clipboard.
- */
-export declare function Board({ content: contentProp, spacing, children, sx, }: BoardProps): import("react/jsx-runtime").JSX.Element;
-export default Board;

package/dist/Board/Board.mjs

@@ -1,60 +0,0 @@
-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: a,
-  sx: m
-}) {
-  const { spacing: n, typography: c } = b();
-  let i, t;
-  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",
-        pl: 2,
-        pr: 4,
-        py: 1,
-        backgroundColor: y[800],
-        color: "white",
-        ...m
-      },
-      children: /* @__PURE__ */ d(e, { display: "flex", flexDirection: "row", children: [
-        /* @__PURE__ */ o(e, { width: 1, children: a || t }),
-        /* @__PURE__ */ o(
-          e,
-          {
-            sx: {
-              position: "absolute",
-              top: n(0.5),
-              right: n(0.5)
-            },
-            children: i && /* @__PURE__ */ o(
-              x,
-              {
-                "aria-label": "copy board content",
-                color: "inherit",
-                onClick: () => navigator.clipboard.writeText(i),
-                children: /* @__PURE__ */ o(g, { title: "Copy", children: /* @__PURE__ */ o(f, { sx: { fontSize: c.pxToRem(18) } }) })
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}
-export {
-  S as Board,
-  S as default
-};
-//# sourceMappingURL=Board.mjs.map

package/dist/Board/Board.mjs.map

@@ -1 +0,0 @@
-{"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/Board/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Board';
-export { default, default as Board } from './Board';

package/dist/BootstrapDialog/BootstrapDialog.d.ts

@@ -1,31 +0,0 @@
-import { BootstrapDialogDialogProps } from '../Dialog/Dialog.types';
-/**
- * A customizable dialog component. Use it as a base to create more dialogs
- *
- * Supports extensive customization through slots and slotProps.
- * Each internal element can be customized or replaced.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <BootstrapDialog
- *   open={true}
- *   title="Confirm Action"
- *   onClose={handleClose}
- *   acceptable
- *   cancelable
- * >
- *   Are you sure?
- * </BootstrapDialog>
- *
- * // Custom close button
- * <BootstrapDialog
- *   title="Settings"
- *   slotProps={{
- *     closeButton: { color: 'error' }
- *   }}
- * />
- * ```
- */
-export declare function BootstrapDialog({ open, title, component, componentProps, disabled, disableAccept, disableCancel, actions, children, loading, cancelable, callCloseWhenCancel, acceptable, acceptText, cancelText, onAccept, onCancel, onClose, acceptType, slots, slotProps, }: BootstrapDialogDialogProps): import("react/jsx-runtime").JSX.Element;
-export default BootstrapDialog;

package/dist/BootstrapDialog/BootstrapDialog.mjs

@@ -1,128 +0,0 @@
-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: 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: o
-}) {
-  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" },
-        ...o?.dialogTitle,
-        children: [
-          /* @__PURE__ */ e(L, { ...o?.titleContainer, children: [
-            u,
-            p && !r && /* @__PURE__ */ t(
-              b,
-              {
-                size: 20,
-                sx: { ml: 2, color: (i) => i.palette.grey[500] },
-                ...o?.loadingIndicator
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(
-            q,
-            {
-              disabled: c,
-              "aria-label": "close",
-              onClick: a,
-              sx: {
-                position: "absolute",
-                right: 8,
-                top: 8,
-                color: (i) => i.palette.grey[500]
-              },
-              ...o?.closeButton,
-              children: /* @__PURE__ */ t(w, {})
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      E,
-      {
-        component: B,
-        ...f,
-        ...o?.contentWrapper,
-        children: [
-          /* @__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: N,
-                  disabled: c,
-                  onClick: O,
-                  color: Q,
-                  ...o?.actionButton,
-                  children: M
-                },
-                i
-              )
-            ),
-            C && /* @__PURE__ */ t(
-              J,
-              {
-                color: "error",
-                disabled: c || D,
-                onClick: () => {
-                  k(), A && a();
-                },
-                ...o?.cancelButton,
-                children: y
-              }
-            ),
-            r && /* @__PURE__ */ t(
-              K,
-              {
-                type: W,
-                loading: p,
-                disabled: c || h,
-                onClick: T,
-                ...o?.acceptButton,
-                children: I
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-export {
-  an as BootstrapDialog,
-  an as default
-};
-//# sourceMappingURL=BootstrapDialog.mjs.map

package/dist/BootstrapDialog/BootstrapDialog.mjs.map

@@ -1 +0,0 @@
-{"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/BootstrapDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './BootstrapDialog';
-export { default, default as BootstrapDialog } from './BootstrapDialog';

package/dist/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,36 +0,0 @@
-import { BootstrapDialogDialogProps } from '../Dialog/Dialog.types';
-type OmitBaseDialogProps = "cancelable" | "acceptable" | "onAccept" | "onCancel" | "onClose" | "actions" | "callCloseWhenCancel" | "component" | "acceptType";
-/**
- * Props for the ConfirmDialog component
- */
-export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, OmitBaseDialogProps> {
-    /**
-     * Text to display on the confirm button.
-     * @default "Confirm"
-     */
-    confirmText?: string;
-    /**
-     * Text to display on the cancel button.
-     * @default "Cancel"
-     */
-    cancelText?: string;
-    /**
-     * Optional passphrase for additional confirmation.
-     */
-    passphrase?: string;
-    /**
-     * Callback function to handle cancel action.
-     */
-    onCancel: () => void;
-    /**
-     * Callback function to handle confirm action.
-     */
-    onConfirm: () => void;
-}
-/**
- * ConfirmDialog component renders a dialog to ask a user to confirm an action
- * with customizable title, confirmation and cancellation actions.
- * It optionally requires a passphrase to enable the confirmation action.
- */
-export declare function ConfirmDialog({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
-export default ConfirmDialog;

package/dist/ConfirmDialog/ConfirmDialog.mjs

@@ -1,54 +0,0 @@
-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: s,
-  confirmText: c = "Confirm",
-  cancelText: i = "Cancel",
-  passphrase: e,
-  children: n,
-  onConfirm: u,
-  onCancel: a
-}) {
-  const [l, m] = C("");
-  return /* @__PURE__ */ f(
-    x,
-    {
-      title: r,
-      loading: t,
-      disabled: t || s,
-      disableAccept: !(!e || l === e),
-      open: o,
-      onClose: a,
-      acceptable: !0,
-      cancelable: !0,
-      callCloseWhenCancel: !1,
-      acceptText: c,
-      cancelText: i,
-      onCancel: a,
-      onAccept: u,
-      children: [
-        n,
-        e && /* @__PURE__ */ d(
-          h,
-          {
-            size: "small",
-            fullWidth: !0,
-            value: l,
-            onChange: (p) => m(p.target.value),
-            placeholder: e
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  A as ConfirmDialog,
-  A as default
-};
-//# sourceMappingURL=ConfirmDialog.mjs.map

package/dist/ConfirmDialog/ConfirmDialog.mjs.map

@@ -1 +0,0 @@
-{"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/ConfirmDialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ConfirmDialog';
-export { default, default as ConfirmDialog } from './ConfirmDialog';

package/dist/Content/Content.d.ts

@@ -1,6 +0,0 @@
-import { ContentProps } from './Content.types';
-/**
- * A functional component that renders its children inside a main container.
- */
-export declare function Content({ children }: ContentProps): import("react/jsx-runtime").JSX.Element;
-export default Content;

package/dist/Content/Content.mjs

@@ -1,10 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import t from "@mui/material/Container";
-function m({ children: o }) {
-  return /* @__PURE__ */ n(t, { component: "main", sx: { py: 3, flexGrow: 1 }, children: o });
-}
-export {
-  m as Content,
-  m as default
-};
-//# sourceMappingURL=Content.mjs.map

package/dist/Content/Content.mjs.map

@@ -1 +0,0 @@
-{"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;"}

package/dist/Content/Content.types.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent, ReactElement } from 'react';
-/**
- * Props for the Content component
- */
-export interface ContentProps {
-    /**
-     * Content to display
-     */
-    children?: React.ReactNode;
-}
-/**
- * Content component type
- */
-export type ContentComponent = FunctionComponent<ContentProps>;
-/**
- * Content element type
- */
-export type ContentElement = ReactElement<ContentElement, ContentComponent>;

package/dist/Content/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Content';
-export { default, default as Content } from './Content';
-export * from './Content.types';

package/dist/ContentPlaceholder/ContentPlaceholder.d.ts

@@ -1,22 +0,0 @@
-/**
- * Props for the ContentPlaceholder component.
- */
-export interface ContentPlaceholderProps {
-    /**
-     * Optional size of the placeholder.
-     */
-    size?: number;
-    /**
-     * Optional padding for the placeholder.
-     */
-    p?: number;
-    /**
-     * Content to display before the skeleton grid
-     */
-    children?: React.ReactNode;
-}
-/**
- * A component that serves as a placeholder for content, displaying a skeleton grid.
- */
-export declare function ContentPlaceholder({ size, children, p, }: ContentPlaceholderProps): import("react/jsx-runtime").JSX.Element;
-export default ContentPlaceholder;