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

package/dist/ContentPlaceholder/ContentPlaceholder.mjs

@@ -1,26 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/Container";
-import { SkeletonGrid as a } from "../SkeletonGrid/SkeletonGrid.mjs";
-function s({
-  size: t = 20,
-  children: e,
-  p: o
-}) {
-  return /* @__PURE__ */ n(
-    i,
-    {
-      component: "main",
-      sx: { p: o },
-      "data-testid": "content-placeholder-test",
-      children: [
-        e,
-        /* @__PURE__ */ r(a, { size: t })
-      ]
-    }
-  );
-}
-export {
-  s as ContentPlaceholder,
-  s as default
-};
-//# sourceMappingURL=ContentPlaceholder.mjs.map

package/dist/ContentPlaceholder/ContentPlaceholder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentPlaceholder.mjs","sources":["../../src/ContentPlaceholder/ContentPlaceholder.tsx"],"sourcesContent":["import Container from \"@mui/material/Container\";\nimport SkeletonGrid from \"../SkeletonGrid\";\n\n/**\n * Props for the ContentPlaceholder component.\n */\nexport interface ContentPlaceholderProps {\n  /**\n   * Optional size of the placeholder.\n   */\n  size?: number;\n  /**\n   * Optional padding for the placeholder.\n   */\n  p?: number;\n  /**\n   * Content to display before the skeleton grid\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * A component that serves as a placeholder for content, displaying a skeleton grid.\n */\nexport function ContentPlaceholder({\n  size = 20,\n  children,\n  p,\n}: ContentPlaceholderProps) {\n  return (\n    <Container\n      component=\"main\"\n      sx={{ p }}\n      data-testid=\"content-placeholder-test\"\n    >\n      {children}\n      <SkeletonGrid size={size} />\n    </Container>\n  );\n}\n\nexport default ContentPlaceholder;\n"],"names":["ContentPlaceholder","size","children","p","jsxs","Container","jsx","SkeletonGrid"],"mappings":";;;AAwBO,SAASA,EAAmB;AAAA,EACjC,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAAC;AACF,GAA4B;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI,EAAE,GAAAF,EAAA;AAAA,MACN,eAAY;AAAA,MAEX,UAAA;AAAA,QAAAD;AAAA,QACD,gBAAAI,EAACC,KAAa,MAAAN,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/ContentPlaceholder/index.d.ts

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

package/dist/DateRangeCalendar/DateRangeCalendar.d.ts

@@ -1,22 +0,0 @@
-type DateRange = [Date, Date | undefined];
-/**
- * Props for the DateRangeCalendar component.
- */
-export interface DateRangeCalendarProps {
-    /**
-     * The default date range value.
-     */
-    defaultValue: DateRange;
-    /**
-     * Callback function that is called when the date range value changes.
-     *
-     * @param value - The new date range value.
-     * @param updatedIndex - The index of the updated date range.
-     */
-    onValueChange: (value: DateRange, updatedIndex: number) => void;
-}
-/**
- * A Date Range Calendar component that allows users to select a range of dates.
- */
-export declare function DateRangeCalendar({ defaultValue, onValueChange, }: DateRangeCalendarProps): import("react/jsx-runtime").JSX.Element;
-export default DateRangeCalendar;

package/dist/DateRangeCalendar/DateRangeCalendar.mjs

