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

package/dist/TabCard/TabCard.mjs.map

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

@@ -1,22 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Props for the TabCardPanel component
- */
-export interface TabCardPanelProps {
-    /**
-     * Tab index or array of indices that this panel corresponds to
-     */
-    index: number | number[];
-    /**
-     * Custom styles
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Content to display when the panel is active
-     */
-    children?: React.ReactNode;
-}
-/**
- * Content panel for TabCard that displays when its tab is active
- */
-export default function TabCardPanel({ index, children, sx, }: TabCardPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/TabCard/index.d.ts

@@ -1,3 +0,0 @@
-export type { TabCardProps, TabData } from './TabCard';
-export { default, default as TabCard } from './TabCard';
-export * from './TabCardPanel';

package/dist/TabPanel/TabPanel.d.ts

@@ -1,18 +0,0 @@
-/**
- * Props for the TabPanel component
- */
-interface TabPanelProps {
-    /**
-     * Panel content
-     */
-    children?: React.ReactNode;
-    /**
-     * Tab index or array of indices that this panel corresponds to
-     */
-    index: number | number[];
-}
-/**
- * Content panel that displays when its associated tab is active
- */
-export declare function TabPanel({ children, index }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/TabPanel/TabPanel.mjs

@@ -1,22 +0,0 @@
-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";
-function n({ children: i, index: r }) {
-  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(o, { sx: { p: 3 }, children: i })
-    }
-  );
-}
-export {
-  n as TabPanel
-};
-//# sourceMappingURL=TabPanel.mjs.map

package/dist/TabPanel/TabPanel.mjs.map

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

@@ -1 +0,0 @@
-export * from './TabPanel';

package/dist/TabProvider/TabProvider.context.d.ts

@@ -1,4 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export declare const TabContext: import('react').Context<[number, Dispatch<SetStateAction<number>>]>;
-export declare const TabContextProvider: import('react').Provider<[number, Dispatch<SetStateAction<number>>]>;
-export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/dist/TabProvider/TabProvider.context.mjs

@@ -1,8 +0,0 @@
-import { createContext as o, useContext as e } from "react";
-const t = o([0, () => null]), r = t.Provider, s = () => e(t);
-export {
-  t as TabContext,
-  r as TabContextProvider,
-  s as useTab
-};
-//# sourceMappingURL=TabProvider.context.mjs.map

package/dist/TabProvider/TabProvider.context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabProvider.context.mjs","sources":["../../src/TabProvider/TabProvider.context.ts"],"sourcesContent":["import {\n  createContext,\n  type Dispatch,\n  type SetStateAction,\n  useContext,\n} from \"react\";\n\nexport const TabContext = createContext<\n  [number, Dispatch<SetStateAction<number>>]\n>([0, () => null]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n"],"names":["TabContext","createContext","TabContextProvider","useTab","useContext"],"mappings":";AAOO,MAAMA,IAAaC,EAExB,CAAC,GAAG,MAAM,IAAI,CAAC,GACJC,IAAqBF,EAAW,UAChCG,IAAS,MAAMC,EAAWJ,CAAU;"}

