@pautena/react-design-system 0.21.0 → 1.0.0

package/README.md

@@ -6,6 +6,17 @@
 
 My custom design system on top of [MUI](https://mui.com/material-ui/), with a bunch of components to be able to fast prototype new pages and products
 
+## ⚠️ Important Notice
+
+**This is a personal design system** built for my own projects and experimentation. 
+
+- **Breaking changes are expected** and may occur at any time without notice
+- **Not recommended for production use** in external projects
+- **Best used as a reference**: Study the patterns, component structure, and testing approaches to build your own design system
+- API stability is not guaranteed between versions
+
+If you choose to use this library, I strongly recommend forking it or using it as inspiration for your own custom design system rather than depending on it directly.
+
 ## Installation
 
 This project is available as an [npm package](https://www.npmjs.com/package/@pautena/react-design-system).

package/dist/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,99 @@
+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

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

package/dist/Autocomplete/Autocomplete.mjs.map

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

package/dist/Autocomplete/index.d.ts

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

package/dist/Board/Board.d.ts

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,60 @@
+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({
+  content: r,
+  spacing: l = 0,
+  children: s,
+  sx: a
+}) {
+  const { spacing: n, typography: m } = d();
+  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,
+    {
+      sx: {
+        position: "relative",
+        pl: 2,
+        pr: 4,
+        py: 1,
+        backgroundColor: y[800],
+        color: "white",
+        ...a
+      },
+      children: /* @__PURE__ */ o.jsxs(e, { display: "flex", flexDirection: "row", children: [
+        /* @__PURE__ */ o.jsx(e, { width: 1, children: s || t }),
+        /* @__PURE__ */ o.jsx(
+          e,
+          {
+            sx: {
+              position: "absolute",
+              top: n(0.5),
+              right: n(0.5)
+            },
+            children: i && /* @__PURE__ */ o.jsx(
+              j,
+              {
+                "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) } }) })
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  I as Board,
+  I as default
+};
+//# sourceMappingURL=Board.mjs.map

package/dist/Board/Board.mjs.map

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

package/dist/Board/index.d.ts

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

package/dist/BootstrapDialog/BootstrapDialog.d.ts

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,128 @@
+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,
+  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",
+  slots: n,
+  slotProps: t
+}) {
+  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,
+      {
+        sx: { display: "flex", alignItems: "center" },
+        ...t?.dialogTitle,
+        children: [
+          /* @__PURE__ */ o.jsxs(v, { ...t?.titleContainer, children: [
+            u,
+            m && !c && /* @__PURE__ */ o.jsx(
+              z,
+              {
+                size: 20,
+                sx: { ml: 2, color: (i) => i.palette.grey[500] },
+                ...t?.loadingIndicator
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o.jsx(
+            E,
+            {
+              disabled: e,
+              "aria-label": "close",
+              onClick: r,
+              sx: {
+                position: "absolute",
+                right: 8,
+                top: 8,
+                color: (i) => i.palette.grey[500]
+              },
+              ...t?.closeButton,
+              children: /* @__PURE__ */ o.jsx(L, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o.jsxs(
+      R,
+      {
+        component: d,
+        ...x,
+        ...t?.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,
+                {
+                  type: J,
+                  disabled: e,
+                  onClick: K,
+                  color: M,
+                  ...t?.actionButton,
+                  children: H
+                },
+                i
+              )
+            ),
+            p && /* @__PURE__ */ o.jsx(
+              F,
+              {
+                color: "error",
+                disabled: e || f,
+                onClick: () => {
+                  I(), s && r();
+                },
+                ...t?.cancelButton,
+                children: D
+              }
+            ),
+            c && /* @__PURE__ */ o.jsx(
+              G,
+              {
+                type: y,
+                loading: m,
+                disabled: e || B,
+                onClick: A,
+                ...t?.acceptButton,
+                children: h
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  rn as BootstrapDialog,
+  rn as default
+};
+//# sourceMappingURL=BootstrapDialog.mjs.map

package/dist/BootstrapDialog/BootstrapDialog.mjs.map

@@ -0,0 +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":";;;;;;;;;;AAuCO,SAASA,GAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAA;AAAA,EACjB,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,YAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,UAAAC,IAAW,MAAM;AAAA,EACjB,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC;AACF,GAA+B;AAC7B,QAAMC,IAAad,EAAQ,SAAS,KAAKK,KAAcF,GAGjDY,IAAkBH,GAAO,UAAUI,GACnCC,IAAuBL,GAAO,eAAeM,GAC7CC,IAA0BP,GAAO,kBAAkBQ,GACnDC,IAA4BT,GAAO,oBAAoBU,GACvDC,IAAuBX,GAAO,eAAeY,GAC7CC,IAAqBb,GAAO,aAAac,GACzCC,IAA0Bf,GAAO,kBAAkBQ,GACnDQ,IAAyBhB,GAAO,iBAAiBiB,GACjDC,IAAyBlB,GAAO,iBAAiBmB,GACjDC,IAAwBpB,GAAO,gBAAgBqB,GAC/CC,IAAwBtB,GAAO,gBAAgBqB,GAC/CE,IAAwBvB,GAAO,gBAAgBqB;AAErD,gCACGlB,GAAA,EAAgB,MAAAtB,GAAY,SAAAiB,GAAmB,GAAGG,GAAW,QAC5D,UAAA;AAAA,IAAAuB,gBAAAA,EAAAA;AAAAA,MAACnB;AAAA,MAAA;AAAA,QACC,IAAI,EAAE,SAAS,QAAQ,YAAY,SAAA;AAAA,QAClC,GAAGJ,GAAW;AAAA,QAEf,UAAA;AAAA,UAAAuB,gBAAAA,EAAAA,KAACjB,GAAA,EAAyB,GAAGN,GAAW,gBACrC,UAAA;AAAA,YAAAnB;AAAA,YACAQ,KAAW,CAACG,KACXgC,gBAAAA,EAAAA;AAAAA,cAAChB;AAAA,cAAA;AAAA,gBACC,MAAM;AAAA,gBACN,IAAI,EAAE,IAAI,GAAG,OAAO,CAACiB,MAAUA,EAAM,QAAQ,KAAK,GAAG,EAAA;AAAA,gBACpD,GAAGzB,GAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB,GAEJ;AAAA,UACAwB,gBAAAA,EAAAA;AAAAA,YAACd;AAAA,YAAA;AAAA,cACC,UAAA1B;AAAA,cACA,cAAW;AAAA,cACX,SAASa;AAAA,cACT,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,KAAK;AAAA,gBACL,OAAO,CAAC4B,MAAUA,EAAM,QAAQ,KAAK,GAAG;AAAA,cAAA;AAAA,cAEzC,GAAGzB,GAAW;AAAA,cAEf,gCAACY,GAAA,CAAA,CAAmB;AAAA,YAAA;AAAA,UAAA;AAAA,QACtB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFW,gBAAAA,EAAAA;AAAAA,MAACT;AAAA,MAAA;AAAA,QACC,WAAAhC;AAAA,QACC,GAAGC;AAAA,QACH,GAAGiB,GAAW;AAAA,QAEf,UAAA;AAAA,UAAAwB,gBAAAA,MAACT,KAAuB,UAAQ,IAAE,GAAGf,GAAW,eAC7C,UAAAZ,GACH;AAAA,UACCa,KACCsB,gBAAAA,EAAAA,KAACN,GAAA,EAAwB,GAAGjB,GAAW,eACpC,UAAA;AAAA,YAAAb,EAAQ;AAAA,cACP,CAAC,EAAE,IAAAuC,GAAI,MAAAC,GAAM,MAAAC,IAAO,UAAU,SAAAC,GAAS,OAAAC,IAAQ,UAAA,MAC7CN,gBAAAA,EAAAA;AAAAA,gBAACL;AAAA,gBAAA;AAAA,kBAEC,MAAAS;AAAA,kBACA,UAAA5C;AAAA,kBACA,SAAA6C;AAAA,kBACA,OAAAC;AAAA,kBACC,GAAG9B,GAAW;AAAA,kBAEd,UAAA2B;AAAA,gBAAA;AAAA,gBAPID;AAAA,cAAA;AAAA,YAQP;AAAA,YAGHpC,KACCkC,gBAAAA,EAAAA;AAAAA,cAACH;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,UAAUrC,KAAYE;AAAA,gBACtB,SAAS,MAAM;AACb,kBAAAU,EAAA,GACIL,KACFM,EAAA;AAAA,gBAEJ;AAAA,gBACC,GAAGG,GAAW;AAAA,gBAEd,UAAAN;AAAA,cAAA;AAAA,YAAA;AAAA,YAIJF,KACCgC,gBAAAA,EAAAA;AAAAA,cAACF;AAAA,cAAA;AAAA,gBACC,MAAMxB;AAAA,gBACN,SAAAT;AAAA,gBACA,UAAUL,KAAYC;AAAA,gBACtB,SAASU;AAAA,gBACR,GAAGK,GAAW;AAAA,gBAEd,UAAAP;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}

package/dist/BootstrapDialog/index.d.ts

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

package/dist/Bullet/Bullet.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
+export declare const bulletClasses: {
+    root: string;
+};
+/**
+ * Props for the Bullet component
+ */
+export interface BulletProps {
+    /**
+     * Color palette used to draw the component
+     */
+    variant?: BulletVariant;
+    /**
+     * Custom styles
+     */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Dot to attract the user attention
+ */
+export declare function Bullet({ variant, sx }: BulletProps): import("react/jsx-runtime").JSX.Element;
+export default Bullet;

package/dist/Bullet/Bullet.mjs

@@ -0,0 +1,24 @@
+import { j as t } from "../_virtual/jsx-runtime.mjs";
+import e from "../node_modules/@mui/material/esm/Badge/Badge.mjs";
+const l = {
+  root: "RdsBullet-root"
+};
+function u({ variant: o = "primary", sx: r }) {
+  return /* @__PURE__ */ t.jsx(
+    e,
+    {
+      color: o,
+      variant: "dot",
+      className: l.root,
+      role: "bullet",
+      "aria-describedby": o,
+      sx: r
+    }
+  );
+}
+export {
+  u as Bullet,
+  l as bulletClasses,
+  u as default
+};
+//# sourceMappingURL=Bullet.mjs.map

package/dist/Bullet/Bullet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.mjs","sources":["../../src/Bullet/Bullet.tsx"],"sourcesContent":["import Badge from \"@mui/material/Badge\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\n\nexport type BulletVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\";\n\nexport const bulletClasses = {\n  root: \"RdsBullet-root\",\n};\n\n/**\n * Props for the Bullet component\n */\nexport interface BulletProps {\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: BulletVariant;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Dot to attract the user attention\n */\nexport function Bullet({ variant = \"primary\", sx }: BulletProps) {\n  return (\n    <Badge\n      color={variant}\n      variant=\"dot\"\n      className={bulletClasses.root}\n      role=\"bullet\"\n      aria-describedby={variant}\n      sx={sx}\n    />\n  );\n}\n\nexport default Bullet;\n"],"names":["bulletClasses","Bullet","variant","sx","jsx","Badge"],"mappings":";;AAWO,MAAMA,IAAgB;AAAA,EAC3B,MAAM;AACR;AAmBO,SAASC,EAAO,EAAE,SAAAC,IAAU,WAAW,IAAAC,KAAmB;AAC/D,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOH;AAAA,MACP,SAAQ;AAAA,MACR,WAAWF,EAAc;AAAA,MACzB,MAAK;AAAA,MACL,oBAAkBE;AAAA,MAClB,IAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Bullet/index.d.ts

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

package/dist/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,36 @@
+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

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

package/dist/ConfirmDialog/ConfirmDialog.mjs.map

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

package/dist/ConfirmDialog/index.d.ts

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

package/dist/Content/Content.d.ts

@@ -0,0 +1,6 @@
+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;