@@ -1,79 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import g from "@mui/material/Box";
-import { styled as h } from "@mui/material/styles";
-import { DateCalendar as k, PickersDay as u } from "@mui/x-date-pickers";
-import { isAfter as D, isBefore as R, isSameDay as l, startOfWeek as b, endOfWeek as B, format as C } from "date-fns";
-import { useState as y } from "react";
-const p = h(g, {
-  shouldForwardProp: (a) => a !== "dayIsBetween" && a !== "isFirstDay" && a !== "isLastDay" && a !== "isStartOfWeek" && a !== "isEndOfWeek"
-})(({ theme: a, dayIsBetween: e, isFirstDay: r, isLastDay: i }) => ({
-  ...(r || i || e) && {
-    borderRadius: 0,
-    backgroundColor: `${a.palette.primary.light}40`,
-    margin: 0
-  },
-  ...r && {
-    borderTopLeftRadius: "50%",
-    borderBottomLeftRadius: "50%"
-  },
-  ...i && {
-    borderTopRightRadius: "50%",
-    borderBottomRightRadius: "50%"
-  }
-})), O = (a) => {
-  const { day: e, dateRange: r, ...i } = a;
-  if (r == null)
-    return /* @__PURE__ */ c(u, { day: e, ...i });
-  const [s, d] = r, o = !!d && D(e, s) && R(e, d), n = l(e, s), t = !!d && l(e, d), f = l(e, b(e)), m = l(e, B(e));
-  return /* @__PURE__ */ c(
-    p,
-    {
-      dayIsBetween: o,
-      isFirstDay: n || o && f,
-      isLastDay: t || o && m,
-      "aria-label": C(e, "yyyy-MM-dd"),
-      "aria-selected": o || n || t,
-      role: "gridcell",
-      children: /* @__PURE__ */ c(u, { ...i, day: e, selected: n || t })
-    }
-  );
-};
-function F({
-  defaultValue: a,
-  onValueChange: e
-}) {
-  const [r, i] = y(a), [s, d] = y(0), o = (t, f, m) => {
-    i(t), e(t, f), d(m);
-  };
-  return /* @__PURE__ */ c(
-    k,
-    {
-      value: null,
-      onChange: (t) => {
-        if (t) {
-          if (s === 1 && t < r[0])
-            return o([t, void 0], 0, 1);
-          if (s === 0 && r[1] && t > r[1])
-            return o([t, void 0], 0, 1);
-          o(
-            [s === 0 ? t : r[0], s === 1 ? t : r[1]],
-            s,
-            s === 0 ? 1 : 0
-          );
-        }
-      },
-      slots: { day: O },
-      slotProps: {
-        day: {
-          dateRange: r
-        }
-      },
-      "aria-label": "calendar range picker"
-    }
-  );
-}
-export {
-  F as DateRangeCalendar,
-  F as default
-};
-//# sourceMappingURL=DateRangeCalendar.mjs.map

package/dist/DateRangeCalendar/DateRangeCalendar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangeCalendar.mjs","sources":["../../src/DateRangeCalendar/DateRangeCalendar.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  DateCalendar,\n  PickersDay,\n  type PickersDayProps,\n} from \"@mui/x-date-pickers\";\nimport {\n  endOfWeek,\n  format,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfWeek,\n} from \"date-fns\";\nimport { useState } from \"react\";\n\ntype DateRange = [Date, Date | undefined];\n\ninterface CustomPickerDayProps extends BoxProps {\n  dayIsBetween: boolean;\n  isFirstDay: boolean;\n  isLastDay: boolean;\n}\n\nconst CustomPickersDayBackground = styled(Box, {\n  shouldForwardProp: (prop) =>\n    prop !== \"dayIsBetween\" &&\n    prop !== \"isFirstDay\" &&\n    prop !== \"isLastDay\" &&\n    prop !== \"isStartOfWeek\" &&\n    prop !== \"isEndOfWeek\",\n})<CustomPickerDayProps>(({ theme, dayIsBetween, isFirstDay, isLastDay }) => {\n  return {\n    ...((isFirstDay || isLastDay || dayIsBetween) && {\n      borderRadius: 0,\n      backgroundColor: `${theme.palette.primary.light}40`,\n      margin: 0,\n    }),\n    ...(isFirstDay && {\n      borderTopLeftRadius: \"50%\",\n      borderBottomLeftRadius: \"50%\",\n    }),\n    ...(isLastDay && {\n      borderTopRightRadius: \"50%\",\n      borderBottomRightRadius: \"50%\",\n    }),\n  };\n}) as React.ComponentType<CustomPickerDayProps>;\n\nconst Day = (props: PickersDayProps & { dateRange?: DateRange | null }) => {\n  const { day, dateRange, ...other } = props;\n\n  if (dateRange == null) {\n    return <PickersDay day={day} {...other} />;\n  }\n\n  const [start, end] = dateRange;\n\n  const dayIsBetween = !!end && isAfter(day, start) && isBefore(day, end);\n  const isFirstDay = isSameDay(day, start);\n  const isLastDay = !!end && isSameDay(day, end);\n  const isStartOfWeek = isSameDay(day, startOfWeek(day));\n  const isEndOfWeek = isSameDay(day, endOfWeek(day));\n\n  return (\n    <CustomPickersDayBackground\n      dayIsBetween={dayIsBetween}\n      isFirstDay={isFirstDay || (dayIsBetween && isStartOfWeek)}\n      isLastDay={isLastDay || (dayIsBetween && isEndOfWeek)}\n      aria-label={format(day, \"yyyy-MM-dd\")}\n      aria-selected={dayIsBetween || isFirstDay || isLastDay}\n      role=\"gridcell\"\n    >\n      <PickersDay {...other} day={day} selected={isFirstDay || isLastDay} />\n    </CustomPickersDayBackground>\n  );\n};\n\n/**\n * Props for the DateRangeCalendar component.\n */\nexport interface DateRangeCalendarProps {\n  /**\n   * The default date range value.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * Callback function that is called when the date range value changes.\n   *\n   * @param value - The new date range value.\n   * @param updatedIndex - The index of the updated date range.\n   */\n  onValueChange: (value: DateRange, updatedIndex: number) => void;\n}\n\n/**\n * A Date Range Calendar component that allows users to select a range of dates.\n */\nexport function DateRangeCalendar({\n  defaultValue,\n  onValueChange,\n}: DateRangeCalendarProps) {\n  const [value, setValue] = useState(defaultValue);\n  const [index, setIndex] = useState(0);\n\n  const setValueRange = (\n    newRange: DateRange,\n    index: number,\n    newIndex: number,\n  ) => {\n    setValue(newRange);\n    onValueChange(newRange, index);\n    setIndex(newIndex);\n  };\n\n  const handleChange = (newValue: Date | null) => {\n    if (!newValue) {\n      return;\n    }\n\n    // If is the end date and is minor than the start date\n    if (index === 1 && newValue < value[0]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // If is the start date and is bigger than the end date\n    if (index === 0 && value[1] && newValue > value[1]) {\n      return setValueRange([newValue, undefined], 0, 1);\n    }\n\n    // Default case\n    setValueRange(\n      [index === 0 ? newValue : value[0], index === 1 ? newValue : value[1]],\n      index,\n      index === 0 ? 1 : 0,\n    );\n  };\n  return (\n    <DateCalendar\n      value={null}\n      onChange={handleChange}\n      slots={{ day: Day }}\n      slotProps={{\n        day: {\n          dateRange: value,\n        } as any,\n      }}\n      aria-label=\"calendar range picker\"\n    />\n  );\n}\n\nexport default DateRangeCalendar;\n"],"names":["CustomPickersDayBackground","styled","Box","prop","theme","dayIsBetween","isFirstDay","isLastDay","Day","props","day","dateRange","other","jsx","PickersDay","start","end","isAfter","isBefore","isSameDay","isStartOfWeek","startOfWeek","isEndOfWeek","endOfWeek","format","DateRangeCalendar","defaultValue","onValueChange","value","setValue","useState","index","setIndex","setValueRange","newRange","newIndex","DateCalendar","newValue"],"mappings":"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"}