package/dist/TabProvider/TabProvider.provider.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-type TabProviderProps = PropsWithChildren<{
-    initialValue?: number;
-}>;
-export declare const TabProvider: ({ children, initialValue, }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/TabProvider/TabProvider.provider.mjs

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

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

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

@@ -1,2 +0,0 @@
-export * from './TabProvider.context';
-export * from './TabProvider.provider';

package/dist/TextField/TextField.d.ts

@@ -1,127 +0,0 @@
-import { CircularProgressProps, TextFieldProps as MuiTextFieldProps } from '@mui/material';
-import { FormControlProps } from '@mui/material/FormControl';
-import { FormHelperTextProps } from '@mui/material/FormHelperText';
-import { InputAdornmentProps } from '@mui/material/InputAdornment';
-import { InputLabelProps as MuiInputLabelProps } from '@mui/material/InputLabel';
-import { LinearProgressProps } from '@mui/material/LinearProgress';
-import { OutlinedInputProps } from '@mui/material/OutlinedInput';
-import { JSXElementConstructor } from 'react';
-/**
- * Interface representing the slots for the TextField component.
- */
-export interface TextFieldSlots {
-    /**
-     * Root form control component
-     */
-    formControl?: JSXElementConstructor<FormControlProps>;
-    /**
-     * Input label component
-     */
-    inputLabel?: JSXElementConstructor<MuiInputLabelProps>;
-    /**
-     * Input component
-     */
-    input?: JSXElementConstructor<OutlinedInputProps>;
-    /**
-     * Input adornment component for end position
-     */
-    inputAdornment?: JSXElementConstructor<InputAdornmentProps>;
-    /**
-     * Loading indicator component
-     */
-    loadingIndicator?: JSXElementConstructor<CircularProgressProps>;
-    /**
-     * Fetching indicator component
-     */
-    fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;
-    /**
-     * Helper text component
-     */
-    helperText?: JSXElementConstructor<FormHelperTextProps>;
-}
-/**
- * Interface representing the slot properties for the TextField component.
- */
-export interface TextFieldSlotProps {
-    /**
-     * Props for the form control
-     */
-    formControl?: Partial<FormControlProps>;
-    /**
-     * Props for the input label
-     */
-    inputLabel?: Partial<MuiInputLabelProps>;
-    /**
-     * Props for the input
-     */
-    input?: Partial<OutlinedInputProps>;
-    /**
-     * Props for the input adornment
-     */
-    inputAdornment?: Partial<InputAdornmentProps>;
-    /**
-     * Props for the loading indicator
-     */
-    loadingIndicator?: Partial<CircularProgressProps>;
-    /**
-     * Props for the fetching indicator
-     */
-    fetchingIndicator?: Partial<LinearProgressProps>;
-    /**
-     * Props for the helper text
-     */
-    helperText?: Partial<FormHelperTextProps>;
-}
-/**
- * Props for the TextField component.
- *
- * @extends MuiTextFieldProps
- */
-export type TextFieldProps = MuiTextFieldProps & {
-    /**
-     * Indicates if the field is in a fetching state.
-     */
-    fetching?: boolean;
-    /**
-     * Indicates if the field is in a loading state.
-     */
-    loading?: boolean;
-    /**
-     * Optional hex color code for the text field.
-     */
-    hexColor?: string;
-    /**
-     * Optional slots for custom rendering within the text field
-     */
-    slots?: TextFieldSlots;
-    /**
-     * Optional props for the slots
-     */
-    slotProps?: TextFieldSlotProps;
-};
-/**
- * A customizable TextField component that extends the functionality of the Material-UI TextField component
- * and supports various props for styling and functionality.
- *
- * Supports extensive customization through slots and slotProps.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TextField label="Email" />
- *
- * // With loading state
- * <TextField label="Search" loading />
- *
- * // Custom loading indicator size
- * <TextField
- *   label="Username"
- *   loading
- *   slotProps={{
- *     loadingIndicator: { size: 24 }
- *   }}
- * />
- * ```
- */
-export declare function TextField({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, slots, slotProps, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
-export default TextField;

package/dist/TextField/TextField.mjs

@@ -1,115 +0,0 @@
-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: f,
-  InputProps: d,
-  fetching: C,
-  loading: c,
-  helperText: m,
-  hexColor: n,
-  size: p,
-  fullWidth: a,
-  sx: I,
-  slots: o,
-  slotProps: t,
-  ...g
-}) {
-  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`
-    },
-    [`& .${y.root}`]: {
-      color: n
-    },
-    [`& .${u.input}`]: {
-      color: n
-    },
-    [`& .${k.root}`]: {
-      color: n
-    },
-    [`& .${E.bar}`]: {
-      backgroundColor: n
-    },
-    [`& .${H.endAdornment} .${S.root}`]: {
-      color: n
-    }
-  } : {};
-  return /* @__PURE__ */ l(
-    h,
-    {
-      sx: v,
-      fullWidth: a,
-      ...t?.formControl,
-      children: [
-        /* @__PURE__ */ e(
-          L,
-          {
-            size: p === "small" ? "small" : "medium",
-            id: $,
-            htmlFor: r,
-            ...f,
-            ...t?.inputLabel,
-            children: i
-          }
-        ),
-        /* @__PURE__ */ e(
-          x,
-          {
-            ...d,
-            id: r,
-            label: i,
-            size: p,
-            fullWidth: a,
-            endAdornment: /* @__PURE__ */ l(
-              A,
-              {
-                position: "end",
-                ...t?.inputAdornment,
-                children: [
-                  d?.endAdornment,
-                  c ? /* @__PURE__ */ e(
-                    F,
-                    {
-                      color: "inherit",
-                      size: 20,
-                      sx: { ml: 1 },
-                      ...t?.loadingIndicator
-                    }
-                  ) : null
-                ]
-              }
-            ),
-            sx: I,
-            ...g,
-            ...t?.input
-          }
-        ),
-        C && !c && /* @__PURE__ */ e(
-          T,
-          {
-            color: "inherit",
-            sx: { position: "absolute", left: 0, right: 0, bottom: 0 },
-            ...t?.fetchingIndicator
-          }
-        ),
-        m && /* @__PURE__ */ e(j, { id: b, ...t?.helperText, children: m })
-      ]
-    }
-  );
-}
-export {
-  W as TextField,
-  W as default
-};
-//# sourceMappingURL=TextField.mjs.map

package/dist/TextField/TextField.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.mjs","sources":["../../src/TextField/TextField.tsx"],"sourcesContent":["import type {\n  CircularProgressProps,\n  TextFieldProps as MuiTextFieldProps,\n} from \"@mui/material\";\nimport { autocompleteClasses } from \"@mui/material/Autocomplete\";\nimport CircularProgress, {\n  circularProgressClasses,\n} from \"@mui/material/CircularProgress\";\nimport FormControl, { type FormControlProps } from \"@mui/material/FormControl\";\nimport FormHelperText, {\n  type FormHelperTextProps,\n} from \"@mui/material/FormHelperText\";\nimport { iconButtonClasses } from \"@mui/material/IconButton\";\nimport InputAdornment, {\n  type InputAdornmentProps,\n} from \"@mui/material/InputAdornment\";\nimport InputLabel, {\n  inputLabelClasses,\n  type InputLabelProps as MuiInputLabelProps,\n} from \"@mui/material/InputLabel\";\nimport LinearProgress, {\n  type LinearProgressProps,\n  linearProgressClasses,\n} from \"@mui/material/LinearProgress\";\nimport OutlinedInput, {\n  type OutlinedInputProps,\n  outlinedInputClasses,\n} from \"@mui/material/OutlinedInput\";\nimport useId from \"@mui/utils/useId\";\nimport type { JSXElementConstructor } from \"react\";\n\n/**\n * Interface representing the slots for the TextField component.\n */\nexport interface TextFieldSlots {\n  /**\n   * Root form control component\n   */\n  formControl?: JSXElementConstructor<FormControlProps>;\n  /**\n   * Input label component\n   */\n  inputLabel?: JSXElementConstructor<MuiInputLabelProps>;\n  /**\n   * Input component\n   */\n  input?: JSXElementConstructor<OutlinedInputProps>;\n  /**\n   * Input adornment component for end position\n   */\n  inputAdornment?: JSXElementConstructor<InputAdornmentProps>;\n  /**\n   * Loading indicator component\n   */\n  loadingIndicator?: JSXElementConstructor<CircularProgressProps>;\n  /**\n   * Fetching indicator component\n   */\n  fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;\n  /**\n   * Helper text component\n   */\n  helperText?: JSXElementConstructor<FormHelperTextProps>;\n}\n\n/**\n * Interface representing the slot properties for the TextField component.\n */\nexport interface TextFieldSlotProps {\n  /**\n   * Props for the form control\n   */\n  formControl?: Partial<FormControlProps>;\n  /**\n   * Props for the input label\n   */\n  inputLabel?: Partial<MuiInputLabelProps>;\n  /**\n   * Props for the input\n   */\n  input?: Partial<OutlinedInputProps>;\n  /**\n   * Props for the input adornment\n   */\n  inputAdornment?: Partial<InputAdornmentProps>;\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   * Props for the helper text\n   */\n  helperText?: Partial<FormHelperTextProps>;\n}\n\n/**\n * Props for the TextField component.\n *\n * @extends MuiTextFieldProps\n */\nexport type TextFieldProps = MuiTextFieldProps & {\n  /**\n   * Indicates if the field is in a fetching state.\n   */\n  fetching?: boolean;\n  /**\n   * Indicates if the field is in a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Optional hex color code for the text field.\n   */\n  hexColor?: string;\n  /**\n   * Optional slots for custom rendering within the text field\n   */\n  slots?: TextFieldSlots;\n  /**\n   * Optional props for the slots\n   */\n  slotProps?: TextFieldSlotProps;\n};\n\n/**\n * A customizable TextField component that extends the functionality of the Material-UI TextField component\n * and supports various props for styling and functionality.\n *\n * Supports extensive customization through slots and slotProps.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <TextField label=\"Email\" />\n *\n * // With loading state\n * <TextField label=\"Search\" loading />\n *\n * // Custom loading indicator size\n * <TextField\n *   label=\"Username\"\n *   loading\n *   slotProps={{\n *     loadingIndicator: { size: 24 }\n *   }}\n * />\n * ```\n */\nexport function TextField({\n  id: overrideId,\n  label,\n  InputLabelProps,\n  InputProps,\n  fetching,\n  loading,\n  helperText,\n  hexColor,\n  size,\n  fullWidth,\n  sx,\n  slots,\n  slotProps,\n  ...rest\n}: TextFieldProps) {\n  const id = useId(overrideId);\n  const helperTextId = helperText && id ? `${id}-helper-text` : undefined;\n  const inputLabelId = label && id ? `${id}-label` : undefined;\n\n  // Slot components with defaults\n  const FormControlComponent = slots?.formControl ?? FormControl;\n  const InputLabelComponent = slots?.inputLabel ?? InputLabel;\n  const InputComponent = slots?.input ?? OutlinedInput;\n  const InputAdornmentComponent = slots?.inputAdornment ?? InputAdornment;\n  const LoadingIndicatorComponent = slots?.loadingIndicator ?? CircularProgress;\n  const FetchingIndicatorComponent = slots?.fetchingIndicator ?? LinearProgress;\n  const HelperTextComponent = slots?.helperText ?? FormHelperText;\n\n  const hexColorSx = hexColor\n    ? {\n        [`& .${outlinedInputClasses.notchedOutline}`]: {\n          borderColor: `${hexColor} !important`,\n        },\n        [`& .${inputLabelClasses.root}`]: {\n          color: hexColor,\n        },\n        [`& .${outlinedInputClasses.input}`]: {\n          color: hexColor,\n        },\n        [`& .${circularProgressClasses.root}`]: {\n          color: hexColor,\n        },\n        [`& .${linearProgressClasses.bar}`]: {\n          backgroundColor: hexColor,\n        },\n        [`& .${autocompleteClasses.endAdornment} .${iconButtonClasses.root}`]: {\n          color: hexColor,\n        },\n      }\n    : {};\n\n  return (\n    <FormControlComponent\n      sx={hexColorSx}\n      fullWidth={fullWidth}\n      {...slotProps?.formControl}\n    >\n      <InputLabelComponent\n        size={size === \"small\" ? \"small\" : \"medium\"}\n        id={inputLabelId}\n        htmlFor={id}\n        {...InputLabelProps}\n        {...slotProps?.inputLabel}\n      >\n        {label}\n      </InputLabelComponent>\n      <InputComponent\n        {...InputProps}\n        id={id}\n        label={label}\n        size={size}\n        fullWidth={fullWidth}\n        endAdornment={\n          <InputAdornmentComponent\n            position=\"end\"\n            {...slotProps?.inputAdornment}\n          >\n            {InputProps?.endAdornment}\n            {loading ? (\n              <LoadingIndicatorComponent\n                color=\"inherit\"\n                size={20}\n                sx={{ ml: 1 }}\n                {...slotProps?.loadingIndicator}\n              />\n            ) : null}\n          </InputAdornmentComponent>\n        }\n        sx={sx}\n        {...(rest as any)}\n        {...slotProps?.input}\n      />\n      {fetching && !loading && (\n        <FetchingIndicatorComponent\n          color=\"inherit\"\n          sx={{ position: \"absolute\", left: 0, right: 0, bottom: 0 }}\n          {...slotProps?.fetchingIndicator}\n        />\n      )}\n      {helperText && (\n        <HelperTextComponent id={helperTextId} {...slotProps?.helperText}>\n          {helperText}\n        </HelperTextComponent>\n      )}\n    </FormControlComponent>\n  );\n}\n\nexport default TextField;\n"],"names":["TextField","overrideId","label","InputLabelProps","InputProps","fetching","loading","helperText","hexColor","size","fullWidth","sx","slots","slotProps","rest","id","useId","helperTextId","inputLabelId","FormControlComponent","FormControl","InputLabelComponent","InputLabel","InputComponent","OutlinedInput","InputAdornmentComponent","InputAdornment","LoadingIndicatorComponent","CircularProgress","FetchingIndicatorComponent","LinearProgress","HelperTextComponent","FormHelperText","hexColorSx","outlinedInputClasses","inputLabelClasses","circularProgressClasses","linearProgressClasses","autocompleteClasses","iconButtonClasses","jsxs","jsx"],"mappings":"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"}

package/dist/TextField/index.d.ts

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

package/dist/ValueBase/ValueDisplays.types.d.ts

@@ -1,20 +0,0 @@
-export interface BaseValueProps<T> {
-    /**
-     * Name of the displayed value
-     */
-    label: string;
-    /**
-     * Value displayed
-     */
-    value?: T;
-    /**
-     * String rendered if value is undefined
-     */
-    placeholder?: string;
-    /**
-     * The value has to be displayed as compact or not.
-     * False by default
-     */
-    dense?: boolean;
-}
-export declare const DefaultPlaceholder = "-";

package/dist/ValueBase/ValueDisplays.types.mjs

@@ -1,5 +0,0 @@
-const e = "-";
-export {
-  e as DefaultPlaceholder
-};
-//# sourceMappingURL=ValueDisplays.types.mjs.map

package/dist/ValueBase/ValueDisplays.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueDisplays.types.mjs","sources":["../../src/ValueBase/ValueDisplays.types.ts"],"sourcesContent":["export interface BaseValueProps<T> {\n  /**\n   * Name of the displayed value\n   */\n  label: string;\n\n  /**\n   * Value displayed\n   */\n  value?: T;\n\n  /**\n   * String rendered if value is undefined\n   */\n  placeholder?: string;\n\n  /**\n   * The value has to be displayed as compact or not.\n   * False by default\n   */\n  dense?: boolean;\n}\n\nexport const DefaultPlaceholder = \"-\";\n"],"names":["DefaultPlaceholder"],"mappings":"AAuBO,MAAMA,IAAqB;"}

package/dist/ValueBase/index.d.ts

@@ -1 +0,0 @@
-export * from './ValueDisplays.types';

package/dist/ValueBoolean/ValueBoolean.d.ts

@@ -1,12 +0,0 @@
-import { BaseValueProps } from '../ValueBase';
-/**
- * Props for the ValueBoolean component
- *
- * @extends BaseValueProps
- */
-export type ValueBooleanProps = BaseValueProps<boolean>;
-/**
- * Displays a boolean value with a label
- */
-export declare function ValueBoolean({ label, value, placeholder, dense, }: ValueBooleanProps): import("react/jsx-runtime").JSX.Element;
-export default ValueBoolean;

package/dist/ValueBoolean/ValueBoolean.mjs

@@ -1,34 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "@mui/icons-material/Check";
-import a from "@mui/icons-material/Close";
-import f from "@mui/material/Box";
-import { useTheme as p } from "@mui/material/styles";
-import h from "@mui/material/Typography";
-import { DefaultPlaceholder as s } from "../ValueBase/ValueDisplays.types.mjs";
-import { getValueContentLabelId as d, ValueContent as x } from "../ValueContent/ValueContent.mjs";
-function z({
-  label: e,
-  value: r,
-  placeholder: c = s,
-  dense: t
-}) {
-  const l = d(e), { typography: i } = p(), n = {
-    fontSize: t ? i.h6.fontSize : i.h5.fontSize
-  };
-  return /* @__PURE__ */ o(x, { label: e, dense: t, children: /* @__PURE__ */ o(
-    f,
-    {
-      display: "flex",
-      alignItems: "center",
-      "aria-labelledby": l,
-      role: "checkbox",
-      "aria-checked": r,
-      children: r === void 0 ? /* @__PURE__ */ o(h, { variant: "h5", children: c }) : r ? /* @__PURE__ */ o(m, { color: "success", sx: n }) : /* @__PURE__ */ o(a, { color: "error", sx: n })
-    }
-  ) });
-}
-export {
-  z as ValueBoolean,
-  z as default
-};
-//# sourceMappingURL=ValueBoolean.mjs.map

package/dist/ValueBoolean/ValueBoolean.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueBoolean.mjs","sources":["../../src/ValueBoolean/ValueBoolean.tsx"],"sourcesContent":["import CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Box from \"@mui/material/Box\";\nimport { useTheme } from \"@mui/material/styles\";\nimport Typography from \"@mui/material/Typography\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueBoolean component\n *\n * @extends BaseValueProps\n */\nexport type ValueBooleanProps = BaseValueProps<boolean>;\n\n/**\n * Displays a boolean value with a label\n */\nexport function ValueBoolean({\n  label,\n  value,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueBooleanProps) {\n  const id = getValueContentLabelId(label);\n  const { typography } = useTheme();\n\n  const iconSx = {\n    fontSize: dense ? typography.h6.fontSize : typography.h5.fontSize,\n  };\n\n  return (\n    <ValueContent label={label} dense={dense}>\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        aria-labelledby={id}\n        role=\"checkbox\"\n        aria-checked={value}\n      >\n        {value === undefined ? (\n          <Typography variant=\"h5\">{placeholder}</Typography>\n        ) : value ? (\n          <CheckIcon color=\"success\" sx={iconSx} />\n        ) : (\n          <CloseIcon color=\"error\" sx={iconSx} />\n        )}\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueBoolean;\n"],"names":["ValueBoolean","label","value","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","typography","useTheme","iconSx","jsx","ValueContent","Box","Typography","CheckIcon","CloseIcon"],"mappings":";;;;;;;;AAkBO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAsB;AACpB,QAAMC,IAAKC,EAAuBN,CAAK,GACjC,EAAE,YAAAO,EAAA,IAAeC,EAAA,GAEjBC,IAAS;AAAA,IACb,UAAUL,IAAQG,EAAW,GAAG,WAAWA,EAAW,GAAG;AAAA,EAAA;AAG3D,SACE,gBAAAG,EAACC,GAAA,EAAa,OAAAX,GAAc,OAAAI,GAC1B,UAAA,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,mBAAiBP;AAAA,MACjB,MAAK;AAAA,MACL,gBAAcJ;AAAA,MAEb,UAAAA,MAAU,SACT,gBAAAS,EAACG,GAAA,EAAW,SAAQ,MAAM,UAAAX,GAAY,IACpCD,IACF,gBAAAS,EAACI,KAAU,OAAM,WAAU,IAAIL,EAAA,CAAQ,sBAEtCM,GAAA,EAAU,OAAM,SAAQ,IAAIN,EAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAG3C;AAEJ;"}

