@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/Select/Select.mjs

@@ -1,32 +1,32 @@
-import { j as n } from "../_virtual/jsx-runtime.mjs";
-import { useId as L } from "react";
-import d from "../node_modules/@mui/material/esm/FormControl/FormControl.mjs";
-import S from "../node_modules/@mui/material/esm/InputLabel/InputLabel.mjs";
-import y from "../node_modules/@mui/material/esm/Select/Select.mjs";
-import V from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import F from "../node_modules/@mui/material/esm/CircularProgress/CircularProgress.mjs";
-import M from "../node_modules/@mui/material/esm/LinearProgress/LinearProgress.mjs";
-import B from "../node_modules/@mui/material/esm/styles/styled.mjs";
-const D = {
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import y from "@mui/material/Box";
+import V from "@mui/material/CircularProgress";
+import u from "@mui/material/FormControl";
+import M from "@mui/material/InputLabel";
+import j from "@mui/material/LinearProgress";
+import F from "@mui/material/Select";
+import { styled as B } from "@mui/material/styles";
+import { useId as D } from "react";
+const O = {
   small: 15,
   medium: 20
 };
-function G({
+function H({
   label: o,
-  value: u,
-  loading: f = !1,
+  value: f,
+  loading: p = !1,
   fetching: l = !1,
   size: a = "medium",
-  fullWidth: s = !1,
+  fullWidth: C = !1,
   color: r,
-  children: p,
-  onChange: x,
-  slots: t,
+  children: s,
+  onChange: h,
+  slots: n,
   slotProps: e
 }) {
-  const i = L();
-  t?.formControl ?? d;
-  const C = t?.inputLabel ?? S, h = t?.select ?? y, m = t?.renderValueContainer ?? V, I = t?.loadingIndicator ?? F, g = t?.fetchingIndicator ?? M, j = (c) => l ? /* @__PURE__ */ n.jsx(
+  const i = D();
+  n?.formControl ?? u;
+  const I = n?.inputLabel ?? M, g = n?.select ?? F, m = n?.renderValueContainer ?? y, b = n?.loadingIndicator ?? V, x = n?.fetchingIndicator ?? j, L = (c) => l ? /* @__PURE__ */ t(
     m,
     {
       display: "flex",
@@ -36,16 +36,16 @@ function G({
       width: 1,
       height: 1,
       ...e?.renderValueContainer,
-      children: /* @__PURE__ */ n.jsx(
-        I,
+      children: /* @__PURE__ */ t(
+        b,
         {
           color: "inherit",
-          size: D[a],
+          size: O[a],
           ...e?.loadingIndicator
         }
       )
     }
-  ) : f ? /* @__PURE__ */ n.jsxs(
+  ) : p ? /* @__PURE__ */ d(
     m,
     {
       display: "flex",
@@ -53,8 +53,8 @@ function G({
       ...e?.renderValueContainer,
       children: [
         c,
-        /* @__PURE__ */ n.jsx(
-          g,
+        /* @__PURE__ */ t(
+          x,
           {
             color: "inherit",
             sx: { position: "absolute", left: 0, right: 0, bottom: 0 },
@@ -63,7 +63,7 @@ function G({
         )
       ]
     }
-  ) : c, b = B(d)(() => r ? {
+  ) : c, S = B(u)(() => r ? {
     label: {
       color: r
     },
@@ -77,27 +77,27 @@ function G({
       fill: r
     }
   } : {});
-  return /* @__PURE__ */ n.jsxs(b, { fullWidth: s, ...e?.formControl, children: [
-    /* @__PURE__ */ n.jsx(C, { id: i, ...e?.inputLabel, children: o }),
-    /* @__PURE__ */ n.jsx(
-      h,
+  return /* @__PURE__ */ d(S, { fullWidth: C, ...e?.formControl, children: [
+    /* @__PURE__ */ t(I, { id: i, ...e?.inputLabel, children: o }),
+    /* @__PURE__ */ t(
+      g,
       {
         ...e?.select,
         labelId: i,
         id: i,
-        value: u,
+        value: f,
         label: o,
-        onChange: x,
+        onChange: h,
         disabled: l,
         size: a,
-        renderValue: j,
-        children: p
+        renderValue: L,
+        children: s
       }
     )
   ] });
 }
 export {
-  G as Select,
-  G as default
+  H as Select,
+  H as default
 };
 //# sourceMappingURL=Select.mjs.map

package/dist/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport CircularProgress, {\n  type CircularProgressProps,\n} from \"@mui/material/CircularProgress\";\nimport FormControl, { type FormControlProps } from \"@mui/material/FormControl\";\nimport InputLabel, { type InputLabelProps } from \"@mui/material/InputLabel\";\nimport LinearProgress, {\n  type LinearProgressProps,\n} from \"@mui/material/LinearProgress\";\nimport MuiSelect, {\n  type SelectProps as MuiSelectProps,\n} from \"@mui/material/Select\";\nimport { styled } from \"@mui/material/styles\";\nimport { type JSXElementConstructor, type ReactNode, useId } from \"react\";\n\n/**\n * Select input size variants\n */\nexport type SelectSize = \"small\" | \"medium\";\n\n/**\n * Interface representing the slots for the Select component.\n */\nexport interface SelectSlots {\n  /**\n   * Root form control component\n   */\n  formControl?: JSXElementConstructor<FormControlProps>;\n  /**\n   * Input label component\n   */\n  inputLabel?: JSXElementConstructor<InputLabelProps>;\n  /**\n   * Select component\n   */\n  select?: JSXElementConstructor<MuiSelectProps<any>>;\n  /**\n   * Render value container component\n   */\n  renderValueContainer?: JSXElementConstructor<BoxProps>;\n  /**\n   * Loading indicator component (when fetching)\n   */\n  loadingIndicator?: JSXElementConstructor<CircularProgressProps>;\n  /**\n   * Fetching indicator component (when loading)\n   */\n  fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;\n}\n\n/**\n * Interface representing the slot properties for the Select component.\n */\nexport interface SelectSlotProps {\n  /**\n   * Props for the form control\n   */\n  formControl?: Partial<FormControlProps>;\n  /**\n   * Props for the input label\n   */\n  inputLabel?: Partial<InputLabelProps>;\n  /**\n   * Props for the select (onChange is managed by the component)\n   */\n  select?: Partial<Omit<MuiSelectProps<any>, \"onChange\">>;\n  /**\n   * Props for the render value container\n   */\n  renderValueContainer?: Partial<BoxProps>;\n  /**\n   * Props for the loading indicator\n   */\n  loadingIndicator?: Partial<CircularProgressProps>;\n  /**\n   * Props for the fetching indicator\n   */\n  fetchingIndicator?: Partial<LinearProgressProps>;\n}\n\n/**\n * Props for the Select component\n *\n * @template T - The type of the selected value\n */\nexport interface SelectProps<T> {\n  /**\n   * The label for the select input.\n   */\n  label: string;\n  /**\n   * The selected value.\n   */\n  value: T;\n  /**\n   * If true, the select input is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * If true, the select input is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * The size of the select input.\n   */\n  size?: SelectSize;\n  /**\n   * The color of the select input.\n   */\n  color?: string;\n  /**\n   * If true, the select input takes up the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * The child elements to be rendered within the select input.\n   */\n  children?: ReactNode;\n  /**\n   * The callback function to handle changes to the select input.\n   */\n  onChange?: MuiSelectProps<T>[\"onChange\"];\n  /**\n   * Optional slots for custom rendering within the select\n   */\n  slots?: SelectSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: SelectSlotProps;\n}\n\nconst ProgressSize: Record<SelectSize, number> = {\n  small: 15,\n  medium: 20,\n};\n\n/**\n * A custom Select component that extends the functionality of the Material-UI Select component.\n * This component supports additional features such as loading and fetching states, custom colors, and full-width display.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Select label=\"Country\" value={country} onChange={handleChange}>\n *   <MenuItem value=\"us\">United States</MenuItem>\n *   <MenuItem value=\"uk\">United Kingdom</MenuItem>\n * </Select>\n *\n * // With custom loading indicator\n * <Select\n *   label=\"Status\"\n *   value={status}\n *   loading\n *   slotProps={{\n *     loadingIndicator: { size: 24 }\n *   }}\n * />\n * ```\n */\nexport function Select<T extends ReactNode>({\n  label,\n  value,\n  loading = false,\n  fetching = false,\n  size = \"medium\",\n  fullWidth = false,\n  color,\n  children,\n  onChange,\n  slots,\n  slotProps,\n}: SelectProps<T>) {\n  const id = useId();\n\n  // Slot components with defaults\n  const _FormControlComponent = slots?.formControl ?? FormControl;\n  const InputLabelComponent = slots?.inputLabel ?? InputLabel;\n  const SelectComponent = slots?.select ?? MuiSelect;\n  const RenderValueContainerComponent = slots?.renderValueContainer ?? Box;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const FetchingIndicatorComponent = slots?.fetchingIndicator ?? LinearProgress;\n\n  const renderValue = (value: T): ReactNode => {\n    if (fetching) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width={1}\n          height={1}\n          {...slotProps?.renderValueContainer}\n        >\n          <LoadingIndicatorComponent\n            color=\"inherit\"\n            size={ProgressSize[size]}\n            {...slotProps?.loadingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    if (loading) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          {...slotProps?.renderValueContainer}\n        >\n          {value}\n          <FetchingIndicatorComponent\n            color=\"inherit\"\n            sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n            {...slotProps?.fetchingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    return value;\n  };\n\n  const StyledFormControl = styled(FormControl)(() => {\n    if (!color) {\n      return {};\n    }\n\n    return {\n      label: {\n        color,\n      },\n      \".MuiOutlinedInput-notchedOutline\": {\n        borderColor: `${color} !important`,\n      },\n      \".MuiInputBase-root\": {\n        color,\n      },\n      \".MuiSelect-icon\": {\n        fill: color,\n      },\n    };\n  });\n\n  return (\n    <StyledFormControl fullWidth={fullWidth} {...slotProps?.formControl}>\n      <InputLabelComponent id={id} {...slotProps?.inputLabel}>\n        {label}\n      </InputLabelComponent>\n      <SelectComponent\n        {...slotProps?.select}\n        labelId={id}\n        id={id}\n        value={value}\n        label={label}\n        onChange={onChange as any}\n        disabled={fetching}\n        size={size}\n        renderValue={renderValue}\n      >\n        {children}\n      </SelectComponent>\n    </StyledFormControl>\n  );\n}\n\nexport default Select;\n"],"names":["ProgressSize","Select","label","value","loading","fetching","size","fullWidth","color","children","onChange","slots","slotProps","id","useId","FormControl","InputLabelComponent","InputLabel","SelectComponent","MuiSelect","RenderValueContainerComponent","Box","LoadingIndicatorComponent","CircularProgress","FetchingIndicatorComponent","LinearProgress","renderValue","jsx","jsxs","StyledFormControl","styled"],"mappings":";;;;;;;;;AAoIA,MAAMA,IAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AACV;AA2BO,SAASC,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAA;AAGmB,EAAAH,GAAO,eAAeI;AACpD,QAAMC,IAAsBL,GAAO,cAAcM,GAC3CC,IAAkBP,GAAO,UAAUQ,GACnCC,IAAgCT,GAAO,wBAAwBU,GAC/DC,IAA4BX,GAAO,oBAAoBY,GACvDC,IAA6Bb,GAAO,qBAAqBc,GAEzDC,IAAc,CAACvB,MACfE,IAEAsB,gBAAAA,EAAAA;AAAAA,IAACP;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACP,GAAGR,GAAW;AAAA,MAEf,UAAAe,gBAAAA,EAAAA;AAAAA,QAACL;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMtB,EAAaM,CAAI;AAAA,UACtB,GAAGM,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,IAKFR,IAEAwB,gBAAAA,EAAAA;AAAAA,IAACR;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACb,GAAGR,GAAW;AAAA,MAEd,UAAA;AAAA,QAAAT;AAAAA,QACDwB,gBAAAA,EAAAA;AAAAA,UAACH;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,IAAI,EAAE,UAAU,YAAY,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAA;AAAA,YACtD,GAAGZ,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA,IAKCT,GAGH0B,IAAoBC,EAAOf,CAAW,EAAE,MACvCP,IAIE;AAAA,IACL,OAAO;AAAA,MACL,OAAAA;AAAA,IAAA;AAAA,IAEF,oCAAoC;AAAA,MAClC,aAAa,GAAGA,CAAK;AAAA,IAAA;AAAA,IAEvB,sBAAsB;AAAA,MACpB,OAAAA;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,MACjB,MAAMA;AAAA,IAAA;AAAA,EACR,IAfO,CAAA,CAiBV;AAED,SACEoB,gBAAAA,EAAAA,KAACC,GAAA,EAAkB,WAAAtB,GAAuB,GAAGK,GAAW,aACtD,UAAA;AAAA,IAAAe,gBAAAA,MAACX,GAAA,EAAoB,IAAAH,GAAS,GAAGD,GAAW,YACzC,UAAAV,GACH;AAAA,IACAyB,gBAAAA,EAAAA;AAAAA,MAACT;AAAA,MAAA;AAAA,QACE,GAAGN,GAAW;AAAA,QACf,SAASC;AAAA,QACT,IAAAA;AAAA,QACA,OAAAV;AAAA,QACA,OAAAD;AAAA,QACA,UAAAQ;AAAA,QACA,UAAUL;AAAA,QACV,MAAAC;AAAA,QACA,aAAAoB;AAAA,QAEC,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"Select.mjs","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import Box, { type BoxProps } from \"@mui/material/Box\";\nimport CircularProgress, {\n  type CircularProgressProps,\n} from \"@mui/material/CircularProgress\";\nimport FormControl, { type FormControlProps } from \"@mui/material/FormControl\";\nimport InputLabel, { type InputLabelProps } from \"@mui/material/InputLabel\";\nimport LinearProgress, {\n  type LinearProgressProps,\n} from \"@mui/material/LinearProgress\";\nimport MuiSelect, {\n  type SelectProps as MuiSelectProps,\n} from \"@mui/material/Select\";\nimport { styled } from \"@mui/material/styles\";\nimport { type JSXElementConstructor, type ReactNode, useId } from \"react\";\n\n/**\n * Select input size variants\n */\nexport type SelectSize = \"small\" | \"medium\";\n\n/**\n * Interface representing the slots for the Select component.\n */\nexport interface SelectSlots {\n  /**\n   * Root form control component\n   */\n  formControl?: JSXElementConstructor<FormControlProps>;\n  /**\n   * Input label component\n   */\n  inputLabel?: JSXElementConstructor<InputLabelProps>;\n  /**\n   * Select component\n   */\n  select?: JSXElementConstructor<MuiSelectProps<any>>;\n  /**\n   * Render value container component\n   */\n  renderValueContainer?: JSXElementConstructor<BoxProps>;\n  /**\n   * Loading indicator component (when fetching)\n   */\n  loadingIndicator?: JSXElementConstructor<CircularProgressProps>;\n  /**\n   * Fetching indicator component (when loading)\n   */\n  fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;\n}\n\n/**\n * Interface representing the slot properties for the Select component.\n */\nexport interface SelectSlotProps {\n  /**\n   * Props for the form control\n   */\n  formControl?: Partial<FormControlProps>;\n  /**\n   * Props for the input label\n   */\n  inputLabel?: Partial<InputLabelProps>;\n  /**\n   * Props for the select (onChange is managed by the component)\n   */\n  select?: Partial<Omit<MuiSelectProps<any>, \"onChange\">>;\n  /**\n   * Props for the render value container\n   */\n  renderValueContainer?: Partial<BoxProps>;\n  /**\n   * Props for the loading indicator\n   */\n  loadingIndicator?: Partial<CircularProgressProps>;\n  /**\n   * Props for the fetching indicator\n   */\n  fetchingIndicator?: Partial<LinearProgressProps>;\n}\n\n/**\n * Props for the Select component\n *\n * @template T - The type of the selected value\n */\nexport interface SelectProps<T> {\n  /**\n   * The label for the select input.\n   */\n  label: string;\n  /**\n   * The selected value.\n   */\n  value: T;\n  /**\n   * If true, the select input is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * If true, the select input is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * The size of the select input.\n   */\n  size?: SelectSize;\n  /**\n   * The color of the select input.\n   */\n  color?: string;\n  /**\n   * If true, the select input takes up the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * The child elements to be rendered within the select input.\n   */\n  children?: ReactNode;\n  /**\n   * The callback function to handle changes to the select input.\n   */\n  onChange?: MuiSelectProps<T>[\"onChange\"];\n  /**\n   * Optional slots for custom rendering within the select\n   */\n  slots?: SelectSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: SelectSlotProps;\n}\n\nconst ProgressSize: Record<SelectSize, number> = {\n  small: 15,\n  medium: 20,\n};\n\n/**\n * A custom Select component that extends the functionality of the Material-UI Select component.\n * This component supports additional features such as loading and fetching states, custom colors, and full-width display.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Select label=\"Country\" value={country} onChange={handleChange}>\n *   <MenuItem value=\"us\">United States</MenuItem>\n *   <MenuItem value=\"uk\">United Kingdom</MenuItem>\n * </Select>\n *\n * // With custom loading indicator\n * <Select\n *   label=\"Status\"\n *   value={status}\n *   loading\n *   slotProps={{\n *     loadingIndicator: { size: 24 }\n *   }}\n * />\n * ```\n */\nexport function Select<T extends ReactNode>({\n  label,\n  value,\n  loading = false,\n  fetching = false,\n  size = \"medium\",\n  fullWidth = false,\n  color,\n  children,\n  onChange,\n  slots,\n  slotProps,\n}: SelectProps<T>) {\n  const id = useId();\n\n  // Slot components with defaults\n  const _FormControlComponent = slots?.formControl ?? FormControl;\n  const InputLabelComponent = slots?.inputLabel ?? InputLabel;\n  const SelectComponent = slots?.select ?? MuiSelect;\n  const RenderValueContainerComponent = slots?.renderValueContainer ?? Box;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const FetchingIndicatorComponent = slots?.fetchingIndicator ?? LinearProgress;\n\n  const renderValue = (value: T): ReactNode => {\n    if (fetching) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          width={1}\n          height={1}\n          {...slotProps?.renderValueContainer}\n        >\n          <LoadingIndicatorComponent\n            color=\"inherit\"\n            size={ProgressSize[size]}\n            {...slotProps?.loadingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    if (loading) {\n      return (\n        <RenderValueContainerComponent\n          display=\"flex\"\n          flexDirection=\"column\"\n          {...slotProps?.renderValueContainer}\n        >\n          {value}\n          <FetchingIndicatorComponent\n            color=\"inherit\"\n            sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n            {...slotProps?.fetchingIndicator}\n          />\n        </RenderValueContainerComponent>\n      );\n    }\n\n    return value;\n  };\n\n  const StyledFormControl = styled(FormControl)(() => {\n    if (!color) {\n      return {};\n    }\n\n    return {\n      label: {\n        color,\n      },\n      \".MuiOutlinedInput-notchedOutline\": {\n        borderColor: `${color} !important`,\n      },\n      \".MuiInputBase-root\": {\n        color,\n      },\n      \".MuiSelect-icon\": {\n        fill: color,\n      },\n    };\n  });\n\n  return (\n    <StyledFormControl fullWidth={fullWidth} {...slotProps?.formControl}>\n      <InputLabelComponent id={id} {...slotProps?.inputLabel}>\n        {label}\n      </InputLabelComponent>\n      <SelectComponent\n        {...slotProps?.select}\n        labelId={id}\n        id={id}\n        value={value}\n        label={label}\n        onChange={onChange as any}\n        disabled={fetching}\n        size={size}\n        renderValue={renderValue}\n      >\n        {children}\n      </SelectComponent>\n    </StyledFormControl>\n  );\n}\n\nexport default Select;\n"],"names":["ProgressSize","Select","label","value","loading","fetching","size","fullWidth","color","children","onChange","slots","slotProps","id","useId","FormControl","InputLabelComponent","InputLabel","SelectComponent","MuiSelect","RenderValueContainerComponent","Box","LoadingIndicatorComponent","CircularProgress","FetchingIndicatorComponent","LinearProgress","renderValue","jsx","jsxs","StyledFormControl","styled"],"mappings":";;;;;;;;;AAoIA,MAAMA,IAA2C;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AACV;AA2BO,SAASC,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAA;AAGmB,EAAAH,GAAO,eAAeI;AACpD,QAAMC,IAAsBL,GAAO,cAAcM,GAC3CC,IAAkBP,GAAO,UAAUQ,GACnCC,IAAgCT,GAAO,wBAAwBU,GAC/DC,IAA4BX,GAAO,oBAAoBY,GACvDC,IAA6Bb,GAAO,qBAAqBc,GAEzDC,IAAc,CAACvB,MACfE,IAEA,gBAAAsB;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,MACP,GAAGR,GAAW;AAAA,MAEf,UAAA,gBAAAe;AAAA,QAACL;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAMtB,EAAaM,CAAI;AAAA,UACtB,GAAGM,GAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA,IAKFR,IAEA,gBAAAwB;AAAA,IAACR;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACb,GAAGR,GAAW;AAAA,MAEd,UAAA;AAAA,QAAAT;AAAAA,QACD,gBAAAwB;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,IAAI,EAAE,UAAU,YAAY,MAAM,GAAG,OAAO,GAAG,QAAQ,EAAA;AAAA,YACtD,GAAGZ,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA,IAKCT,GAGH0B,IAAoBC,EAAOf,CAAW,EAAE,MACvCP,IAIE;AAAA,IACL,OAAO;AAAA,MACL,OAAAA;AAAA,IAAA;AAAA,IAEF,oCAAoC;AAAA,MAClC,aAAa,GAAGA,CAAK;AAAA,IAAA;AAAA,IAEvB,sBAAsB;AAAA,MACpB,OAAAA;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,MACjB,MAAMA;AAAA,IAAA;AAAA,EACR,IAfO,CAAA,CAiBV;AAED,SACE,gBAAAoB,EAACC,GAAA,EAAkB,WAAAtB,GAAuB,GAAGK,GAAW,aACtD,UAAA;AAAA,IAAA,gBAAAe,EAACX,GAAA,EAAoB,IAAAH,GAAS,GAAGD,GAAW,YACzC,UAAAV,GACH;AAAA,IACA,gBAAAyB;AAAA,MAACT;AAAA,MAAA;AAAA,QACE,GAAGN,GAAW;AAAA,QACf,SAASC;AAAA,QACT,IAAAA;AAAA,QACA,OAAAV;AAAA,QACA,OAAAD;AAAA,QACA,UAAAQ;AAAA,QACA,UAAUL;AAAA,QACV,MAAAC;AAAA,QACA,aAAAoB;AAAA,QAEC,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/SkeletonCard/SkeletonCard.mjs

@@ -1,25 +1,25 @@
-import { j as r } from "../_virtual/jsx-runtime.mjs";
-import s from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import e from "../node_modules/@mui/material/esm/Skeleton/Skeleton.mjs";
-function x({
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import h from "@mui/material/Box";
+import e from "@mui/material/Skeleton";
+function f({
   width: a = "100%",
-  animation: t = !1
+  animation: r = !1
 }) {
-  return /* @__PURE__ */ r.jsxs(s, { width: a, children: [
-    /* @__PURE__ */ r.jsx(e, { animation: t, variant: "rectangular", height: 118 }),
-    /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ o(h, { width: a, children: [
+    /* @__PURE__ */ t(e, { animation: r, variant: "rectangular", height: 118 }),
+    /* @__PURE__ */ t(
       e,
       {
-        animation: t,
+        animation: r,
         variant: "rectangular",
         height: 16,
         sx: { my: 1 }
       }
     ),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ t(
       e,
       {
-        animation: t,
+        animation: r,
         variant: "rectangular",
         width: "80%",
         height: 16
@@ -28,7 +28,7 @@ function x({
   ] });
 }
 export {
-  x as SkeletonCard,
-  x as default
+  f as SkeletonCard,
+  f as default
 };
 //# sourceMappingURL=SkeletonCard.mjs.map

package/dist/SkeletonCard/SkeletonCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCard.mjs","sources":["../../src/SkeletonCard/SkeletonCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\n/**\n * Props for the SkeletonCard component.\n */\nexport interface SkeletonCardProps {\n  /**\n   * The width of the skeleton card. Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\").\n   */\n  width?: number | string;\n\n  /**\n   * The animation style for the skeleton card. Can be \"pulse\", \"wave\", or false to disable animation.\n   */\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\n/**\n * SkeletonCard component renders a skeleton loading placeholder for a card.\n */\nexport function SkeletonCard({\n  width = \"100%\",\n  animation = false,\n}: SkeletonCardProps) {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        height={16}\n        sx={{ my: 1 }}\n      />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        width=\"80%\"\n        height={16}\n      />\n    </Box>\n  );\n}\n\nexport default SkeletonCard;\n"],"names":["SkeletonCard","width","animation","jsxs","Box","jsx","Skeleton"],"mappings":";;;AAqBO,SAASA,EAAa;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,GAAsB;AACpB,SACEC,gBAAAA,OAACC,KAAI,OAAAH,GACH,UAAA;AAAA,IAAAI,gBAAAA,EAAAA,IAACC,GAAA,EAAS,WAAAJ,GAAsB,SAAQ,eAAc,QAAQ,KAAK;AAAA,IACnEG,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,QACR,IAAI,EAAE,IAAI,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAEdG,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF;AAEJ;"}
+{"version":3,"file":"SkeletonCard.mjs","sources":["../../src/SkeletonCard/SkeletonCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\n/**\n * Props for the SkeletonCard component.\n */\nexport interface SkeletonCardProps {\n  /**\n   * The width of the skeleton card. Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\").\n   */\n  width?: number | string;\n\n  /**\n   * The animation style for the skeleton card. Can be \"pulse\", \"wave\", or false to disable animation.\n   */\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\n/**\n * SkeletonCard component renders a skeleton loading placeholder for a card.\n */\nexport function SkeletonCard({\n  width = \"100%\",\n  animation = false,\n}: SkeletonCardProps) {\n  return (\n    <Box width={width}>\n      <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        height={16}\n        sx={{ my: 1 }}\n      />\n      <Skeleton\n        animation={animation}\n        variant=\"rectangular\"\n        width=\"80%\"\n        height={16}\n      />\n    </Box>\n  );\n}\n\nexport default SkeletonCard;\n"],"names":["SkeletonCard","width","animation","jsxs","Box","jsx","Skeleton"],"mappings":";;;AAqBO,SAASA,EAAa;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,GAAsB;AACpB,SACE,gBAAAC,EAACC,KAAI,OAAAH,GACH,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAA,EAAS,WAAAJ,GAAsB,SAAQ,eAAc,QAAQ,KAAK;AAAA,IACnE,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,QAAQ;AAAA,QACR,IAAI,EAAE,IAAI,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,IAEd,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAJ;AAAA,QACA,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GACF;AAEJ;"}

package/dist/SkeletonGrid/SkeletonGrid.mjs

@@ -1,13 +1,13 @@
-import { j as r } from "../_virtual/jsx-runtime.mjs";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Grid";
 import { SkeletonCard as o } from "../SkeletonCard/SkeletonCard.mjs";
 import { newArrayWithSize as n } from "../utils/arrays.mjs";
 import "@mui/material";
-import i from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
-function f({ size: t = 20 }) {
-  return /* @__PURE__ */ r.jsx(i, { container: !0, spacing: 2, children: n(t, 0).map((m, e) => /* @__PURE__ */ r.jsx(i, { size: { xs: 4 }, children: /* @__PURE__ */ r.jsx(o, { width: 1 }) }, e)) });
+function l({ size: t = 20 }) {
+  return /* @__PURE__ */ r(i, { container: !0, spacing: 2, children: n(t, 0).map((m, e) => /* @__PURE__ */ r(i, { size: { xs: 4 }, children: /* @__PURE__ */ r(o, { width: 1 }) }, e)) });
 }
 export {
-  f as SkeletonGrid,
-  f as default
+  l as SkeletonGrid,
+  l as default
 };
 //# sourceMappingURL=SkeletonGrid.mjs.map

package/dist/SkeletonGrid/SkeletonGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonGrid.mjs","sources":["../../src/SkeletonGrid/SkeletonGrid.tsx"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport SkeletonCard from \"../SkeletonCard\";\nimport { newArrayWithSize } from \"../utils\";\n\n/**\n * Props for the SkeletonGrid component.\n */\nexport interface SkeletonGridProps {\n  /**\n   * Optional size of the skeleton grid.\n   */\n  size?: number;\n}\nexport interface SkeletonGridProps {\n  size?: number;\n}\n\n/**\n * SkeletonGrid component renders a grid of skeleton cards.\n */\nexport function SkeletonGrid({ size = 20 }: SkeletonGridProps) {\n  return (\n    <Grid container spacing={2}>\n      {newArrayWithSize(size, 0).map((_, i) => (\n        <Grid key={i} size={{ xs: 4 }}>\n          <SkeletonCard width={1} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n}\n\nexport default SkeletonGrid;\n"],"names":["SkeletonGrid","size","jsx","Grid","newArrayWithSize","_","i","SkeletonCard"],"mappings":";;;;;AAoBO,SAASA,EAAa,EAAE,MAAAC,IAAO,MAAyB;AAC7D,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAK,WAAS,IAAC,SAAS,GACtB,UAAAC,EAAiBH,GAAM,CAAC,EAAE,IAAI,CAACI,GAAGC,MACjCJ,gBAAAA,EAAAA,IAACC,GAAA,EAAa,MAAM,EAAE,IAAI,EAAA,GACxB,UAAAD,gBAAAA,EAAAA,IAACK,GAAA,EAAa,OAAO,EAAA,CAAG,EAAA,GADfD,CAEX,CACD,GACH;AAEJ;"}
+{"version":3,"file":"SkeletonGrid.mjs","sources":["../../src/SkeletonGrid/SkeletonGrid.tsx"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport SkeletonCard from \"../SkeletonCard\";\nimport { newArrayWithSize } from \"../utils\";\n\n/**\n * Props for the SkeletonGrid component.\n */\nexport interface SkeletonGridProps {\n  /**\n   * Optional size of the skeleton grid.\n   */\n  size?: number;\n}\nexport interface SkeletonGridProps {\n  size?: number;\n}\n\n/**\n * SkeletonGrid component renders a grid of skeleton cards.\n */\nexport function SkeletonGrid({ size = 20 }: SkeletonGridProps) {\n  return (\n    <Grid container spacing={2}>\n      {newArrayWithSize(size, 0).map((_, i) => (\n        <Grid key={i} size={{ xs: 4 }}>\n          <SkeletonCard width={1} />\n        </Grid>\n      ))}\n    </Grid>\n  );\n}\n\nexport default SkeletonGrid;\n"],"names":["SkeletonGrid","size","jsx","Grid","newArrayWithSize","_","i","SkeletonCard"],"mappings":";;;;;AAoBO,SAASA,EAAa,EAAE,MAAAC,IAAO,MAAyB;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAK,WAAS,IAAC,SAAS,GACtB,UAAAC,EAAiBH,GAAM,CAAC,EAAE,IAAI,CAACI,GAAGC,MACjC,gBAAAJ,EAACC,GAAA,EAAa,MAAM,EAAE,IAAI,EAAA,GACxB,UAAA,gBAAAD,EAACK,GAAA,EAAa,OAAO,EAAA,CAAG,EAAA,GADfD,CAEX,CACD,GACH;AAEJ;"}

package/dist/TabCard/TabCard.mjs

@@ -1,17 +1,17 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { useState as m } from "react";
-import { useGetDefaultThemeColor as g } from "../utils/theme.mjs";
-import { TabCardContextProvider as u } from "./TabCard.context.mjs";
-import s from "../node_modules/@mui/material/esm/styles/styled.mjs";
-import f from "../node_modules/@mui/material/esm/Tabs/Tabs.mjs";
-import b from "../node_modules/@mui/material/esm/Tab/Tab.mjs";
-import T from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
-import h from "../node_modules/@mui/material/esm/Box/Box.mjs";
-const x = s((o) => /* @__PURE__ */ t.jsx(
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import g from "@mui/material/Box";
+import m from "@mui/material/Paper";
+import { styled as l } from "@mui/material/styles";
+import b from "@mui/material/Tab";
+import f from "@mui/material/Tabs";
+import { useState as u } from "react";
+import { useGetDefaultThemeColor as T } from "../utils/theme.mjs";
+import { TabCardContextProvider as h } from "./TabCard.context.mjs";
+const y = l((o) => /* @__PURE__ */ t(
   f,
   {
     ...o,
-    TabIndicatorProps: { children: /* @__PURE__ */ t.jsx("span", { className: "MuiTabs-indicatorSpan" }) }
+    TabIndicatorProps: { children: /* @__PURE__ */ t("span", { className: "MuiTabs-indicatorSpan" }) }
   }
 ))(({ theme: o }) => ({
   minHeight: o.spacing(5),
@@ -25,7 +25,7 @@ const x = s((o) => /* @__PURE__ */ t.jsx(
     width: "100%",
     backgroundColor: o.palette.primary.main
   }
-})), y = s(b)(({ theme: o }) => ({
+})), C = l(b)(({ theme: o }) => ({
   textTransform: "none",
   fontWeight: o.typography.fontWeightRegular,
   marginRight: o.spacing(1),
@@ -38,18 +38,18 @@ const x = s((o) => /* @__PURE__ */ t.jsx(
     fontWeight: o.typography.fontWeightBold
   }
 }));
-function k({
+function H({
   children: o,
-  tabs: i,
-  initialTab: l = 0,
+  tabs: n,
+  initialTab: s = 0,
   onChangeTab: p = () => null
 }) {
-  const d = g(), [n, e] = m(l), c = (r, a) => {
-    e(a), p(i[a], a);
-  };
-  return /* @__PURE__ */ t.jsx(u, { value: [n, e], children: /* @__PURE__ */ t.jsxs(T, { variant: "outlined", children: [
-    /* @__PURE__ */ t.jsx(h, { bgcolor: d, children: /* @__PURE__ */ t.jsx(x, { value: n, onChange: c, children: i.map(({ text: r, icon: a }) => /* @__PURE__ */ t.jsx(
-      y,
+  const d = T(), [e, i] = u(s);
+  return /* @__PURE__ */ t(h, { value: [e, i], children: /* @__PURE__ */ c(m, { variant: "outlined", children: [
+    /* @__PURE__ */ t(g, { bgcolor: d, children: /* @__PURE__ */ t(y, { value: e, onChange: (r, a) => {
+      i(a), p(n[a], a);
+    }, children: n.map(({ text: r, icon: a }) => /* @__PURE__ */ t(
+      C,
       {
         iconPosition: "start",
         disableRipple: !0,
@@ -62,7 +62,7 @@ function k({
   ] }) });
 }
 export {
-  k as TabCard,
-  k as default
+  H as TabCard,
+  H as default
 };
 //# sourceMappingURL=TabCard.mjs.map

package/dist/TabCard/TabCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabCard.mjs","sources":["../../src/TabCard/TabCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Paper from \"@mui/material/Paper\";\nimport { styled } from \"@mui/material/styles\";\nimport Tab from \"@mui/material/Tab\";\nimport Tabs from \"@mui/material/Tabs\";\nimport { type ReactElement, type SyntheticEvent, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { TabCardContextProvider } from \"./TabCard.context\";\n\n/**\n * Tab configuration data\n */\nexport interface TabData {\n  /**\n   * Tab label text\n   */\n  text: string;\n  /**\n   * Optional icon element\n   */\n  icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: number;\n  onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <Tabs\n    {...props}\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))(({ theme }) => ({\n  minHeight: theme.spacing(5),\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    maxWidth: 40,\n    width: \"100%\",\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n  textTransform: \"none\",\n  fontWeight: theme.typography.fontWeightRegular,\n  marginRight: theme.spacing(1),\n  color: theme.palette.text.secondary,\n  paddingTop: 0,\n  paddingBottom: 0,\n  minHeight: theme.spacing(5),\n  \"&.Mui-selected\": {\n    color: theme.palette.text.secondary,\n    fontWeight: theme.typography.fontWeightBold,\n  },\n}));\n\n/**\n * Props for the TabCard component\n */\nexport interface TabCardProps {\n  /**\n   * Array of tab configurations\n   */\n  tabs: TabData[];\n  /**\n   * Index of the initially selected tab\n   * @default 0\n   */\n  initialTab?: number;\n  /**\n   * Callback when tab selection changes\n   * @param tab - The selected tab data\n   * @param index - Index of the selected tab\n   */\n  onChangeTab?: (tab: TabData, index: number) => void;\n  /**\n   * Content to display in the tab panels\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Card component with tabbed navigation\n */\nexport function TabCard({\n  children,\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n}: TabCardProps) {\n  const bgColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  const handleChangeTab = (\n    _: SyntheticEvent<Element, Event>,\n    index: number,\n  ) => {\n    setSelectedTab(index);\n    onChangeTab(tabs[index], index);\n  };\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <Paper variant=\"outlined\">\n        <Box bgcolor={bgColor}>\n          <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n            {tabs.map(({ text, icon }) => (\n              <StyledTab\n                iconPosition=\"start\"\n                disableRipple\n                key={text}\n                label={text}\n                icon={icon}\n              />\n            ))}\n          </StyledTabs>\n        </Box>\n        {children}\n      </Paper>\n    </TabCardContextProvider>\n  );\n}\n\nexport default TabCard;\n"],"names":["StyledTabs","styled","props","jsx","Tabs","theme","StyledTab","Tab","TabCard","children","tabs","initialTab","onChangeTab","bgColor","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","handleChangeTab","_","index","TabCardContextProvider","jsxs","Paper","Box","text","icon"],"mappings":";;;;;;;;;AA6BA,MAAMA,IAAaC,EAAO,CAACC,MACzBC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,mBAAmB,EAAE,gCAAW,QAAA,EAAK,WAAU,yBAAwB,EAAA;AAAA,EAAG;AAC5E,CACD,EAAE,CAAC,EAAE,OAAAG,SAAa;AAAA,EACjB,WAAWA,EAAM,QAAQ,CAAC;AAAA,EAC1B,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAAA,EAEnB,4BAA4B;AAAA,IAC1B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,iBAAiBA,EAAM,QAAQ,QAAQ;AAAA,EAAA;AAE3C,EAAE,GAEIC,IAAYL,EAAOM,CAAG,EAAE,CAAC,EAAE,OAAAF,SAAa;AAAA,EAC5C,eAAe;AAAA,EACf,YAAYA,EAAM,WAAW;AAAA,EAC7B,aAAaA,EAAM,QAAQ,CAAC;AAAA,EAC5B,OAAOA,EAAM,QAAQ,KAAK;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAWA,EAAM,QAAQ,CAAC;AAAA,EAC1B,kBAAkB;AAAA,IAChB,OAAOA,EAAM,QAAQ,KAAK;AAAA,IAC1B,YAAYA,EAAM,WAAW;AAAA,EAAA;AAEjC,EAAE;AA8BK,SAASG,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc,MAAM;AACtB,GAAiB;AACf,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAaC,CAAc,IAAIC,EAASN,CAAU,GAEnDO,IAAkB,CACtBC,GACAC,MACG;AACH,IAAAJ,EAAeI,CAAK,GACpBR,EAAYF,EAAKU,CAAK,GAAGA,CAAK;AAAA,EAChC;AAEA,SACEjB,gBAAAA,EAAAA,IAACkB,GAAA,EAAuB,OAAO,CAACN,GAAaC,CAAc,GACzD,UAAAM,gBAAAA,EAAAA,KAACC,GAAA,EAAM,SAAQ,YACb,UAAA;AAAA,IAAApB,gBAAAA,MAACqB,GAAA,EAAI,SAASX,GACZ,UAAAV,gBAAAA,EAAAA,IAACH,KAAW,OAAOe,GAAa,UAAUG,GACvC,YAAK,IAAI,CAAC,EAAE,MAAAO,GAAM,MAAAC,QACjBvB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,eAAa;AAAA,QAEb,OAAOmB;AAAA,QACP,MAAAC;AAAA,MAAA;AAAA,MAFKD;AAAA,IAAA,CAIR,GACH,EAAA,CACF;AAAA,IACChB;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"TabCard.mjs","sources":["../../src/TabCard/TabCard.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Paper from \"@mui/material/Paper\";\nimport { styled } from \"@mui/material/styles\";\nimport Tab from \"@mui/material/Tab\";\nimport Tabs from \"@mui/material/Tabs\";\nimport { type ReactElement, type SyntheticEvent, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { TabCardContextProvider } from \"./TabCard.context\";\n\n/**\n * Tab configuration data\n */\nexport interface TabData {\n  /**\n   * Tab label text\n   */\n  text: string;\n  /**\n   * Optional icon element\n   */\n  icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n  children?: React.ReactNode;\n  value: number;\n  onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n  <Tabs\n    {...props}\n    TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n  />\n))(({ theme }) => ({\n  minHeight: theme.spacing(5),\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n  },\n  \"& .MuiTabs-indicatorSpan\": {\n    maxWidth: 40,\n    width: \"100%\",\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n  textTransform: \"none\",\n  fontWeight: theme.typography.fontWeightRegular,\n  marginRight: theme.spacing(1),\n  color: theme.palette.text.secondary,\n  paddingTop: 0,\n  paddingBottom: 0,\n  minHeight: theme.spacing(5),\n  \"&.Mui-selected\": {\n    color: theme.palette.text.secondary,\n    fontWeight: theme.typography.fontWeightBold,\n  },\n}));\n\n/**\n * Props for the TabCard component\n */\nexport interface TabCardProps {\n  /**\n   * Array of tab configurations\n   */\n  tabs: TabData[];\n  /**\n   * Index of the initially selected tab\n   * @default 0\n   */\n  initialTab?: number;\n  /**\n   * Callback when tab selection changes\n   * @param tab - The selected tab data\n   * @param index - Index of the selected tab\n   */\n  onChangeTab?: (tab: TabData, index: number) => void;\n  /**\n   * Content to display in the tab panels\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Card component with tabbed navigation\n */\nexport function TabCard({\n  children,\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n}: TabCardProps) {\n  const bgColor = useGetDefaultThemeColor();\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  const handleChangeTab = (\n    _: SyntheticEvent<Element, Event>,\n    index: number,\n  ) => {\n    setSelectedTab(index);\n    onChangeTab(tabs[index], index);\n  };\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <Paper variant=\"outlined\">\n        <Box bgcolor={bgColor}>\n          <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n            {tabs.map(({ text, icon }) => (\n              <StyledTab\n                iconPosition=\"start\"\n                disableRipple\n                key={text}\n                label={text}\n                icon={icon}\n              />\n            ))}\n          </StyledTabs>\n        </Box>\n        {children}\n      </Paper>\n    </TabCardContextProvider>\n  );\n}\n\nexport default TabCard;\n"],"names":["StyledTabs","styled","props","jsx","Tabs","theme","StyledTab","Tab","TabCard","children","tabs","initialTab","onChangeTab","bgColor","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","TabCardContextProvider","jsxs","Paper","Box","_","index","text","icon"],"mappings":";;;;;;;;;AA6BA,MAAMA,IAAaC,EAAO,CAACC,MACzB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,mBAAmB,EAAE,4BAAW,QAAA,EAAK,WAAU,yBAAwB,EAAA;AAAA,EAAG;AAC5E,CACD,EAAE,CAAC,EAAE,OAAAG,SAAa;AAAA,EACjB,WAAWA,EAAM,QAAQ,CAAC;AAAA,EAC1B,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAAA,EAEnB,4BAA4B;AAAA,IAC1B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,iBAAiBA,EAAM,QAAQ,QAAQ;AAAA,EAAA;AAE3C,EAAE,GAEIC,IAAYL,EAAOM,CAAG,EAAE,CAAC,EAAE,OAAAF,SAAa;AAAA,EAC5C,eAAe;AAAA,EACf,YAAYA,EAAM,WAAW;AAAA,EAC7B,aAAaA,EAAM,QAAQ,CAAC;AAAA,EAC5B,OAAOA,EAAM,QAAQ,KAAK;AAAA,EAC1B,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAWA,EAAM,QAAQ,CAAC;AAAA,EAC1B,kBAAkB;AAAA,IAChB,OAAOA,EAAM,QAAQ,KAAK;AAAA,IAC1B,YAAYA,EAAM,WAAW;AAAA,EAAA;AAEjC,EAAE;AA8BK,SAASG,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc,MAAM;AACtB,GAAiB;AACf,QAAMC,IAAUC,EAAA,GACV,CAACC,GAAaC,CAAc,IAAIC,EAASN,CAAU;AAUzD,SACE,gBAAAR,EAACe,GAAA,EAAuB,OAAO,CAACH,GAAaC,CAAc,GACzD,UAAA,gBAAAG,EAACC,GAAA,EAAM,SAAQ,YACb,UAAA;AAAA,IAAA,gBAAAjB,EAACkB,GAAA,EAAI,SAASR,GACZ,UAAA,gBAAAV,EAACH,KAAW,OAAOe,GAAa,UAZhB,CACtBO,GACAC,MACG;AACH,MAAAP,EAAeO,CAAK,GACpBX,EAAYF,EAAKa,CAAK,GAAGA,CAAK;AAAA,IAChC,GAOW,YAAK,IAAI,CAAC,EAAE,MAAAC,GAAM,MAAAC,QACjB,gBAAAtB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,eAAa;AAAA,QAEb,OAAOkB;AAAA,QACP,MAAAC;AAAA,MAAA;AAAA,MAFKD;AAAA,IAAA,CAIR,GACH,EAAA,CACF;AAAA,IACCf;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/TabPanel/TabPanel.mjs

@@ -1,18 +1,18 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import { useTab as l } from "../TabProvider/TabProvider.context.mjs";
+import { jsx as e } from "react/jsx-runtime";
+import o from "@mui/material/Box";
+import { useTab as t } from "../TabProvider/TabProvider.context.mjs";
 import "react";
-import o from "../node_modules/@mui/material/esm/Box/Box.mjs";
 function n({ children: i, index: r }) {
-  const [t] = l();
-  let a = t === r;
-  return Array.isArray(r) && (a = r.includes(t)), /* @__PURE__ */ e.jsx(
+  const [l] = t();
+  let a = l === r;
+  return Array.isArray(r) && (a = r.includes(l)), /* @__PURE__ */ e(
     "div",
     {
       role: "tabpanel",
       hidden: !a,
       id: `simple-tabpanel-${r}`,
       "aria-labelledby": `simple-tab-${r}`,
-      children: a && /* @__PURE__ */ e.jsx(o, { sx: { p: 3 }, children: i })
+      children: a && /* @__PURE__ */ e(o, { sx: { p: 3 }, children: i })
     }
   );
 }

package/dist/TabPanel/TabPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.mjs","sources":["../../src/TabPanel/TabPanel.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { useTab } from \"../TabProvider\";\n\n/**\n * Props for the TabPanel component\n */\ninterface TabPanelProps {\n  /**\n   * Panel content\n   */\n  children?: React.ReactNode;\n  /**\n   * Tab index or array of indices that this panel corresponds to\n   */\n  index: number | number[];\n}\n\n/**\n * Content panel that displays when its associated tab is active\n */\nexport function TabPanel({ children, index }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n    >\n      {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","index","value","useTab","isTab","jsx","Box"],"mappings":";;;;AAoBO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,KAAwB;AAC3D,QAAM,CAACC,CAAK,IAAIC,EAAA;AAChB,MAAIC,IAAQF,MAAUD;AACtB,SAAI,MAAM,QAAQA,CAAK,MACrBG,IAAQH,EAAM,SAASC,CAAK,IAI5BG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ,CAACD;AAAA,MACT,IAAI,mBAAmBH,CAAK;AAAA,MAC5B,mBAAiB,cAAcA,CAAK;AAAA,MAEnC,UAAAG,2BAAUE,GAAA,EAAI,IAAI,EAAE,GAAG,EAAA,GAAM,UAAAN,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7C;"}
+{"version":3,"file":"TabPanel.mjs","sources":["../../src/TabPanel/TabPanel.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { useTab } from \"../TabProvider\";\n\n/**\n * Props for the TabPanel component\n */\ninterface TabPanelProps {\n  /**\n   * Panel content\n   */\n  children?: React.ReactNode;\n  /**\n   * Tab index or array of indices that this panel corresponds to\n   */\n  index: number | number[];\n}\n\n/**\n * Content panel that displays when its associated tab is active\n */\nexport function TabPanel({ children, index }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n    >\n      {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","index","value","useTab","isTab","jsx","Box"],"mappings":";;;;AAoBO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,KAAwB;AAC3D,QAAM,CAACC,CAAK,IAAIC,EAAA;AAChB,MAAIC,IAAQF,MAAUD;AACtB,SAAI,MAAM,QAAQA,CAAK,MACrBG,IAAQH,EAAM,SAASC,CAAK,IAI5B,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ,CAACD;AAAA,MACT,IAAI,mBAAmBH,CAAK;AAAA,MAC5B,mBAAiB,cAAcA,CAAK;AAAA,MAEnC,UAAAG,uBAAUE,GAAA,EAAI,IAAI,EAAE,GAAG,EAAA,GAAM,UAAAN,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7C;"}

package/dist/TabProvider/TabProvider.provider.mjs

@@ -1,14 +1,14 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
+import { jsx as e } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { TabContextProvider as m } from "./TabProvider.context.mjs";
-const p = ({
+const s = ({
   children: t,
   initialValue: r = 0
 }) => {
   const o = a(r);
-  return /* @__PURE__ */ e.jsx(m, { value: o, children: t });
+  return /* @__PURE__ */ e(m, { value: o, children: t });
 };
 export {
-  p as TabProvider
+  s as TabProvider
 };
 //# sourceMappingURL=TabProvider.provider.mjs.map

package/dist/TabProvider/TabProvider.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabProvider.provider.mjs","sources":["../../src/TabProvider/TabProvider.provider.tsx"],"sourcesContent":["import { type PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./TabProvider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({\n  children,\n  initialValue = 0,\n}: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabProvider","children","initialValue","tabState","useState","jsx","TabContextProvider"],"mappings":";;;AAOO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAwB;AACtB,QAAMC,IAAWC,EAASF,CAAY;AAEtC,SAAOG,gBAAAA,EAAAA,IAACC,GAAA,EAAmB,OAAOH,GAAW,UAAAF,EAAA,CAAS;AACxD;"}
+{"version":3,"file":"TabProvider.provider.mjs","sources":["../../src/TabProvider/TabProvider.provider.tsx"],"sourcesContent":["import { type PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./TabProvider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({\n  children,\n  initialValue = 0,\n}: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabProvider","children","initialValue","tabState","useState","jsx","TabContextProvider"],"mappings":";;;AAOO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAwB;AACtB,QAAMC,IAAWC,EAASF,CAAY;AAEtC,SAAO,gBAAAG,EAACC,GAAA,EAAmB,OAAOH,GAAW,UAAAF,EAAA,CAAS;AACxD;"}

package/dist/TextField/TextField.mjs

@@ -1,89 +1,85 @@
-import { j as r } from "../_virtual/jsx-runtime.mjs";
-import v from "../node_modules/@mui/utils/esm/useId/useId.mjs";
-import H from "../node_modules/@mui/material/esm/FormControl/FormControl.mjs";
-import O from "../node_modules/@mui/material/esm/InputLabel/InputLabel.mjs";
-import k from "../node_modules/@mui/material/esm/OutlinedInput/OutlinedInput.mjs";
-import z from "../node_modules/@mui/material/esm/InputAdornment/InputAdornment.mjs";
-import B from "../node_modules/@mui/material/esm/CircularProgress/CircularProgress.mjs";
-import E from "../node_modules/@mui/material/esm/LinearProgress/LinearProgress.mjs";
-import R from "../node_modules/@mui/material/esm/FormHelperText/FormHelperText.mjs";
-import S from "../node_modules/@mui/material/esm/Autocomplete/autocompleteClasses.mjs";
-import q from "../node_modules/@mui/material/esm/IconButton/iconButtonClasses.mjs";
-import w from "../node_modules/@mui/material/esm/LinearProgress/linearProgressClasses.mjs";
-import y from "../node_modules/@mui/material/esm/CircularProgress/circularProgressClasses.mjs";
-import D from "../node_modules/@mui/material/esm/InputLabel/inputLabelClasses.mjs";
-import a from "../node_modules/@mui/material/esm/OutlinedInput/outlinedInputClasses.mjs";
-function no({
-  id: l,
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { autocompleteClasses as H } from "@mui/material/Autocomplete";
+import O, { circularProgressClasses as k } from "@mui/material/CircularProgress";
+import z from "@mui/material/FormControl";
+import B from "@mui/material/FormHelperText";
+import { iconButtonClasses as S } from "@mui/material/IconButton";
+import q from "@mui/material/InputAdornment";
+import w, { inputLabelClasses as y } from "@mui/material/InputLabel";
+import D, { linearProgressClasses as E } from "@mui/material/LinearProgress";
+import G, { outlinedInputClasses as u } from "@mui/material/OutlinedInput";
+import J from "@mui/utils/useId";
+function W({
+  id: s,
   label: i,
-  InputLabelProps: u,
-  InputProps: p,
-  fetching: f,
-  loading: d,
+  InputLabelProps: f,
+  InputProps: d,
+  fetching: C,
+  loading: c,
   helperText: m,
-  hexColor: o,
-  size: c,
-  fullWidth: s,
-  sx: C,
-  slots: n,
+  hexColor: n,
+  size: p,
+  fullWidth: a,
+  sx: I,
+  slots: o,
   slotProps: t,
-  ...I
+  ...g
 }) {
-  const e = v(l), x = m && e ? `${e}-helper-text` : void 0, g = i && e ? `${e}-label` : void 0, b = n?.formControl ?? H, $ = n?.inputLabel ?? O, j = n?.input ?? k, h = n?.inputAdornment ?? z, L = n?.loadingIndicator ?? B, A = n?.fetchingIndicator ?? E, F = n?.helperText ?? R, T = o ? {
-    [`& .${a.notchedOutline}`]: {
-      borderColor: `${o} !important`
+  const r = J(s), b = m && r ? `${r}-helper-text` : void 0, $ = i && r ? `${r}-label` : void 0, h = o?.formControl ?? z, L = o?.inputLabel ?? w, x = o?.input ?? G, A = o?.inputAdornment ?? q, F = o?.loadingIndicator ?? O, T = o?.fetchingIndicator ?? D, j = o?.helperText ?? B, v = n ? {
+    [`& .${u.notchedOutline}`]: {
+      borderColor: `${n} !important`
     },
-    [`& .${D.root}`]: {
-      color: o
+    [`& .${y.root}`]: {
+      color: n
     },
-    [`& .${a.input}`]: {
-      color: o
+    [`& .${u.input}`]: {
+      color: n
     },
-    [`& .${y.root}`]: {
-      color: o
+    [`& .${k.root}`]: {
+      color: n
     },
-    [`& .${w.bar}`]: {
-      backgroundColor: o
+    [`& .${E.bar}`]: {
+      backgroundColor: n
     },
-    [`& .${S.endAdornment} .${q.root}`]: {
-      color: o
+    [`& .${H.endAdornment} .${S.root}`]: {
+      color: n
     }
   } : {};
-  return /* @__PURE__ */ r.jsxs(
-    b,
+  return /* @__PURE__ */ l(
+    h,
     {
-      sx: T,
-      fullWidth: s,
+      sx: v,
+      fullWidth: a,
       ...t?.formControl,
       children: [
-        /* @__PURE__ */ r.jsx(
-          $,
+        /* @__PURE__ */ e(
+          L,
           {
-            size: c === "small" ? "small" : "medium",
-            id: g,
-            htmlFor: e,
-            ...u,
+            size: p === "small" ? "small" : "medium",
+            id: $,
+            htmlFor: r,
+            ...f,
             ...t?.inputLabel,
             children: i
           }
         ),
-        /* @__PURE__ */ r.jsx(
-          j,
+        /* @__PURE__ */ e(
+          x,
           {
-            ...p,
-            id: e,
+            ...d,
+            id: r,
             label: i,
-            size: c,
-            fullWidth: s,
-            endAdornment: /* @__PURE__ */ r.jsxs(
-              h,
+            size: p,
+            fullWidth: a,
+            endAdornment: /* @__PURE__ */ l(
+              A,
               {
                 position: "end",
                 ...t?.inputAdornment,
                 children: [
-                  p?.endAdornment,
-                  d ? /* @__PURE__ */ r.jsx(
-                    L,
+                  d?.endAdornment,
+                  c ? /* @__PURE__ */ e(
+                    F,
                     {
                       color: "inherit",
                       size: 20,
@@ -94,26 +90,26 @@ function no({
                 ]
               }
             ),
-            sx: C,
-            ...I,
+            sx: I,
+            ...g,
             ...t?.input
           }
         ),
-        f && !d && /* @__PURE__ */ r.jsx(
-          A,
+        C && !c && /* @__PURE__ */ e(
+          T,
           {
             color: "inherit",
             sx: { position: "absolute", left: 0, right: 0, bottom: 0 },
             ...t?.fetchingIndicator
           }
         ),
-        m && /* @__PURE__ */ r.jsx(F, { id: x, ...t?.helperText, children: m })
+        m && /* @__PURE__ */ e(j, { id: b, ...t?.helperText, children: m })
       ]
     }
   );
 }
 export {
-  no as TextField,
-  no as default
+  W as TextField,
+  W as default
 };
 //# sourceMappingURL=TextField.mjs.map