package/dist/DateRangeCalendar/index.d.ts

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

package/dist/DateRangePicker/DateRangePicker.mjs

@@ -1,55 +0,0 @@
-import { jsxs as C, Fragment as g, jsx as e } from "react/jsx-runtime";
-import v from "@mui/icons-material/Event";
-import I from "@mui/material/Collapse";
-import P from "@mui/material/IconButton";
-import x from "@mui/material/InputAdornment";
-import b from "@mui/material/Paper";
-import j from "@mui/material/TextField";
-import { format as m } from "date-fns";
-import { useState as p } from "react";
-import { DateRangeCalendar as k } from "../DateRangeCalendar/DateRangeCalendar.mjs";
-function U({
-  defaultValue: t,
-  format: r,
-  label: l,
-  fullWidth: s,
-  onValueChange: c,
-  size: d = "medium"
-}) {
-  const [f, a] = p(!1), [n, u] = p(t), h = (o, i) => {
-    u(o), c(o, i), a(i < 1);
-  };
-  return /* @__PURE__ */ C(g, { children: [
-    /* @__PURE__ */ e(
-      j,
-      {
-        label: l,
-        fullWidth: s,
-        size: d,
-        value: `${m(n[0], r)} - ${n[1] ? m(n[1], r) : r.toUpperCase()}`,
-        InputProps: {
-          endAdornment: /* @__PURE__ */ e(x, { position: "end", children: /* @__PURE__ */ e(
-            P,
-            {
-              onClick: () => a((o) => !o),
-              "aria-label": "open calendar",
-              children: /* @__PURE__ */ e(v, {})
-            }
-          ) })
-        }
-      }
-    ),
-    /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(I, { in: f, "aria-label": "calendar collapse", children: /* @__PURE__ */ e(
-      k,
-      {
-        defaultValue: t,
-        onValueChange: h
-      }
-    ) }) })
-  ] });
-}
-export {
-  U as DateRangePicker,
-  U as default
-};
-//# sourceMappingURL=DateRangePicker.mjs.map

