@pautena/react-design-system 0.21.0 → 1.0.1

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 { 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

@@ -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,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

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

package/dist/{board/board.d.ts → Board/Board.d.ts}

@@ -1,9 +1,8 @@
 import { SxProps, Theme } from '@mui/material/styles';
-import { PropsWithChildren } from 'react';
 /**
  * Props for the Board component.
  */
-export type BoardProps = PropsWithChildren<{
+export interface BoardProps {
     /**
      * The content to be displayed on the board. It can be a single string or an array of strings.
      */
@@ -16,10 +15,15 @@ export type BoardProps = PropsWithChildren<{
      * 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 const Board: ({ content: contentProp, spacing, children, sx, }: BoardProps) => import("react/jsx-runtime").JSX.Element;
+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 { 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

@@ -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/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

@@ -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 { 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

@@ -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":"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"}

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 → Bullet/Bullet.d.ts}

@@ -3,6 +3,9 @@ export type BulletVariant = "primary" | "secondary" | "default" | "info" | "warn
 export declare const bulletClasses: {
     root: string;
 };
+/**
+ * Props for the Bullet component
+ */
 export interface BulletProps {
     /**
      * Color palette used to draw the component
@@ -16,4 +19,5 @@ export interface BulletProps {
 /**
  * Dot to attract the user attention
  */
-export declare const Bullet: ({ variant, sx }: BulletProps) => import("react/jsx-runtime").JSX.Element;
+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 { jsx as t } from "react/jsx-runtime";
+import e from "@mui/material/Badge";
+const l = {
+  root: "RdsBullet-root"
+};
+function u({ variant: o = "primary", sx: r }) {
+  return /* @__PURE__ */ t(
+    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,SACE,gBAAAC;AAAA,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/{confirm-dialog/confirm-dialog.d.ts → ConfirmDialog/ConfirmDialog.d.ts}

@@ -1,12 +1,17 @@
-import { BootstrapDialogDialogProps } from '../dialog/dialog.types';
+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;
     /**
@@ -27,5 +32,5 @@ export interface ConfirmDialogProps extends Omit<BootstrapDialogDialogProps, Omi
  * with customizable title, confirmation and cancellation actions.
  * It optionally requires a passphrase to enable the confirmation action.
  */
-export declare const ConfirmDialog: ({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+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 { 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

@@ -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","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

@@ -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;

package/dist/Content/Content.mjs

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

@@ -0,0 +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,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAU,QAAO,IAAI,EAAE,IAAI,GAAG,UAAU,EAAA,GAChD,UAAAF,EAAA,CACH;AAEJ;"}