@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/TextField/TextField.mjs.map

@@ -1 +1 @@
-{"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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"}
+{"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/ValueBoolean/ValueBoolean.mjs

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

package/dist/ValueBoolean/ValueBoolean.mjs.map

@@ -1 +1 @@
-{"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,SACEG,gBAAAA,EAAAA,IAACC,GAAA,EAAa,OAAAX,GAAc,OAAAI,GAC1B,UAAAM,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,mBAAiBP;AAAA,MACjB,MAAK;AAAA,MACL,gBAAcJ;AAAA,MAEb,UAAAA,MAAU,SACTS,gBAAAA,EAAAA,IAACG,GAAA,EAAW,SAAQ,MAAM,UAAAX,GAAY,IACpCD,IACFS,gBAAAA,EAAAA,IAACI,KAAU,OAAM,WAAU,IAAIL,EAAA,CAAQ,0BAEtCM,GAAA,EAAU,OAAM,SAAQ,IAAIN,EAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAG3C;AAEJ;"}
+{"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/ValueCard/ValueCard.mjs

@@ -1,7 +1,7 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import o from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
+import { jsx as o } from "react/jsx-runtime";
+import t from "@mui/material/Paper";
 function p({ children: r }) {
-  return /* @__PURE__ */ t.jsx(o, { sx: { p: 2 }, children: r });
+  return /* @__PURE__ */ o(t, { sx: { p: 2 }, children: r });
 }
 export {
   p as ValueCard,

package/dist/ValueCard/ValueCard.mjs.map

@@ -1 +1 @@
-{"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,+BAAQC,GAAA,EAAM,IAAI,EAAE,GAAG,EAAA,GAAM,UAAAD,GAAS;AACxC;"}
+{"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/ValueContent/ValueContent.mjs

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

package/dist/ValueContent/ValueContent.mjs.map

@@ -1 +1 @@
-{"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,SACEU,gBAAAA,OAACC,KAAI,OAAO,GAAG,YAAYN,IAAQ,IAAI,QAAW,IAAAC,GAChD,UAAA;AAAA,IAAAM,gBAAAA,EAAAA;AAAAA,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,IACCU,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAOZ,GAAS,WAAU,OAAM,YAAYC,GACnD,UAAAS,gBAAAA,MAAC,QAAA,EAAM,UAAAR,EAAA,CAAS,GAClB,IAEAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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/ValueDatetime/ValueDatetime.mjs

@@ -1,30 +1,30 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { format as n } from "date-fns";
-import { DefaultPlaceholder as f } from "../ValueBase/ValueDisplays.types.mjs";
-import { getValueContentLabelId as p, ValueContent as s } from "../ValueContent/ValueContent.mjs";
-import u from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import x from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-function g({
+import { jsx as t } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import f from "@mui/material/Typography";
+import { format as p } from "date-fns";
+import { DefaultPlaceholder as c } from "../ValueBase/ValueDisplays.types.mjs";
+import { getValueContentLabelId as d, ValueContent as u } from "../ValueContent/ValueContent.mjs";
+function D({
   label: o,
   value: r,
-  format: i,
-  placeholder: l = f,
+  format: l,
+  placeholder: i = c,
   dense: e
 }) {
-  const m = p(o), a = r && n(r, i) || l;
-  return /* @__PURE__ */ t.jsx(
-    s,
+  const m = d(o), a = r && p(r, l) || i;
+  return /* @__PURE__ */ t(
+    u,
     {
       label: o,
       tooltip: a,
       dense: e,
       sx: { display: "flex", flexDirection: "column" },
-      children: /* @__PURE__ */ t.jsx(u, { display: "flex", alignItems: "center", "aria-labelledby": m, children: /* @__PURE__ */ t.jsx(x, { variant: e ? "body1" : "h5", noWrap: !0, children: a }) })
+      children: /* @__PURE__ */ t(n, { display: "flex", alignItems: "center", "aria-labelledby": m, children: /* @__PURE__ */ t(f, { variant: e ? "body1" : "h5", noWrap: !0, children: a }) })
     }
   );
 }
 export {
-  g as ValueDatetime,
-  g as default
+  D as ValueDatetime,
+  D as default
 };
 //# sourceMappingURL=ValueDatetime.mjs.map

package/dist/ValueDatetime/ValueDatetime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueDatetime.mjs","sources":["../../src/ValueDatetime/ValueDatetime.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { format } from \"date-fns\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueDatetime component\n */\nexport interface ValueDatetimeProps extends BaseValueProps<Date> {\n  /**\n   * Datetime format\n   */\n  format: string;\n}\n\n/**\n * Displays a formated datetime with a label\n */\nexport function ValueDatetime({\n  label,\n  value: valueProp,\n  format: fmt,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueDatetimeProps) {\n  const id = getValueContentLabelId(label);\n  const value = (valueProp && format(valueProp, fmt)) || placeholder;\n\n  return (\n    <ValueContent\n      label={label}\n      tooltip={value}\n      dense={dense}\n      sx={{ display: \"flex\", flexDirection: \"column\" }}\n    >\n      <Box display=\"flex\" alignItems=\"center\" aria-labelledby={id}>\n        <Typography variant={dense ? \"body1\" : \"h5\"} noWrap>\n          {value}\n        </Typography>\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueDatetime;\n"],"names":["ValueDatetime","label","valueProp","fmt","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","format","jsx","ValueContent","Box","Typography"],"mappings":";;;;;;AAmBO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAuB;AACrB,QAAMC,IAAKC,EAAuBP,CAAK,GACjCQ,IAASP,KAAaQ,EAAOR,GAAWC,CAAG,KAAMC;AAEvD,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,SAASQ;AAAA,MACT,OAAAH;AAAA,MACA,IAAI,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,MAEtC,gCAACO,GAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,mBAAiBN,GACvD,UAAAI,gBAAAA,MAACG,GAAA,EAAW,SAASR,IAAQ,UAAU,MAAM,QAAM,IAChD,aACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ValueDatetime.mjs","sources":["../../src/ValueDatetime/ValueDatetime.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { format } from \"date-fns\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueDatetime component\n */\nexport interface ValueDatetimeProps extends BaseValueProps<Date> {\n  /**\n   * Datetime format\n   */\n  format: string;\n}\n\n/**\n * Displays a formated datetime with a label\n */\nexport function ValueDatetime({\n  label,\n  value: valueProp,\n  format: fmt,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueDatetimeProps) {\n  const id = getValueContentLabelId(label);\n  const value = (valueProp && format(valueProp, fmt)) || placeholder;\n\n  return (\n    <ValueContent\n      label={label}\n      tooltip={value}\n      dense={dense}\n      sx={{ display: \"flex\", flexDirection: \"column\" }}\n    >\n      <Box display=\"flex\" alignItems=\"center\" aria-labelledby={id}>\n        <Typography variant={dense ? \"body1\" : \"h5\"} noWrap>\n          {value}\n        </Typography>\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueDatetime;\n"],"names":["ValueDatetime","label","valueProp","fmt","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","format","jsx","ValueContent","Box","Typography"],"mappings":";;;;;;AAmBO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAuB;AACrB,QAAMC,IAAKC,EAAuBP,CAAK,GACjCQ,IAASP,KAAaQ,EAAOR,GAAWC,CAAG,KAAMC;AAEvD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,SAASQ;AAAA,MACT,OAAAH;AAAA,MACA,IAAI,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,MAEtC,4BAACO,GAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,mBAAiBN,GACvD,UAAA,gBAAAI,EAACG,GAAA,EAAW,SAASR,IAAQ,UAAU,MAAM,QAAM,IAChD,aACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/ValueImage/ValueImage.mjs

@@ -1,19 +1,19 @@
-import { j as i } from "../_virtual/jsx-runtime.mjs";
-import { ValueContent as r } from "../ValueContent/ValueContent.mjs";
-import m from "../node_modules/@mui/material/esm/Box/Box.mjs";
-const a = 100, u = 50;
+import { jsx as i } from "react/jsx-runtime";
+import m from "@mui/material/Box";
+import { ValueContent as s } from "../ValueContent/ValueContent.mjs";
+const a = 100, c = 50;
 function p({
   label: t,
-  value: s,
-  size: n,
+  value: n,
+  size: r,
   dense: e
 }) {
-  const o = n || (e ? u : a);
-  return /* @__PURE__ */ i.jsx(r, { label: t, dense: e, children: /* @__PURE__ */ i.jsx(
+  const o = r || (e ? c : a);
+  return /* @__PURE__ */ i(s, { label: t, dense: e, children: /* @__PURE__ */ i(
     m,
     {
       component: "img",
-      src: s,
+      src: n,
       alt: t,
       sx: { width: o, height: o }
     }

package/dist/ValueImage/ValueImage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueImage.mjs","sources":["../../src/ValueImage/ValueImage.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport type { BaseValueProps } from \"../ValueBase\";\nimport ValueContent from \"../ValueContent\";\n\n/**\n * Props for the ValueImage component\n */\nexport interface ValueImageProps extends BaseValueProps<string> {\n  /**\n   * Image size\n   */\n  size?: number;\n}\n\nconst DefaultSize = 100;\nconst DefaultDenseSize = 50;\n\n/**\n * Displays a image value with a label\n */\nexport function ValueImage({\n  label,\n  value,\n  size: sizeArg,\n  dense,\n}: ValueImageProps) {\n  const size = sizeArg || (dense ? DefaultDenseSize : DefaultSize);\n  return (\n    <ValueContent label={label} dense={dense}>\n      <Box\n        component=\"img\"\n        src={value}\n        alt={label}\n        sx={{ width: size, height: size }}\n      />\n    </ValueContent>\n  );\n}\n\nexport default ValueImage;\n"],"names":["DefaultSize","DefaultDenseSize","ValueImage","label","value","sizeArg","dense","size","jsx","ValueContent","Box"],"mappings":";;;AAcA,MAAMA,IAAc,KACdC,IAAmB;AAKlB,SAASC,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAOF,MAAYC,IAAQL,IAAmBD;AACpD,SACEQ,gBAAAA,EAAAA,IAACC,GAAA,EAAa,OAAAN,GAAc,OAAAG,GAC1B,UAAAE,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKN;AAAA,MACL,KAAKD;AAAA,MACL,IAAI,EAAE,OAAOI,GAAM,QAAQA,EAAA;AAAA,IAAK;AAAA,EAAA,GAEpC;AAEJ;"}
+{"version":3,"file":"ValueImage.mjs","sources":["../../src/ValueImage/ValueImage.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport type { BaseValueProps } from \"../ValueBase\";\nimport ValueContent from \"../ValueContent\";\n\n/**\n * Props for the ValueImage component\n */\nexport interface ValueImageProps extends BaseValueProps<string> {\n  /**\n   * Image size\n   */\n  size?: number;\n}\n\nconst DefaultSize = 100;\nconst DefaultDenseSize = 50;\n\n/**\n * Displays a image value with a label\n */\nexport function ValueImage({\n  label,\n  value,\n  size: sizeArg,\n  dense,\n}: ValueImageProps) {\n  const size = sizeArg || (dense ? DefaultDenseSize : DefaultSize);\n  return (\n    <ValueContent label={label} dense={dense}>\n      <Box\n        component=\"img\"\n        src={value}\n        alt={label}\n        sx={{ width: size, height: size }}\n      />\n    </ValueContent>\n  );\n}\n\nexport default ValueImage;\n"],"names":["DefaultSize","DefaultDenseSize","ValueImage","label","value","sizeArg","dense","size","jsx","ValueContent","Box"],"mappings":";;;AAcA,MAAMA,IAAc,KACdC,IAAmB;AAKlB,SAASC,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAOF,MAAYC,IAAQL,IAAmBD;AACpD,SACE,gBAAAQ,EAACC,GAAA,EAAa,OAAAN,GAAc,OAAAG,GAC1B,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAKN;AAAA,MACL,KAAKD;AAAA,MACL,IAAI,EAAE,OAAOI,GAAM,QAAQA,EAAA;AAAA,IAAK;AAAA,EAAA,GAEpC;AAEJ;"}

package/dist/ValueItem/ValueItem.mjs

@@ -1,8 +1,8 @@
-import { j as n } from "../_virtual/jsx-runtime.mjs";
-import { useGetDefaultThemeColor as i } from "../utils/theme.mjs";
-import m from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
-import u from "../node_modules/@mui/material/esm/Box/Box.mjs";
-const a = {
+import { jsx as n } from "react/jsx-runtime";
+import i from "@mui/material/Box";
+import m from "@mui/material/Grid";
+import { useGetDefaultThemeColor as u } from "../utils/theme.mjs";
+const l = {
   root: "RdsValueItem-root",
   content: "RdsValueItem-content"
 }, f = (t, s) => {
@@ -12,25 +12,25 @@ const a = {
       return t.map((e) => e ? o : r);
     if (typeof t == "object") {
       const e = {};
-      return Object.entries(t).forEach(([l, c]) => {
-        e[l] = c ? o : r;
+      return Object.entries(t).forEach(([a, c]) => {
+        e[a] = c ? o : r;
       }), e;
     }
     return o;
   }
-}, y = ({
+}, x = ({
   children: t,
   bordered: s = !0,
   ...o
 }) => {
-  const r = i({
+  const r = u({
     lightWeight: 200,
     darkWeight: 800
   }), e = f(s, r);
-  return /* @__PURE__ */ n.jsx(m, { className: a.root, ...o, children: /* @__PURE__ */ n.jsx(u, { className: a.content, px: 1, borderLeft: e, children: t }) });
+  return /* @__PURE__ */ n(m, { className: l.root, ...o, children: /* @__PURE__ */ n(i, { className: l.content, px: 1, borderLeft: e, children: t }) });
 };
 export {
-  y as default,
-  a as valueItemClasses
+  x as default,
+  l as valueItemClasses
 };
 //# sourceMappingURL=ValueItem.mjs.map

package/dist/ValueItem/ValueItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueItem.mjs","sources":["../../src/ValueItem/ValueItem.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Grid, { type GridProps } from \"@mui/material/Grid\";\nimport type { ResponsiveStyleValue } from \"@mui/system\";\nimport type { FunctionComponent, ReactElement } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\n/**\n * Props for the ValueItem component\n */\nexport interface ValueItemProps extends Omit<GridProps, \"item\" | \"container\"> {\n  /**\n   * Whether to display a border\n   */\n  bordered?: ResponsiveStyleValue<boolean>;\n  /**\n   * Content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ValueItem component type\n */\nexport type ValueItemComponent = FunctionComponent<ValueItemProps>;\n\n/**\n * ValueItem element type\n */\nexport type ValueItemElement = ReactElement<ValueItemProps, ValueItemComponent>;\n\nexport const valueItemClasses = {\n  root: \"RdsValueItem-root\",\n  content: \"RdsValueItem-content\",\n};\n\nconst resolveBorderStyle = (\n  bordered: ResponsiveStyleValue<boolean>,\n  color: string,\n) => {\n  const borderStyle = `solid ${color} 1px`;\n  const noBorder = \"none\";\n\n  if (!bordered) {\n    return undefined;\n  }\n\n  if (Array.isArray(bordered)) {\n    return bordered.map((b) => (b ? borderStyle : noBorder));\n  }\n\n  if (typeof bordered === \"object\") {\n    const style: Record<string, string | undefined> = {};\n    Object.entries(bordered).forEach(([key, value]) => {\n      style[key] = value ? borderStyle : noBorder;\n    });\n    return style;\n  }\n\n  return borderStyle;\n};\n\n/**\n * `ValueItem` is a component to wrap your value components\n */\nconst ValueItem: ValueItemComponent = ({\n  children,\n  bordered = true,\n  ...rest\n}: ValueItemProps) => {\n  const defaultColor = useGetDefaultThemeColor({\n    lightWeight: 200,\n    darkWeight: 800,\n  });\n  const borderLeft = resolveBorderStyle(bordered, defaultColor);\n  return (\n    <Grid className={valueItemClasses.root} {...rest}>\n      <Box className={valueItemClasses.content} px={1} borderLeft={borderLeft}>\n        {children}\n      </Box>\n    </Grid>\n  );\n};\n\nexport default ValueItem;\n"],"names":["valueItemClasses","resolveBorderStyle","bordered","color","borderStyle","noBorder","b","style","key","value","ValueItem","children","rest","defaultColor","useGetDefaultThemeColor","borderLeft","Grid","jsx","Box"],"mappings":";;;;AA8BO,MAAMA,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AACX,GAEMC,IAAqB,CACzBC,GACAC,MACG;AACH,QAAMC,IAAc,SAASD,CAAK,QAC5BE,IAAW;AAEjB,MAAKH,GAIL;AAAA,QAAI,MAAM,QAAQA,CAAQ;AACxB,aAAOA,EAAS,IAAI,CAACI,MAAOA,IAAIF,IAAcC,CAAS;AAGzD,QAAI,OAAOH,KAAa,UAAU;AAChC,YAAMK,IAA4C,CAAA;AAClD,oBAAO,QAAQL,CAAQ,EAAE,QAAQ,CAAC,CAACM,GAAKC,CAAK,MAAM;AACjD,QAAAF,EAAMC,CAAG,IAAIC,IAAQL,IAAcC;AAAA,MACrC,CAAC,GACME;AAAA,IACT;AAEA,WAAOH;AAAA;AACT,GAKMM,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,UAAAT,IAAW;AAAA,EACX,GAAGU;AACL,MAAsB;AACpB,QAAMC,IAAeC,EAAwB;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb,GACKC,IAAad,EAAmBC,GAAUW,CAAY;AAC5D,+BACGG,GAAA,EAAK,WAAWhB,EAAiB,MAAO,GAAGY,GAC1C,UAAAK,gBAAAA,EAAAA,IAACC,GAAA,EAAI,WAAWlB,EAAiB,SAAS,IAAI,GAAG,YAAAe,GAC9C,UAAAJ,GACH,GACF;AAEJ;"}
+{"version":3,"file":"ValueItem.mjs","sources":["../../src/ValueItem/ValueItem.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Grid, { type GridProps } from \"@mui/material/Grid\";\nimport type { ResponsiveStyleValue } from \"@mui/system\";\nimport type { FunctionComponent, ReactElement } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\n/**\n * Props for the ValueItem component\n */\nexport interface ValueItemProps extends Omit<GridProps, \"item\" | \"container\"> {\n  /**\n   * Whether to display a border\n   */\n  bordered?: ResponsiveStyleValue<boolean>;\n  /**\n   * Content to display\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ValueItem component type\n */\nexport type ValueItemComponent = FunctionComponent<ValueItemProps>;\n\n/**\n * ValueItem element type\n */\nexport type ValueItemElement = ReactElement<ValueItemProps, ValueItemComponent>;\n\nexport const valueItemClasses = {\n  root: \"RdsValueItem-root\",\n  content: \"RdsValueItem-content\",\n};\n\nconst resolveBorderStyle = (\n  bordered: ResponsiveStyleValue<boolean>,\n  color: string,\n) => {\n  const borderStyle = `solid ${color} 1px`;\n  const noBorder = \"none\";\n\n  if (!bordered) {\n    return undefined;\n  }\n\n  if (Array.isArray(bordered)) {\n    return bordered.map((b) => (b ? borderStyle : noBorder));\n  }\n\n  if (typeof bordered === \"object\") {\n    const style: Record<string, string | undefined> = {};\n    Object.entries(bordered).forEach(([key, value]) => {\n      style[key] = value ? borderStyle : noBorder;\n    });\n    return style;\n  }\n\n  return borderStyle;\n};\n\n/**\n * `ValueItem` is a component to wrap your value components\n */\nconst ValueItem: ValueItemComponent = ({\n  children,\n  bordered = true,\n  ...rest\n}: ValueItemProps) => {\n  const defaultColor = useGetDefaultThemeColor({\n    lightWeight: 200,\n    darkWeight: 800,\n  });\n  const borderLeft = resolveBorderStyle(bordered, defaultColor);\n  return (\n    <Grid className={valueItemClasses.root} {...rest}>\n      <Box className={valueItemClasses.content} px={1} borderLeft={borderLeft}>\n        {children}\n      </Box>\n    </Grid>\n  );\n};\n\nexport default ValueItem;\n"],"names":["valueItemClasses","resolveBorderStyle","bordered","color","borderStyle","noBorder","b","style","key","value","ValueItem","children","rest","defaultColor","useGetDefaultThemeColor","borderLeft","Grid","jsx","Box"],"mappings":";;;;AA8BO,MAAMA,IAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AACX,GAEMC,IAAqB,CACzBC,GACAC,MACG;AACH,QAAMC,IAAc,SAASD,CAAK,QAC5BE,IAAW;AAEjB,MAAKH,GAIL;AAAA,QAAI,MAAM,QAAQA,CAAQ;AACxB,aAAOA,EAAS,IAAI,CAACI,MAAOA,IAAIF,IAAcC,CAAS;AAGzD,QAAI,OAAOH,KAAa,UAAU;AAChC,YAAMK,IAA4C,CAAA;AAClD,oBAAO,QAAQL,CAAQ,EAAE,QAAQ,CAAC,CAACM,GAAKC,CAAK,MAAM;AACjD,QAAAF,EAAMC,CAAG,IAAIC,IAAQL,IAAcC;AAAA,MACrC,CAAC,GACME;AAAA,IACT;AAEA,WAAOH;AAAA;AACT,GAKMM,IAAgC,CAAC;AAAA,EACrC,UAAAC;AAAA,EACA,UAAAT,IAAW;AAAA,EACX,GAAGU;AACL,MAAsB;AACpB,QAAMC,IAAeC,EAAwB;AAAA,IAC3C,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb,GACKC,IAAad,EAAmBC,GAAUW,CAAY;AAC5D,2BACGG,GAAA,EAAK,WAAWhB,EAAiB,MAAO,GAAGY,GAC1C,UAAA,gBAAAK,EAACC,GAAA,EAAI,WAAWlB,EAAiB,SAAS,IAAI,GAAG,YAAAe,GAC9C,UAAAJ,GACH,GACF;AAEJ;"}

package/dist/ValueLabel/ValueLabel.mjs

@@ -1,35 +1,35 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import { Label as m } from "../Label/Label.mjs";
-import { DefaultPlaceholder as u } from "../ValueBase/ValueDisplays.types.mjs";
-import { getValueContentLabelId as x, ValueContent as f } from "../ValueContent/ValueContent.mjs";
-import l from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
-function c({
-  label: s,
+import { jsx as e } from "react/jsx-runtime";
+import f from "@mui/material/Grid";
+import { Label as o } from "../Label/Label.mjs";
+import { DefaultPlaceholder as l } from "../ValueBase/ValueDisplays.types.mjs";
+import { getValueContentLabelId as u, ValueContent as d } from "../ValueContent/ValueContent.mjs";
+function L({
+  label: n,
   value: a,
-  placeholder: n = u,
+  placeholder: m = l,
   color: r,
   variant: t
 }) {
-  const o = x(s), y = Array.isArray(a) ? a.map((A, i) => /* @__PURE__ */ e.jsx(
-    m,
+  const y = u(n), A = Array.isArray(a) ? a.map((s, i) => /* @__PURE__ */ e(
+    o,
     {
-      text: A.toString() || n,
+      text: s.toString() || m,
       variant: Array.isArray(t) ? t[i] : t,
       color: Array.isArray(r) ? r[i] : r
     },
     i
-  )) : /* @__PURE__ */ e.jsx(
-    m,
+  )) : /* @__PURE__ */ e(
+    o,
     {
-      text: a?.toString() || n,
+      text: a?.toString() || m,
       variant: Array.isArray(t) ? t[0] : t,
       color: Array.isArray(r) ? r[0] : r
     }
   );
-  return /* @__PURE__ */ e.jsx(f, { label: s, children: /* @__PURE__ */ e.jsx(l, { container: !0, gap: 1, "aria-labelledby": o, children: y }) });
+  return /* @__PURE__ */ e(d, { label: n, children: /* @__PURE__ */ e(f, { container: !0, gap: 1, "aria-labelledby": y, children: A }) });
 }
 export {
-  c as ValueLabel,
-  c as default
+  L as ValueLabel,
+  L as default
 };
 //# sourceMappingURL=ValueLabel.mjs.map

package/dist/ValueLabel/ValueLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueLabel.mjs","sources":["../../src/ValueLabel/ValueLabel.tsx"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport Label, { type LabelVariant } from \"../Label\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueLabel component\n *\n * @extends BaseValueProps\n */\nexport type ValueLabelProps = BaseValueProps<\n  string | number | string[] | number[]\n> & {\n  /**\n   * Label color variant or array of variants for multiple labels\n   */\n  variant?: LabelVariant | LabelVariant[];\n  /**\n   * Custom color or array of colors for multiple labels\n   */\n  color?: string | string[];\n};\n\n/**\n * Displays a label component value with a label\n */\nexport function ValueLabel({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  color,\n  variant,\n}: ValueLabelProps) {\n  const id = getValueContentLabelId(label);\n  const value = Array.isArray(valueProp) ? (\n    valueProp.map((value, i) => (\n      <Label\n        text={value.toString() || placeholder}\n        variant={Array.isArray(variant) ? variant[i] : variant}\n        color={Array.isArray(color) ? color[i] : color}\n        key={i}\n      />\n    ))\n  ) : (\n    <Label\n      text={valueProp?.toString() || placeholder}\n      variant={Array.isArray(variant) ? variant[0] : variant}\n      color={Array.isArray(color) ? color[0] : color}\n    />\n  );\n\n  return (\n    <ValueContent label={label}>\n      <Grid container gap={1} aria-labelledby={id}>\n        {value}\n      </Grid>\n    </ValueContent>\n  );\n}\n\nexport default ValueLabel;\n"],"names":["ValueLabel","label","valueProp","placeholder","DefaultPlaceholder","color","variant","id","getValueContentLabelId","value","jsx","Label","ValueContent","Grid"],"mappings":";;;;;AA0BO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AACF,GAAoB;AAClB,QAAMC,IAAKC,EAAuBP,CAAK,GACjCQ,IAAQ,MAAM,QAAQP,CAAS,IACnCA,EAAU,IAAI,CAACO,GAAO,MACpBC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMF,EAAM,SAAA,KAAcN;AAAA,MAC1B,SAAS,MAAM,QAAQG,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAA,MAC/C,OAAO,MAAM,QAAQD,CAAK,IAAIA,EAAM,CAAC,IAAIA;AAAA,IAAA;AAAA,IACpC;AAAA,EAAA,CAER,IAEDK,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMT,GAAW,SAAA,KAAcC;AAAA,MAC/B,SAAS,MAAM,QAAQG,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAA,MAC/C,OAAO,MAAM,QAAQD,CAAK,IAAIA,EAAM,CAAC,IAAIA;AAAA,IAAA;AAAA,EAAA;AAI7C,SACEK,gBAAAA,EAAAA,IAACE,GAAA,EAAa,OAAAX,GACZ,UAAAS,gBAAAA,EAAAA,IAACG,GAAA,EAAK,WAAS,IAAC,KAAK,GAAG,mBAAiBN,GACtC,UAAAE,EAAA,CACH,GACF;AAEJ;"}
+{"version":3,"file":"ValueLabel.mjs","sources":["../../src/ValueLabel/ValueLabel.tsx"],"sourcesContent":["import Grid from \"@mui/material/Grid\";\nimport Label, { type LabelVariant } from \"../Label\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueLabel component\n *\n * @extends BaseValueProps\n */\nexport type ValueLabelProps = BaseValueProps<\n  string | number | string[] | number[]\n> & {\n  /**\n   * Label color variant or array of variants for multiple labels\n   */\n  variant?: LabelVariant | LabelVariant[];\n  /**\n   * Custom color or array of colors for multiple labels\n   */\n  color?: string | string[];\n};\n\n/**\n * Displays a label component value with a label\n */\nexport function ValueLabel({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  color,\n  variant,\n}: ValueLabelProps) {\n  const id = getValueContentLabelId(label);\n  const value = Array.isArray(valueProp) ? (\n    valueProp.map((value, i) => (\n      <Label\n        text={value.toString() || placeholder}\n        variant={Array.isArray(variant) ? variant[i] : variant}\n        color={Array.isArray(color) ? color[i] : color}\n        key={i}\n      />\n    ))\n  ) : (\n    <Label\n      text={valueProp?.toString() || placeholder}\n      variant={Array.isArray(variant) ? variant[0] : variant}\n      color={Array.isArray(color) ? color[0] : color}\n    />\n  );\n\n  return (\n    <ValueContent label={label}>\n      <Grid container gap={1} aria-labelledby={id}>\n        {value}\n      </Grid>\n    </ValueContent>\n  );\n}\n\nexport default ValueLabel;\n"],"names":["ValueLabel","label","valueProp","placeholder","DefaultPlaceholder","color","variant","id","getValueContentLabelId","value","jsx","Label","ValueContent","Grid"],"mappings":";;;;;AA0BO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,OAAAC;AAAA,EACA,SAAAC;AACF,GAAoB;AAClB,QAAMC,IAAKC,EAAuBP,CAAK,GACjCQ,IAAQ,MAAM,QAAQP,CAAS,IACnCA,EAAU,IAAI,CAACO,GAAO,MACpB,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMF,EAAM,SAAA,KAAcN;AAAA,MAC1B,SAAS,MAAM,QAAQG,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAA,MAC/C,OAAO,MAAM,QAAQD,CAAK,IAAIA,EAAM,CAAC,IAAIA;AAAA,IAAA;AAAA,IACpC;AAAA,EAAA,CAER,IAED,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMT,GAAW,SAAA,KAAcC;AAAA,MAC/B,SAAS,MAAM,QAAQG,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAA,MAC/C,OAAO,MAAM,QAAQD,CAAK,IAAIA,EAAM,CAAC,IAAIA;AAAA,IAAA;AAAA,EAAA;AAI7C,SACE,gBAAAK,EAACE,GAAA,EAAa,OAAAX,GACZ,UAAA,gBAAAS,EAACG,GAAA,EAAK,WAAS,IAAC,KAAK,GAAG,mBAAiBN,GACtC,UAAAE,EAAA,CACH,GACF;AAEJ;"}

package/dist/ValueRating/ValueRating.mjs

@@ -1,16 +1,16 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { getValueContentLabelId as a, ValueContent as l } from "../ValueContent/ValueContent.mjs";
-import m from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import s from "../node_modules/@mui/material/esm/Rating/Rating.mjs";
-function f({
+import { jsx as t } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import l from "@mui/material/Rating";
+import { getValueContentLabelId as m, ValueContent as d } from "../ValueContent/ValueContent.mjs";
+function c({
   label: e,
   value: r = 0,
   maxRating: o = 5,
   dense: i
 }) {
-  const n = a(e);
-  return /* @__PURE__ */ t.jsx(l, { label: e, tooltip: r.toString(), dense: i, children: /* @__PURE__ */ t.jsx(m, { display: "flex", alignItems: "center", "aria-labelledby": n, children: /* @__PURE__ */ t.jsx(
-    s,
+  const n = m(e);
+  return /* @__PURE__ */ t(d, { label: e, tooltip: r.toString(), dense: i, children: /* @__PURE__ */ t(a, { display: "flex", alignItems: "center", "aria-labelledby": n, children: /* @__PURE__ */ t(
+    l,
     {
       readOnly: !0,
       max: o,
@@ -20,7 +20,7 @@ function f({
   ) }) });
 }
 export {
-  f as ValueRating,
-  f as default
+  c as ValueRating,
+  c as default
 };
 //# sourceMappingURL=ValueRating.mjs.map

package/dist/ValueRating/ValueRating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueRating.mjs","sources":["../../src/ValueRating/ValueRating.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Rating from \"@mui/material/Rating\";\nimport type { BaseValueProps } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueRating component\n *\n * @extends BaseValueProps\n */\nexport type ValueRatingProps = BaseValueProps<number> & {\n  /**\n   * Maximum number of stars to display\n   * @default 5\n   */\n  maxRating?: number;\n};\n\n/**\n * Displays a number using stars\n */\nexport function ValueRating({\n  label,\n  value = 0,\n  maxRating = 5,\n  dense,\n}: ValueRatingProps) {\n  const id = getValueContentLabelId(label);\n\n  return (\n    <ValueContent label={label} tooltip={value.toString()} dense={dense}>\n      <Box display=\"flex\" alignItems=\"center\" aria-labelledby={id}>\n        <Rating\n          readOnly\n          max={maxRating}\n          size={dense ? \"small\" : \"medium\"}\n          value={value}\n        />\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueRating;\n"],"names":["ValueRating","label","value","maxRating","dense","id","getValueContentLabelId","jsx","ValueContent","Box","Rating"],"mappings":";;;;AAqBO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAKC,EAAuBL,CAAK;AAEvC,SACEM,gBAAAA,EAAAA,IAACC,GAAA,EAAa,OAAAP,GAAc,SAASC,EAAM,YAAY,OAAAE,GACrD,UAAAG,gBAAAA,EAAAA,IAACE,KAAI,SAAQ,QAAO,YAAW,UAAS,mBAAiBJ,GACvD,UAAAE,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,KAAKP;AAAA,MACL,MAAMC,IAAQ,UAAU;AAAA,MACxB,OAAAF;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ValueRating.mjs","sources":["../../src/ValueRating/ValueRating.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Rating from \"@mui/material/Rating\";\nimport type { BaseValueProps } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueRating component\n *\n * @extends BaseValueProps\n */\nexport type ValueRatingProps = BaseValueProps<number> & {\n  /**\n   * Maximum number of stars to display\n   * @default 5\n   */\n  maxRating?: number;\n};\n\n/**\n * Displays a number using stars\n */\nexport function ValueRating({\n  label,\n  value = 0,\n  maxRating = 5,\n  dense,\n}: ValueRatingProps) {\n  const id = getValueContentLabelId(label);\n\n  return (\n    <ValueContent label={label} tooltip={value.toString()} dense={dense}>\n      <Box display=\"flex\" alignItems=\"center\" aria-labelledby={id}>\n        <Rating\n          readOnly\n          max={maxRating}\n          size={dense ? \"small\" : \"medium\"}\n          value={value}\n        />\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueRating;\n"],"names":["ValueRating","label","value","maxRating","dense","id","getValueContentLabelId","jsx","ValueContent","Box","Rating"],"mappings":";;;;AAqBO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,OAAAC;AACF,GAAqB;AACnB,QAAMC,IAAKC,EAAuBL,CAAK;AAEvC,SACE,gBAAAM,EAACC,GAAA,EAAa,OAAAP,GAAc,SAASC,EAAM,YAAY,OAAAE,GACrD,UAAA,gBAAAG,EAACE,KAAI,SAAQ,QAAO,YAAW,UAAS,mBAAiBJ,GACvD,UAAA,gBAAAE;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,KAAKP;AAAA,MACL,MAAMC,IAAQ,UAAU;AAAA,MACxB,OAAAF;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}

package/dist/ValueText/ValueText.mjs

@@ -1,19 +1,19 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { DefaultPlaceholder as n } from "../ValueBase/ValueDisplays.types.mjs";
-import { getValueContentLabelId as p, ValueContent as m } from "../ValueContent/ValueContent.mjs";
-import u from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import d from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-function j({
-  label: o,
+import { jsx as o } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import p from "@mui/material/Typography";
+import { DefaultPlaceholder as m } from "../ValueBase/ValueDisplays.types.mjs";
+import { getValueContentLabelId as u, ValueContent as d } from "../ValueContent/ValueContent.mjs";
+function s({
+  label: t,
   value: a,
-  placeholder: l = n,
+  placeholder: l = m,
   dense: r
 }) {
-  const i = p(o), e = a?.toString() || l;
-  return /* @__PURE__ */ t.jsx(m, { label: o, tooltip: e, dense: r, children: /* @__PURE__ */ t.jsx(u, { display: "flex", "aria-labelledby": i, children: /* @__PURE__ */ t.jsx(d, { variant: r ? "body1" : "h5", noWrap: !0, children: e }) }) });
+  const i = u(t), e = a?.toString() || l;
+  return /* @__PURE__ */ o(d, { label: t, tooltip: e, dense: r, children: /* @__PURE__ */ o(n, { display: "flex", "aria-labelledby": i, children: /* @__PURE__ */ o(p, { variant: r ? "body1" : "h5", noWrap: !0, children: e }) }) });
 }
 export {
-  j as ValueText,
-  j as default
+  s as ValueText,
+  s as default
 };
 //# sourceMappingURL=ValueText.mjs.map

package/dist/ValueText/ValueText.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValueText.mjs","sources":["../../src/ValueText/ValueText.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueText component\n *\n * @extends BaseValueProps\n */\nexport type ValueTextProps = BaseValueProps<string | number>;\n\n/**\n * Displays a string value with a label\n */\nexport function ValueText({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueTextProps) {\n  const id = getValueContentLabelId(label);\n  const value = valueProp?.toString() || placeholder;\n\n  return (\n    <ValueContent label={label} tooltip={value} dense={dense}>\n      <Box display=\"flex\" aria-labelledby={id}>\n        <Typography variant={dense ? \"body1\" : \"h5\"} noWrap>\n          {value}\n        </Typography>\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueText;\n"],"names":["ValueText","label","valueProp","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","jsx","ValueContent","Box","Typography"],"mappings":";;;;;AAeO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAuBN,CAAK,GACjCO,IAAQN,GAAW,SAAA,KAAcC;AAEvC,SACEM,gBAAAA,EAAAA,IAACC,KAAa,OAAAT,GAAc,SAASO,GAAO,OAAAH,GAC1C,UAAAI,gBAAAA,EAAAA,IAACE,GAAA,EAAI,SAAQ,QAAO,mBAAiBL,GACnC,UAAAG,gBAAAA,EAAAA,IAACG,GAAA,EAAW,SAASP,IAAQ,UAAU,MAAM,QAAM,IAChD,UAAAG,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ValueText.mjs","sources":["../../src/ValueText/ValueText.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"../ValueBase\";\nimport ValueContent, { getValueContentLabelId } from \"../ValueContent\";\n\n/**\n * Props for the ValueText component\n *\n * @extends BaseValueProps\n */\nexport type ValueTextProps = BaseValueProps<string | number>;\n\n/**\n * Displays a string value with a label\n */\nexport function ValueText({\n  label,\n  value: valueProp,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueTextProps) {\n  const id = getValueContentLabelId(label);\n  const value = valueProp?.toString() || placeholder;\n\n  return (\n    <ValueContent label={label} tooltip={value} dense={dense}>\n      <Box display=\"flex\" aria-labelledby={id}>\n        <Typography variant={dense ? \"body1\" : \"h5\"} noWrap>\n          {value}\n        </Typography>\n      </Box>\n    </ValueContent>\n  );\n}\n\nexport default ValueText;\n"],"names":["ValueText","label","valueProp","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","jsx","ValueContent","Box","Typography"],"mappings":";;;;;AAeO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAmB;AACjB,QAAMC,IAAKC,EAAuBN,CAAK,GACjCO,IAAQN,GAAW,SAAA,KAAcC;AAEvC,SACE,gBAAAM,EAACC,KAAa,OAAAT,GAAc,SAASO,GAAO,OAAAH,GAC1C,UAAA,gBAAAI,EAACE,GAAA,EAAI,SAAQ,QAAO,mBAAiBL,GACnC,UAAA,gBAAAG,EAACG,GAAA,EAAW,SAASP,IAAQ,UAAU,MAAM,QAAM,IAChD,UAAAG,EAAA,CACH,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-export * from './actions';
-export * from './assertions';
-export * from './testing-library';
-port * from './Board';
+export * from './Autocomplete';
+export { default as Autocomplete } from './Autocomplete';
+export * from './Board';
 export { default as Board } from './Board';
 export * from './BootstrapDialog';
 export { default as BootstrapDialog } from './BootstrapDialog';