package/dist/ValueBoolean/index.d.ts

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

package/dist/ValueCard/ValueCard.d.ts

@@ -1,14 +0,0 @@
-/**
- * Props for the ValueCard component
- */
-export interface ValueCardProps {
-    /**
-     * Content to display in the card
-     */
-    children?: React.ReactNode;
-}
-/**
- * Container to show a labeled value
- */
-export declare function ValueCard({ children }: ValueCardProps): import("react/jsx-runtime").JSX.Element;
-export default ValueCard;

package/dist/ValueCard/ValueCard.mjs

@@ -1,10 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "@mui/material/Paper";
-function p({ children: r }) {
-  return /* @__PURE__ */ o(t, { sx: { p: 2 }, children: r });
-}
-export {
-  p as ValueCard,
-  p as default
-};
-//# sourceMappingURL=ValueCard.mjs.map

package/dist/ValueCard/ValueCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueCard.mjs","sources":["../../src/ValueCard/ValueCard.tsx"],"sourcesContent":["import Paper from \"@mui/material/Paper\";\n\n/**\n * Props for the ValueCard component\n */\nexport interface ValueCardProps {\n  /**\n   * Content to display in the card\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Container to show a labeled value\n */\nexport function ValueCard({ children }: ValueCardProps) {\n  return <Paper sx={{ p: 2 }}>{children}</Paper>;\n}\n\nexport default ValueCard;\n"],"names":["ValueCard","children","Paper"],"mappings":";;AAeO,SAASA,EAAU,EAAE,UAAAC,KAA4B;AACtD,2BAAQC,GAAA,EAAM,IAAI,EAAE,GAAG,EAAA,GAAM,UAAAD,GAAS;AACxC;"}