package/dist/DateRangePicker/DateRangePicker.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.mjs","sources":["../../src/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import EventIcon from \"@mui/icons-material/Event\";\nimport Collapse from \"@mui/material/Collapse\";\nimport IconButton from \"@mui/material/IconButton\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport Paper from \"@mui/material/Paper\";\nimport TextField from \"@mui/material/TextField\";\nimport { format } from \"date-fns\";\nimport { useState } from \"react\";\nimport DateRangeCalendar from \"../DateRangeCalendar\";\n\ntype DateRange = [Date, Date | undefined];\n\n/**\n * Props for the DateRangePicker component.\n */\nexport interface DateRangePickerProps {\n  /**\n   * The label for the date range picker.\n   */\n  label: string;\n\n  /**\n   * The default value for the date range picker.\n   */\n  defaultValue: DateRange;\n\n  /**\n   * The format in which the date range should be displayed.\n   */\n  format: string;\n\n  /**\n   * If true, the date range picker will take up the full width of its container.\n   * @default false\n   */\n  fullWidth?: boolean;\n\n  /**\n   * The size of the date range picker.\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\";\n\n  /**\n   * Callback function that is called when the value of the date range picker changes.\n   * @param value - The new date range value.\n   * @param index - The index of the date range picker.\n   */\n  onValueChange: (value: DateRange, index: number) => void;\n}\n\n/**\n * DateRangePicker component allows users to select a date range.\n */\nexport function DateRangePicker({\n  defaultValue,\n  format: fmt,\n  label,\n  fullWidth,\n  onValueChange,\n  size = \"medium\",\n}: DateRangePickerProps) {\n  const [isPopoverOpened, setIsPopoverOpened] = useState(false);\n  const [value, setValue] = useState(defaultValue);\n\n  const handleValueChange = (newValue: DateRange, index: number) => {\n    setValue(newValue);\n    onValueChange(newValue, index);\n    setIsPopoverOpened(index < 1);\n  };\n\n  return (\n    <>\n      <TextField\n        label={label}\n        fullWidth={fullWidth}\n        size={size}\n        value={`${format(value[0], fmt)} - ${value[1] ? format(value[1], fmt) : fmt.toUpperCase()}`}\n        InputProps={{\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                onClick={() => setIsPopoverOpened((o) => !o)}\n                aria-label=\"open calendar\"\n              >\n                <EventIcon />\n              </IconButton>\n            </InputAdornment>\n          ),\n        }}\n      />\n      <Paper>\n        <Collapse in={isPopoverOpened} aria-label=\"calendar collapse\">\n          <DateRangeCalendar\n            defaultValue={defaultValue}\n            onValueChange={handleValueChange}\n          />\n        </Collapse>\n      </Paper>\n    </>\n  );\n}\n\nexport default DateRangePicker;\n"],"names":["DateRangePicker","defaultValue","fmt","label","fullWidth","onValueChange","size","isPopoverOpened","setIsPopoverOpened","useState","value","setValue","handleValueChange","newValue","index","jsxs","Fragment","jsx","TextField","format","InputAdornment","IconButton","EventIcon","Paper","Collapse","DateRangeCalendar"],"mappings":";;;;;;;;;;AAsDO,SAASA,EAAgB;AAAA,EAC9B,cAAAC;AAAA,EACA,QAAQC;AAAA,EACR,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAyB;AACvB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAOC,CAAQ,IAAIF,EAASR,CAAY,GAEzCW,IAAoB,CAACC,GAAqBC,MAAkB;AAChE,IAAAH,EAASE,CAAQ,GACjBR,EAAcQ,GAAUC,CAAK,GAC7BN,EAAmBM,IAAQ,CAAC;AAAA,EAC9B;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,WAAAC;AAAA,QACA,MAAAE;AAAA,QACA,OAAO,GAAGa,EAAOT,EAAM,CAAC,GAAGR,CAAG,CAAC,MAAMQ,EAAM,CAAC,IAAIS,EAAOT,EAAM,CAAC,GAAGR,CAAG,IAAIA,EAAI,aAAa;AAAA,QACzF,YAAY;AAAA,UACV,cACE,gBAAAe,EAACG,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAS,MAAMb,EAAmB,CAAC,MAAM,CAAC,CAAC;AAAA,cAC3C,cAAW;AAAA,cAEX,4BAACc,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA,EACb,CACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,sBAEDC,GAAA,EACC,UAAA,gBAAAN,EAACO,KAAS,IAAIjB,GAAiB,cAAW,qBACxC,UAAA,gBAAAU;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,cAAAxB;AAAA,QACA,eAAeW;AAAA,MAAA;AAAA,IAAA,GAEnB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/DateRangePicker/index.d.ts

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

package/dist/Dialog/Dialog.types.d.ts

@@ -1,230 +0,0 @@
-import { BoxProps, ButtonProps, CircularProgressProps, DialogActionsProps, DialogContentProps, DialogProps, DialogTitleProps, IconButtonProps } from '@mui/material';
-import { JSXElementConstructor, ReactNode } from 'react';
-/**
- * Action button configuration for dialogs
- */
-export interface DialogAction {
-    /**
-     * Unique identifier
-     */
-    id: string;
-    /**
-     * Button text label
-     */
-    text: string;
-    /**
-     * Button type attribute
-     * @default "button"
-     */
-    type?: "button" | "submit";
-    /**
-     * Button color theme
-     * @default "primary"
-     */
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-    /**
-     * Click handler function
-     */
-    onClick?: () => void;
-}
-/**
- * Interface representing the slots for the BootstrapDialog component.
- */
-export interface BootstrapDialogSlots {
-    /**
-     * Root dialog component
-     */
-    dialog?: JSXElementConstructor<DialogProps>;
-    /**
-     * Dialog title component
-     */
-    dialogTitle?: JSXElementConstructor<DialogTitleProps>;
-    /**
-     * Title container component
-     */
-    titleContainer?: JSXElementConstructor<BoxProps>;
-    /**
-     * Loading indicator component
-     */
-    loadingIndicator?: JSXElementConstructor<CircularProgressProps>;
-    /**
-     * Close button component
-     */
-    closeButton?: JSXElementConstructor<IconButtonProps>;
-    /**
-     * Close icon component
-     */
-    closeIcon?: JSXElementConstructor<any>;
-    /**
-     * Content wrapper component
-     */
-    contentWrapper?: JSXElementConstructor<BoxProps>;
-    /**
-     * Dialog content component
-     */
-    dialogContent?: JSXElementConstructor<DialogContentProps>;
-    /**
-     * Dialog actions component
-     */
-    dialogActions?: JSXElementConstructor<DialogActionsProps>;
-    /**
-     * Action button component
-     */
-    actionButton?: JSXElementConstructor<ButtonProps>;
-    /**
-     * Cancel button component
-     */
-    cancelButton?: JSXElementConstructor<ButtonProps>;
-    /**
-     * Accept button component
-     */
-    acceptButton?: JSXElementConstructor<ButtonProps>;
-}
-/**
- * Interface representing the slot properties for the BootstrapDialog component.
- */
-export interface BootstrapDialogSlotProps {
-    /**
-     * Props for the root dialog
-     */
-    dialog?: Partial<DialogProps>;
-    /**
-     * Props for the dialog title
-     */
-    dialogTitle?: Partial<DialogTitleProps>;
-    /**
-     * Props for the title container
-     */
-    titleContainer?: Partial<BoxProps>;
-    /**
-     * Props for the loading indicator
-     */
-    loadingIndicator?: Partial<CircularProgressProps>;
-    /**
-     * Props for the close button
-     */
-    closeButton?: Partial<IconButtonProps>;
-    /**
-     * Props for the content wrapper
-     */
-    contentWrapper?: Partial<BoxProps>;
-    /**
-     * Props for the dialog content
-     */
-    dialogContent?: Partial<DialogContentProps>;
-    /**
-     * Props for the dialog actions
-     */
-    dialogActions?: Partial<DialogActionsProps>;
-    /**
-     * Props for action buttons
-     */
-    actionButton?: Partial<ButtonProps>;
-    /**
-     * Props for the cancel button
-     */
-    cancelButton?: Partial<ButtonProps>;
-    /**
-     * Props for the accept button
-     */
-    acceptButton?: Partial<ButtonProps>;
-}
-/**
- * Props for the BootstrapDialog component.
- */
-export type BootstrapDialogDialogProps = {
-    /**
-     * Whether the dialog is open.
-     */
-    open: boolean;
-    /**
-     * The title of the dialog.
-     */
-    title: string;
-    /**
-     * Whether the dialog is in a loading state.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Whether the dialog is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the accept button is disabled.
-     * @default false
-     */
-    disableAccept?: boolean;
-    /**
-     * Whether the cancel button is disabled.
-     * @default false
-     */
-    disableCancel?: boolean;
-    /**
-     * Whether the dialog is cancelable.
-     * @default true
-     */
-    cancelable?: boolean;
-    /**
-     * Whether the dialog is acceptable.
-     * @default true
-     */
-    acceptable?: boolean;
-    /**
-     * Whether to call the onClose function when the cancel button is clicked.
-     * @default true
-     */
-    callCloseWhenCancel?: boolean;
-    /**
-     * Actions to be displayed in the dialog.
-     */
-    actions?: DialogAction[];
-    /**
-     * Text for the cancel button.
-     * @default "Cancel"
-     */
-    cancelText?: string;
-    /**
-     * Text for the accept button.
-     * @default "Accept"
-     */
-    acceptText?: string;
-    /**
-     * Type of the accept button.
-     * @default "button"
-     */
-    acceptType?: "button" | "submit";
-    /**
-     * Function to call when the dialog is closed.
-     */
-    onClose: () => void;
-    /**
-     * Function to call when the cancel button is clicked.
-     */
-    onCancel?: () => void;
-    /**
-     * Function to call when the accept button is clicked.
-     */
-    onAccept?: () => void;
-    /**
-     * Component to be rendered inside the dialog.
-     */
-    component?: React.ElementType;
-    /**
-     * Props to be passed to the component.
-     */
-    componentProps?: any;
-    /**
-     * Children to be rendered inside the dialog.
-     */
-    children?: ReactNode | undefined;
-    /**
-     * Optional slots for custom rendering within the dialog
-     */
-    slots?: BootstrapDialogSlots;
-    /**
-     * Optional props for the slots
-     */
-    slotProps?: BootstrapDialogSlotProps;
-};