package/dist/ValueCard/index.d.ts

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

package/dist/ValueContent/ValueContent.d.ts

@@ -1,37 +0,0 @@
-import { SxProps, Theme } from '@mui/material/styles';
-export declare const getValueContentLabelId: (label: string) => string;
-/**
- * Props for the ValueContent component
- */
-export interface ValueContentProps {
-    /**
-     * Name of the displayed value
-     */
-    label: string;
-    /**
-     * If defined, a tooltip is going to be added arround the children;
-     */
-    tooltip?: string;
-    /**
-     * Timeout before the tooltip appears when the user hovers the value
-     */
-    tooltipEnterDelay?: number;
-    /**
-     * Component that's going to be renderd under the label
-     */
-    children: React.ReactElement<any, any>;
-    /**
-     * The value has to be displayed as compact or not.
-     * False by default
-     */
-    dense?: boolean;
-    /**
-     * Custom styles for the root component
-     */
-    sx?: SxProps<Theme>;
-}
-/**
- * Displays a string value with a label
- */
-export declare function ValueContent({ label, tooltip, tooltipEnterDelay, children, dense, sx, }: ValueContentProps): import("react/jsx-runtime").JSX.Element;
-export default ValueContent;

package/dist/ValueContent/ValueContent.mjs

@@ -1,35 +0,0 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import c from "@mui/material/Box";
-import { useTheme as h } from "@mui/material/styles";
-import s from "@mui/material/Tooltip";
-import f from "@mui/material/Typography";
-const u = (t) => `label-${t.replace(/ /g, "-")}`;
-function b({
-  label: t,
-  tooltip: r,
-  tooltipEnterDelay: n = 2e3,
-  children: i,
-  dense: e,
-  sx: l
-}) {
-  const { typography: p } = h(), a = u(t);
-  return /* @__PURE__ */ m(c, { width: 1, lineHeight: e ? 0 : void 0, sx: l, children: [
-    /* @__PURE__ */ o(
-      f,
-      {
-        variant: e ? "caption" : "subtitle2",
-        role: "label",
-        id: a,
-        lineHeight: e ? p.pxToRem(15) : void 0,
-        children: t
-      }
-    ),
-    r ? /* @__PURE__ */ o(s, { title: r, placement: "top", enterDelay: n, children: /* @__PURE__ */ o("span", { children: i }) }) : i
-  ] });
-}
-export {
-  b as ValueContent,
-  b as default,
-  u as getValueContentLabelId
-};
-//# sourceMappingURL=ValueContent.mjs.map