package/dist/Dialog/UseDialog.d.ts

@@ -1,6 +0,0 @@
-export declare const useDialog: (intialOpen?: boolean) => {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-};

package/dist/Dialog/UseDialog.mjs

@@ -1,9 +0,0 @@
-import { useState as t } from "react";
-const r = (s = !1) => {
-  const [o, e] = t(s);
-  return { isOpen: o, open: () => e(!0), close: () => e(!1), setIsOpen: e };
-};
-export {
-  r as useDialog
-};
-//# sourceMappingURL=UseDialog.mjs.map

package/dist/Dialog/UseDialog.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseDialog.mjs","sources":["../../src/Dialog/UseDialog.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport const useDialog = (intialOpen = false) => {\n  const [isOpen, setIsOpen] = useState(intialOpen);\n\n  const open = () => setIsOpen(true);\n  const close = () => setIsOpen(false);\n\n  return { isOpen, open, close, setIsOpen };\n};\n"],"names":["useDialog","intialOpen","isOpen","setIsOpen","useState"],"mappings":";AAEO,MAAMA,IAAY,CAACC,IAAa,OAAU;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASH,CAAU;AAK/C,SAAO,EAAE,QAAAC,GAAQ,MAHJ,MAAMC,EAAU,EAAI,GAGV,OAFT,MAAMA,EAAU,EAAK,GAEL,WAAAA,EAAA;AAChC;"}

package/dist/Dialog/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Dialog.types';
-export * from './UseDialog';