package/dist/ValueContent/ValueContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ValueContent.mjs","sources":["../../src/ValueContent/ValueContent.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Typography from \"@mui/material/Typography\";\n\nexport const getValueContentLabelId = (label: string): string =>\n  `label-${label.replace(/ /g, \"-\")}`;\n\n/**\n * Props for the ValueContent component\n */\nexport interface ValueContentProps {\n  /**\n   * Name of the displayed value\n   */\n  label: string;\n\n  /**\n   * If defined, a tooltip is going to be added arround the children;\n   */\n  tooltip?: string;\n\n  /**\n   * Timeout before the tooltip appears when the user hovers the value\n   */\n  tooltipEnterDelay?: number;\n\n  /**\n   * Component that's going to be renderd under the label\n   */\n  children: React.ReactElement<any, any>;\n\n  /**\n   * The value has to be displayed as compact or not.\n   * False by default\n   */\n  dense?: boolean;\n\n  /**\n   * Custom styles for the root component\n   */\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Displays a string value with a label\n */\nexport function ValueContent({\n  label,\n  tooltip,\n  tooltipEnterDelay = 2000,\n  children,\n  dense,\n  sx,\n}: ValueContentProps) {\n  const { typography } = useTheme();\n  const id = getValueContentLabelId(label);\n\n  return (\n    <Box width={1} lineHeight={dense ? 0 : undefined} sx={sx}>\n      <Typography\n        variant={dense ? \"caption\" : \"subtitle2\"}\n        role=\"label\"\n        id={id}\n        lineHeight={dense ? typography.pxToRem(15) : undefined}\n      >\n        {label}\n      </Typography>\n      {tooltip ? (\n        <Tooltip title={tooltip} placement=\"top\" enterDelay={tooltipEnterDelay}>\n          <span>{children}</span>\n        </Tooltip>\n      ) : (\n        children\n      )}\n    </Box>\n  );\n}\n\nexport default ValueContent;\n"],"names":["getValueContentLabelId","label","ValueContent","tooltip","tooltipEnterDelay","children","dense","sx","typography","useTheme","id","jsxs","Box","jsx","Typography","Tooltip"],"mappings":";;;;;AAKO,MAAMA,IAAyB,CAACC,MACrC,SAASA,EAAM,QAAQ,MAAM,GAAG,CAAC;AAyC5B,SAASC,EAAa;AAAA,EAC3B,OAAAD;AAAA,EACA,SAAAE;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,GAAsB;AACpB,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjBC,IAAKV,EAAuBC,CAAK;AAEvC,SACE,gBAAAU,EAACC,KAAI,OAAO,GAAG,YAAYN,IAAQ,IAAI,QAAW,IAAAC,GAChD,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASR,IAAQ,YAAY;AAAA,QAC7B,MAAK;AAAA,QACL,IAAAI;AAAA,QACA,YAAYJ,IAAQE,EAAW,QAAQ,EAAE,IAAI;AAAA,QAE5C,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFE,IACC,gBAAAU,EAACE,GAAA,EAAQ,OAAOZ,GAAS,WAAU,OAAM,YAAYC,GACnD,UAAA,gBAAAS,EAAC,QAAA,EAAM,UAAAR,EAAA,CAAS,GAClB,IAEAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/ValueContent/index.d.ts

@@ -1,2 +0,0 @@
-export type { ValueContentProps } from './ValueContent';
-export { default, default as ValueContent, getValueContentLabelId, } from './ValueContent';