package/dist/Drawerx/Drawer/Drawer.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { DrawerProps } from '../Drawer.types';
-export declare const DrawerHeader: React.ComponentType<{
-    children?: React.ReactNode;
-    className?: string;
-}>;
-/**
- * Drawer component that provides a customizable drawer interface.
- */
-export default function Drawer({ children, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/Drawerx/Drawer/Drawer.mjs

@@ -1,71 +0,0 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import w from "@mui/icons-material/ChevronLeft";
-import h from "@mui/material/Divider";
-import y, { drawerClasses as s } from "@mui/material/Drawer";
-import C from "@mui/material/IconButton";
-import { paperClasses as v } from "@mui/material/Paper";
-import { styled as D, useTheme as S } from "@mui/material/styles";
-import { useDrawer as I } from "../DrawerContext/DrawerContext.mjs";
-import { closedMixin as a, openedMixin as p } from "../DrawerContext/DrawerMixins.mjs";
-const b = D("div")(({ theme: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  padding: e.spacing(0, 1),
-  ...e.mixins.toolbar
-})), g = {
-  temporary: !0,
-  mini: !0,
-  persistent: !0
-}, j = {
-  temporary: "temporary",
-  mini: "permanent",
-  persistent: "persistent"
-}, m = () => ({}), z = {
-  mini: (e, n) => ({
-    boxSizing: "border-box",
-    [`& .${v.root}`]: {
-      zIndex: n.zIndex.drawer - 1
-    }
-  }),
-  temporary: m,
-  persistent: m
-};
-function V({ children: e, ...n }) {
-  const r = S(), { state: o, switchState: d, clipped: c, close: l, drawerWidth: f, variant: i } = I(), x = {
-    width: f,
-    flexShrink: 0,
-    whiteSpace: "nowrap",
-    ...o === "open" && {
-      ...p(r),
-      [`& .${s.paper}`]: p(r)
-    },
-    ...o !== "open" && {
-      ...a(r),
-      [`& .${s.paper}`]: a(r)
-    },
-    ...z[i](o, r)
-  };
-  return /* @__PURE__ */ u(
-    y,
-    {
-      open: o === "open",
-      variant: j[i],
-      role: "menu",
-      "aria-hidden": o === "close",
-      onClose: l,
-      sx: x,
-      ...n,
-      children: [
-        /* @__PURE__ */ t(b, { children: !c && g[i] && /* @__PURE__ */ t(C, { onClick: d, children: /* @__PURE__ */ t(w, {}) }) }),
-        /* @__PURE__ */ t(h, {}),
-        e
-      ]
-    }
-  );
-}
-export {
-  b as DrawerHeader,
-  V as default
-};
-//# sourceMappingURL=Drawer.mjs.map

package/dist/Drawerx/Drawer/Drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.mjs","sources":["../../../src/Drawerx/Drawer/Drawer.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport Divider from \"@mui/material/Divider\";\nimport MuiDrawer, { drawerClasses } from \"@mui/material/Drawer\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { paperClasses } from \"@mui/material/Paper\";\nimport {\n  type SxProps,\n  styled,\n  type Theme,\n  useTheme,\n} from \"@mui/material/styles\";\nimport type React from \"react\";\nimport type { DrawerProps, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext/DrawerContext\";\nimport { closedMixin, openedMixin } from \"../DrawerContext/DrawerMixins\";\n\nexport const DrawerHeader: React.ComponentType<{\n  children?: React.ReactNode;\n  className?: string;\n}> = styled(\"div\")(({ theme }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  padding: theme.spacing(0, 1),\n  ...theme.mixins.toolbar,\n}));\n\nconst showCloseButton: Record<DrawerVariant, boolean> = {\n  temporary: true,\n  mini: true,\n  persistent: true,\n};\n\nconst muiDrawerVariant: Record<\n  DrawerVariant,\n  \"permanent\" | \"persistent\" | \"temporary\"\n> = {\n  temporary: \"temporary\",\n  mini: \"permanent\",\n  persistent: \"persistent\",\n};\n\ntype SxGenerator = (state: DrawerState, theme: Theme) => SxProps<Theme>;\nconst NoopSxGenerator = () => ({});\nconst variantsSx: Readonly<Record<DrawerVariant, SxGenerator>> = {\n  mini: (_: DrawerState, theme: Theme) => ({\n    boxSizing: \"border-box\",\n    [`& .${paperClasses.root}`]: {\n      zIndex: theme.zIndex.drawer - 1,\n    },\n  }),\n  temporary: NoopSxGenerator,\n  persistent: NoopSxGenerator,\n};\n\n/**\n * Drawer component that provides a customizable drawer interface.\n */\nexport default function Drawer({ children, ...rest }: DrawerProps) {\n  const theme = useTheme();\n  const { state, switchState, clipped, close, drawerWidth, variant } =\n    useDrawer();\n\n  const sx = {\n    width: drawerWidth,\n    flexShrink: 0,\n    whiteSpace: \"nowrap\",\n    ...(state === \"open\" && {\n      ...openedMixin(theme),\n      [`& .${drawerClasses.paper}`]: openedMixin(theme),\n    }),\n    ...(state !== \"open\" && {\n      ...closedMixin(theme),\n      [`& .${drawerClasses.paper}`]: closedMixin(theme),\n    }),\n    ...variantsSx[variant](state, theme),\n  };\n\n  return (\n    <MuiDrawer\n      open={state === \"open\"}\n      variant={muiDrawerVariant[variant]}\n      role=\"menu\"\n      aria-hidden={state === \"close\"}\n      onClose={close}\n      sx={sx}\n      {...rest}\n    >\n      <DrawerHeader>\n        {!clipped && showCloseButton[variant] && (\n          <IconButton onClick={switchState}>\n            <ChevronLeftIcon />\n          </IconButton>\n        )}\n      </DrawerHeader>\n      <Divider />\n      {children}\n    </MuiDrawer>\n  );\n}\n"],"names":["DrawerHeader","styled","theme","showCloseButton","muiDrawerVariant","NoopSxGenerator","variantsSx","_","paperClasses","Drawer","children","rest","useTheme","state","switchState","clipped","close","drawerWidth","variant","useDrawer","sx","openedMixin","drawerClasses","closedMixin","jsxs","MuiDrawer","jsx","IconButton","ChevronLeftIcon","Divider"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAGRC,EAAO,KAAK,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACjC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,SAASA,EAAM,QAAQ,GAAG,CAAC;AAAA,EAC3B,GAAGA,EAAM,OAAO;AAClB,EAAE,GAEIC,IAAkD;AAAA,EACtD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAGF;AAAA,EACF,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAGMC,IAAkB,OAAO,CAAA,IACzBC,IAA2D;AAAA,EAC/D,MAAM,CAACC,GAAgBL,OAAkB;AAAA,IACvC,WAAW;AAAA,IACX,CAAC,MAAMM,EAAa,IAAI,EAAE,GAAG;AAAA,MAC3B,QAAQN,EAAM,OAAO,SAAS;AAAA,IAAA;AAAA,EAChC;AAAA,EAEF,WAAWG;AAAA,EACX,YAAYA;AACd;AAKA,SAAwBI,EAAO,EAAE,UAAAC,GAAU,GAAGC,KAAqB;AACjE,QAAMT,IAAQU,EAAA,GACR,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,GAAS,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IACvDC,EAAA,GAEIC,IAAK;AAAA,IACT,OAAOH;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,GAAIJ,MAAU,UAAU;AAAA,MACtB,GAAGQ,EAAYnB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGD,EAAYnB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAIW,MAAU,UAAU;AAAA,MACtB,GAAGU,EAAYrB,CAAK;AAAA,MACpB,CAAC,MAAMoB,EAAc,KAAK,EAAE,GAAGC,EAAYrB,CAAK;AAAA,IAAA;AAAA,IAElD,GAAGI,EAAWY,CAAO,EAAEL,GAAOX,CAAK;AAAA,EAAA;AAGrC,SACE,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ,MAAU;AAAA,MAChB,SAAST,EAAiBc,CAAO;AAAA,MACjC,MAAK;AAAA,MACL,eAAaL,MAAU;AAAA,MACvB,SAASG;AAAA,MACT,IAAAI;AAAA,MACC,GAAGT;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAe,EAAC1B,GAAA,EACE,UAAA,CAACe,KAAWZ,EAAgBe,CAAO,KAClC,gBAAAQ,EAACC,GAAA,EAAW,SAASb,GACnB,UAAA,gBAAAY,EAACE,GAAA,CAAA,CAAgB,GACnB,GAEJ;AAAA,0BACCC,GAAA,EAAQ;AAAA,QACRnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/Drawer/Drawer.mock.d.ts

@@ -1,11 +0,0 @@
-import { DrawerNavigation, DrawerNavigationCollapsable, DrawerNavigationItem, DrawerNavigationLink } from '../Drawer.types';
-export declare const mockLinkDrawerNavigationItem: DrawerNavigationLink;
-export declare const mockLinkNoIconDrawerNavigationItem: DrawerNavigationLink;
-export declare const mockLinkBulletDrawerNavigationItem: DrawerNavigationItem;
-export declare const mockLinkLabelDrawerNavigationItem: DrawerNavigationItem;
-export declare const mockLinkAvatarDrawerNavigationItem: DrawerNavigationItem;
-export declare const mockListDrawerNavigationItems: DrawerNavigationItem[];
-export declare const mockMenuDrawerNavigationItem: DrawerNavigationCollapsable;
-export declare const mockMenuInsideMenuDrawerNavigationItem: DrawerNavigationItem;
-export declare const mockListDrawerNavigationItems2: DrawerNavigationItem[];
-export declare const mockDrawerNavigation: DrawerNavigation;

package/dist/Drawerx/Drawer/index.d.ts

@@ -1 +0,0 @@
-export { DrawerHeader, default, default as Drawer } from './Drawer';