@omnitron-dev/prism 0.3.0 → 0.3.2

package/dist/{chunk-OBJ244BO.js → chunk-LFWKGNCX.js}

@@ -1,14 +1,7 @@
-import { useState, useRef, useEffect, useId, useMemo, useCallback, Component } from 'react';
-import InputBase from '@mui/material/InputBase';
-import InputAdornment from '@mui/material/InputAdornment';
-import Tooltip from '@mui/material/Tooltip';
-import Box8 from '@mui/material/Box';
-import { useTheme, alpha } from '@mui/material/styles';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Stack from '@mui/material/Stack';
-import Typography3 from '@mui/material/Typography';
+import { useId, useMemo, useRef, useCallback, useState, useEffect } from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import TextField from '@mui/material/TextField';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import MenuItem from '@mui/material/MenuItem';
 import Checkbox from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
@@ -20,345 +13,26 @@ import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
 import Autocomplete from '@mui/material/Autocomplete';
 import Chip from '@mui/material/Chip';
+import Box6 from '@mui/material/Box';
 import Rating from '@mui/material/Rating';
 import Slider from '@mui/material/Slider';
+import Typography2 from '@mui/material/Typography';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import dayjs from 'dayjs';
 import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import FormGroup from '@mui/material/FormGroup';
 import { useDropzone } from 'react-dropzone';
-import IconButton3 from '@mui/material/IconButton';
+import Stack from '@mui/material/Stack';
+import IconButton from '@mui/material/IconButton';
 import Avatar from '@mui/material/Avatar';
+import { useTheme, alpha } from '@mui/material/styles';
+import InputAdornment from '@mui/material/InputAdornment';
 import Menu from '@mui/material/Menu';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
-import Button from '@mui/material/Button';
-import Collapse from '@mui/material/Collapse';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 
-function SearchIcon({ size = 18 }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-      ]
-    }
-  );
-}
-function ClearIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-}
-function SearchInput({
-  value: controlledValue,
-  onChange,
-  placeholder = "Search...",
-  debounce = 0,
-  compact = false,
-  fullWidth = true,
-  width,
-  minWidth,
-  clearTooltip = "Clear",
-  autoFocus,
-  onFocus,
-  onBlur,
-  onKeyDown,
-  sx,
-  ref
-}) {
-  const theme = useTheme();
-  const [localValue, setLocalValue] = useState(controlledValue ?? "");
-  const timerRef = useRef(void 0);
-  useEffect(() => {
-    if (controlledValue !== void 0) {
-      setLocalValue(controlledValue);
-    }
-  }, [controlledValue]);
-  const displayValue = controlledValue !== void 0 && debounce === 0 ? controlledValue : localValue;
-  const handleChange = (e) => {
-    const val = e.target.value;
-    setLocalValue(val);
-    if (debounce > 0) {
-      clearTimeout(timerRef.current);
-      timerRef.current = setTimeout(() => onChange?.(val), debounce);
-    } else {
-      onChange?.(val);
-    }
-  };
-  const handleClear = () => {
-    setLocalValue("");
-    clearTimeout(timerRef.current);
-    onChange?.("");
-  };
-  useEffect(() => () => clearTimeout(timerRef.current), []);
-  const py = compact ? 0.625 : 0.75;
-  const px = compact ? 1.25 : 1.5;
-  const inputPy = compact ? "3px" : "4px";
-  return /* @__PURE__ */ jsx(
-    InputBase,
-    {
-      ref,
-      fullWidth,
-      placeholder,
-      value: displayValue,
-      onChange: handleChange,
-      autoFocus,
-      onFocus,
-      onBlur,
-      onKeyDown,
-      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", sx: { color: "text.disabled", mr: compact ? 0.75 : 1 }, children: /* @__PURE__ */ jsx(SearchIcon, { size: compact ? 16 : 18 }) }),
-      endAdornment: displayValue ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(Tooltip, { title: clearTooltip, children: /* @__PURE__ */ jsx(
-        Box8,
-        {
-          component: "button",
-          type: "button",
-          onClick: handleClear,
-          sx: {
-            p: 0.25,
-            border: "none",
-            background: "none",
-            cursor: "pointer",
-            color: "text.disabled",
-            display: "flex",
-            alignItems: "center",
-            borderRadius: "50%",
-            "&:hover": { color: "text.secondary" }
-          },
-          children: /* @__PURE__ */ jsx(ClearIcon, {})
-        }
-      ) }) }) : null,
-      sx: {
-        px,
-        py,
-        borderRadius: 1,
-        fontSize: "0.875rem",
-        bgcolor: alpha(theme.palette.grey[500], 0.08),
-        transition: theme.transitions.create(["background-color"], {
-          duration: theme.transitions.duration.shorter
-        }),
-        "&:hover": {
-          bgcolor: alpha(theme.palette.grey[500], 0.12)
-        },
-        "&.Mui-focused": {
-          bgcolor: alpha(theme.palette.grey[500], 0.16)
-        },
-        "& .MuiInputBase-input": {
-          py: inputPy,
-          px: 0,
-          overflow: "visible",
-          "&::placeholder": {
-            opacity: 0.64
-          }
-        },
-        ...width != null && { width },
-        ...minWidth != null && { minWidth },
-        ...!fullWidth && { width: width ?? "auto" },
-        ...Array.isArray(sx) ? Object.assign({}, ...sx) : sx
-      }
-    }
-  );
-}
-function IconWrapper({ icon, color = "primary.main", size = 64 }) {
-  return /* @__PURE__ */ jsx(
-    Box8,
-    {
-      sx: {
-        width: size,
-        height: size,
-        borderRadius: "50%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        bgcolor: (theme) => {
-          const parts = color.split(".");
-          let resolved = theme.palette;
-          for (const part of parts) {
-            resolved = resolved?.[part];
-          }
-          return typeof resolved === "string" ? alpha(resolved, 0.08) : alpha(theme.palette.primary.main, 0.08);
-        }
-      },
-      children: icon
-    }
-  );
-}
-function EmptyContent({
-  illustration,
-  icon,
-  iconColor = "primary.main",
-  iconSize = 64,
-  title = "No data",
-  description,
-  action,
-  actions,
-  maxWidth = 400,
-  filled = false,
-  sx,
-  illustrationSx,
-  slotProps,
-  compact = false
-}) {
-  const visual = icon ? /* @__PURE__ */ jsx(IconWrapper, { icon, color: iconColor, size: iconSize }) : illustration ? /* @__PURE__ */ jsx(Box8, { sx: illustrationSx, children: illustration }) : null;
-  const allActions = [...actions ?? [], ...action ? [action] : []];
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      sx: {
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "center",
-        py: compact ? 4 : 8,
-        px: 2,
-        // Default non-compact behavior: vertically center inside the
-        // available "main content" area. Two complementary anchors:
-        //   * `flex: 1, alignSelf: 'stretch'` — when the parent IS a
-        //     flex column with explicit height (DashboardLayout main,
-        //     full-height page wrappers), EmptyContent grows to fill
-        //     the column and the inner `justifyContent: center` puts
-        //     the message in the middle of that column.
-        //   * `minHeight: calc(100vh - 240px)` — fallback for the
-        //     common case where the page wrapper is just a content-
-        //     sized `<Stack>` or `<Box>`. 240px is the typical
-        //     vertical chrome (header ~64 + breadcrumbs ~60 + page
-        //     padding ~80 + a small margin), so this leaves enough
-        //     space below the breadcrumbs for the message to sit at
-        //     the optical center of the visible viewport.
-        //
-        // `compact` keeps the inline-sized behavior for callers that
-        // drop EmptyContent inside a card cell or sidebar.
-        // `filled` is the explicit "fill my parent" mode and shares
-        // the same fallback so the visual is consistent.
-        ...!compact && {
-          flex: 1,
-          alignSelf: "stretch",
-          minHeight: "calc(100vh - 240px)"
-        },
-        ...filled && { height: "100%" },
-        ...sx
-      },
-      children: /* @__PURE__ */ jsxs(
-        Box8,
-        {
-          sx: {
-            maxWidth,
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            gap: compact ? 1.5 : 2.5
-          },
-          children: [
-            visual,
-            /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: {
-              alignItems: "center"
-            }, children: [
-              title && /* @__PURE__ */ jsx(
-                Typography3,
-                {
-                  variant: compact ? "subtitle1" : "h6",
-                  sx: {
-                    color: "text.secondary",
-                    fontWeight: 600,
-                    ...slotProps?.title
-                  },
-                  children: title
-                }
-              ),
-              description && /* @__PURE__ */ jsx(
-                Typography3,
-                {
-                  variant: "body2",
-                  sx: {
-                    color: "text.disabled",
-                    lineHeight: 1.6,
-                    ...slotProps?.description
-                  },
-                  children: description
-                }
-              )
-            ] }),
-            allActions.length > 0 && /* @__PURE__ */ jsx(
-              Stack,
-              {
-                direction: "row",
-                spacing: 1,
-                sx: { mt: compact ? 0.5 : 1, flexWrap: "wrap", justifyContent: "center", ...slotProps?.actions },
-                children: allActions.map((a, i) => /* @__PURE__ */ jsx(Box8, { children: a }, i))
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-function SearchEmptyContent({
-  query,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    EmptyContent,
-    {
-      title: "No results found",
-      description: query ? `Your search for "${query}" did not match any results.` : "Try adjusting your search criteria.",
-      ...props
-    }
-  );
-}
-function LoadingEmptyContent({ ...props }) {
-  return /* @__PURE__ */ jsx(
-    EmptyContent,
-    {
-      title: "Loading...",
-      illustration: /* @__PURE__ */ jsx(
-        Box8,
-        {
-          sx: {
-            width: 64,
-            height: 64,
-            borderRadius: "50%",
-            border: "3px solid",
-            borderColor: "divider",
-            borderTopColor: "primary.main",
-            animation: "spin 1s linear infinite",
-            "@keyframes spin": {
-              from: { transform: "rotate(0deg)" },
-              to: { transform: "rotate(360deg)" }
-            }
-          }
-        }
-      ),
-      compact: true,
-      ...props
-    }
-  );
-}
+// src/components/field/field-text.tsx
 function FieldText({
   name,
   helperText,
@@ -1017,7 +691,7 @@ function FieldRating({
         const hasHelper = !!(error?.message || helperText);
         return /* @__PURE__ */ jsxs(FormControl8, { error: !!error, ...formControlProps, children: [
           label && /* @__PURE__ */ jsx(FormLabel6, { id: labelId, sx: { mb: 1 }, children: label }),
-          /* @__PURE__ */ jsxs(Box8, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsxs(Box6, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
             /* @__PURE__ */ jsx(
               Rating,
               {
@@ -1036,7 +710,7 @@ function FieldRating({
               }
             ),
             showValue && /* @__PURE__ */ jsxs(
-              Box8,
+              Box6,
               {
                 component: "span",
                 sx: {
@@ -1089,9 +763,9 @@ function FieldSlider({
       render: ({ field, fieldState: { error } }) => {
         const hasHelper = !!(error?.message || helperText);
         return /* @__PURE__ */ jsxs(FormControl8, { error: !!error, fullWidth: true, ...formControlProps, children: [
-          (label || showValue) && /* @__PURE__ */ jsxs(Box8, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1 }, children: [
+          (label || showValue) && /* @__PURE__ */ jsxs(Box6, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 1 }, children: [
             label && /* @__PURE__ */ jsx(FormLabel6, { id: labelId, children: label }),
-            showValue && /* @__PURE__ */ jsx(Typography3, { variant: "body2", sx: {
+            showValue && /* @__PURE__ */ jsx(Typography2, { variant: "body2", sx: {
               color: "text.secondary"
             }, children: displayValue(field.value ?? (Array.isArray(other.defaultValue) ? [min, max] : min)) })
           ] }),
@@ -1377,7 +1051,7 @@ function FieldMultiCheckbox({
                   children: label
                 }
               ),
-              /* @__PURE__ */ jsx(Box8, { ...slotProps?.container, children: /* @__PURE__ */ jsx(FormGroup, { row, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Box6, { ...slotProps?.container, children: /* @__PURE__ */ jsx(FormGroup, { row, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
                 FormControlLabel,
                 {
                   label: option.label,
@@ -1446,7 +1120,7 @@ function FieldMultiSwitch({
                   children: label
                 }
               ),
-              /* @__PURE__ */ jsx(Box8, { ...slotProps?.container, children: /* @__PURE__ */ jsx(FormGroup, { row, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Box6, { ...slotProps?.container, children: /* @__PURE__ */ jsx(FormGroup, { row, ...other, children: options.map((option) => /* @__PURE__ */ jsx(
                 FormControlLabel,
                 {
                   label: option.label,
@@ -1557,9 +1231,9 @@ function FieldCode({
           }
         };
         const hasHelper = !!(error?.message || helperText);
-        return /* @__PURE__ */ jsxs(Box8, { role: "group", "aria-label": `${name} code input`, ...slotProps?.wrapper, children: [
+        return /* @__PURE__ */ jsxs(Box6, { role: "group", "aria-label": `${name} code input`, ...slotProps?.wrapper, children: [
           /* @__PURE__ */ jsx(
-            Box8,
+            Box6,
             {
               sx: {
                 display: "flex",
@@ -1660,7 +1334,7 @@ function UploadPlaceholder({ isDragActive, disabled }) {
       },
       children: [
         /* @__PURE__ */ jsx(
-          Box8,
+          Box6,
           {
             component: "span",
             sx: {
@@ -1677,10 +1351,10 @@ function UploadPlaceholder({ isDragActive, disabled }) {
             children: "\u{1F4C1}"
           }
         ),
-        /* @__PURE__ */ jsx(Typography3, { variant: "body2", component: "span", children: isDragActive ? "Drop files here" : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Typography2, { variant: "body2", component: "span", children: isDragActive ? "Drop files here" : /* @__PURE__ */ jsxs(Fragment, { children: [
           "Drag & drop files here, or",
           " ",
-          /* @__PURE__ */ jsx(Typography3, { component: "span", variant: "body2", sx: { color: "primary.main", textDecoration: "underline" }, children: "browse" })
+          /* @__PURE__ */ jsx(Typography2, { component: "span", variant: "body2", sx: { color: "primary.main", textDecoration: "underline" }, children: "browse" })
         ] }) })
       ]
     }
@@ -1693,7 +1367,7 @@ function FilePreview({ files, thumbnail, onRemove }) {
     const fileName = getFileName(file);
     const fileSize = file instanceof File ? formatFileSize(file.size) : "";
     return /* @__PURE__ */ jsxs(
-      Box8,
+      Box6,
       {
         sx: {
           p: 1,
@@ -1707,7 +1381,7 @@ function FilePreview({ files, thumbnail, onRemove }) {
         },
         children: [
           previewUrl && /* @__PURE__ */ jsx(
-            Box8,
+            Box6,
             {
               component: "img",
               src: previewUrl,
@@ -1721,14 +1395,14 @@ function FilePreview({ files, thumbnail, onRemove }) {
               }
             }
           ),
-          /* @__PURE__ */ jsxs(Box8, { sx: { flexGrow: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(Typography3, { variant: "body2", noWrap: true, children: fileName }),
-            fileSize && /* @__PURE__ */ jsx(Typography3, { variant: "caption", sx: {
+          /* @__PURE__ */ jsxs(Box6, { sx: { flexGrow: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx(Typography2, { variant: "body2", noWrap: true, children: fileName }),
+            fileSize && /* @__PURE__ */ jsx(Typography2, { variant: "caption", sx: {
               color: "text.secondary"
             }, children: fileSize })
           ] }),
           onRemove && /* @__PURE__ */ jsx(
-            IconButton3,
+            IconButton,
             {
               size: "small",
               onClick: () => onRemove(file),
@@ -1745,8 +1419,8 @@ function FilePreview({ files, thumbnail, onRemove }) {
 }
 function RejectionFiles({ rejections }) {
   if (rejections.length === 0) return null;
-  return /* @__PURE__ */ jsx(Box8, { sx: { mt: 2 }, children: rejections.map(({ file, errors }) => /* @__PURE__ */ jsxs(
-    Box8,
+  return /* @__PURE__ */ jsx(Box6, { sx: { mt: 2 }, children: rejections.map(({ file, errors }) => /* @__PURE__ */ jsxs(
+    Box6,
     {
       sx: {
         p: 1,
@@ -1757,8 +1431,8 @@ function RejectionFiles({ rejections }) {
         borderColor: "error.light"
       },
       children: [
-        /* @__PURE__ */ jsx(Typography3, { variant: "body2", color: "error", children: file.name }),
-        errors.map((error) => /* @__PURE__ */ jsx(Typography3, { variant: "caption", color: "error", children: error.message }, error.code))
+        /* @__PURE__ */ jsx(Typography2, { variant: "body2", color: "error", children: file.name }),
+        errors.map((error) => /* @__PURE__ */ jsx(Typography2, { variant: "caption", color: "error", children: error.message }, error.code))
       ]
     },
     file.name
@@ -1818,9 +1492,9 @@ function FieldUploadInner({
   });
   const hasError = !!error;
   const hasFiles = files.length > 0;
-  return /* @__PURE__ */ jsxs(Box8, { ...slotProps?.wrapper, children: [
+  return /* @__PURE__ */ jsxs(Box6, { ...slotProps?.wrapper, children: [
     /* @__PURE__ */ jsxs(
-      Box8,
+      Box6,
       {
         ...getRootProps(),
         sx: {
@@ -1847,8 +1521,8 @@ function FieldUploadInner({
     ),
     /* @__PURE__ */ jsx(RejectionFiles, { rejections }),
     /* @__PURE__ */ jsx(FilePreview, { files, thumbnail, onRemove: handleRemove }),
-    hasFiles && multiple && onRemoveAll && /* @__PURE__ */ jsx(Box8, { sx: { mt: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx(
-      Typography3,
+    hasFiles && multiple && onRemoveAll && /* @__PURE__ */ jsx(Box6, { sx: { mt: 1, textAlign: "right" }, children: /* @__PURE__ */ jsx(
+      Typography2,
       {
         component: "button",
         variant: "caption",
@@ -1935,9 +1609,9 @@ function FieldUploadBoxInner({
   });
   const previewUrl = value ? getPreviewUrl(value) : null;
   const hasError = !!error;
-  return /* @__PURE__ */ jsxs(Box8, { children: [
+  return /* @__PURE__ */ jsxs(Box6, { children: [
     /* @__PURE__ */ jsxs(
-      Box8,
+      Box6,
       {
         ...getRootProps(),
         sx: {
@@ -1963,7 +1637,7 @@ function FieldUploadBoxInner({
         children: [
           /* @__PURE__ */ jsx("input", { ...getInputProps() }),
           !previewUrl && /* @__PURE__ */ jsx(
-            Typography3,
+            Typography2,
             {
               sx: {
                 fontSize: size / 3,
@@ -2038,9 +1712,9 @@ function FieldUploadAvatarInner({
   });
   const previewUrl = value ? getPreviewUrl(value) : null;
   const hasError = !!error;
-  return /* @__PURE__ */ jsxs(Box8, { sx: { display: "inline-flex", flexDirection: "column", alignItems: "center" }, children: [
+  return /* @__PURE__ */ jsxs(Box6, { sx: { display: "inline-flex", flexDirection: "column", alignItems: "center" }, children: [
     /* @__PURE__ */ jsxs(
-      Box8,
+      Box6,
       {
         ...getRootProps(),
         sx: {
@@ -2069,11 +1743,11 @@ function FieldUploadAvatarInner({
                 height: "100%",
                 bgcolor: "background.neutral"
               },
-              children: !previewUrl && /* @__PURE__ */ jsx(Typography3, { sx: { fontSize: size / 4, color: "text.disabled" }, children: "\u{1F4F7}" })
+              children: !previewUrl && /* @__PURE__ */ jsx(Typography2, { sx: { fontSize: size / 4, color: "text.disabled" }, children: "\u{1F4F7}" })
             }
           ),
           /* @__PURE__ */ jsxs(
-            Box8,
+            Box6,
             {
               className: "upload-overlay",
               sx: {
@@ -2089,8 +1763,8 @@ function FieldUploadAvatarInner({
                 transition: theme.transitions.create("opacity")
               },
               children: [
-                /* @__PURE__ */ jsx(Typography3, { sx: { fontSize: size / 6 }, children: "\u{1F4F7}" }),
-                /* @__PURE__ */ jsx(Typography3, { variant: "caption", children: previewUrl ? "Update" : "Upload" })
+                /* @__PURE__ */ jsx(Typography2, { sx: { fontSize: size / 6 }, children: "\u{1F4F7}" }),
+                /* @__PURE__ */ jsx(Typography2, { variant: "caption", children: previewUrl ? "Update" : "Upload" })
               ]
             }
           )
@@ -2273,7 +1947,7 @@ function FieldPhone({
                 input: {
                   startAdornment: !hideCountrySelect && /* @__PURE__ */ jsxs(InputAdornment, { position: "start", children: [
                     /* @__PURE__ */ jsx(
-                      IconButton3,
+                      IconButton,
                       {
                         ref: anchorRef,
                         onClick: handleOpenMenu,
@@ -2285,7 +1959,7 @@ function FieldPhone({
                         "aria-expanded": menuOpen,
                         sx: { mr: -0.5 },
                         children: /* @__PURE__ */ jsx(
-                          Box8,
+                          Box6,
                           {
                             component: "span",
                             sx: {
@@ -2300,7 +1974,7 @@ function FieldPhone({
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Typography3,
+                      Typography2,
                       {
                         variant: "body2",
                         sx: {
@@ -2596,7 +2270,7 @@ function FieldCountrySelect({
             isOptionEqualToValue: (option, value) => option.code === value.code,
             renderOption: (props, option) => {
               const { key, ...optionProps } = props;
-              return /* @__PURE__ */ jsxs(Box8, { component: "li", sx: { "& > span": { mr: 1.5, flexShrink: 0 } }, ...optionProps, children: [
+              return /* @__PURE__ */ jsxs(Box6, { component: "li", sx: { "& > span": { mr: 1.5, flexShrink: 0 } }, ...optionProps, children: [
                 /* @__PURE__ */ jsx("span", { style: { fontSize: "1.25rem" }, children: option.flag }),
                 option.label,
                 " (",
@@ -2848,287 +2522,7 @@ var Field = {
   /** Headless editor field with render prop */
   CustomEditor: FieldCustomEditor
 };
-function parseStackFrame(line) {
-  const patterns = [
-    // Named function with file: at functionName (file:line:col)
-    // Also covers the bundler-rewritten form `(file?v=hash:line:col)`: the
-    // lazy `(.+?)` swallows the query string, which `cleanFilePath` strips.
-    /at\s+(?:async\s+)?([^\s(]+)\s+\((.+?):(\d+):(\d+)\)/,
-    // Anonymous at file: at file:line:col
-    /at\s+(.+?):(\d+):(\d+)/
-  ];
-  for (const pattern of patterns) {
-    const match = line.match(pattern);
-    if (match) {
-      const [, funcOrFile, file, lineStr, colStr] = match;
-      const hasFile = colStr !== void 0;
-      const functionName = hasFile ? funcOrFile : null;
-      const filePath = hasFile ? file : funcOrFile;
-      const lineNumber = parseInt(hasFile ? lineStr : file, 10);
-      const columnNumber = parseInt(hasFile ? colStr : lineStr, 10);
-      const isAppCode = !filePath.includes("node_modules") && filePath.includes("src/");
-      return {
-        functionName: functionName || null,
-        filePath: cleanFilePath(filePath),
-        lineNumber: isNaN(lineNumber) ? null : lineNumber,
-        columnNumber: isNaN(columnNumber) ? null : columnNumber,
-        isAppCode
-      };
-    }
-  }
-  return null;
-}
-function cleanFilePath(path) {
-  const cleaned = path.replace(/\?.*$/, "");
-  const srcIndex = cleaned.indexOf("/src/");
-  if (srcIndex !== -1) {
-    return cleaned.slice(srcIndex + 1);
-  }
-  const parts = cleaned.split("/");
-  if (parts.length > 3) {
-    return parts.slice(-3).join("/");
-  }
-  return cleaned;
-}
-function parseStackTrace(stack) {
-  if (!stack) {
-    return { primary: null, frames: [], raw: "" };
-  }
-  const lines = stack.split("\n");
-  const frames = [];
-  for (const line of lines) {
-    const frame = parseStackFrame(line.trim());
-    if (frame) {
-      frames.push(frame);
-    }
-  }
-  const primary = frames.find((f) => f.isAppCode) ?? frames[0] ?? null;
-  return { primary, frames, raw: stack };
-}
-function getErrorLocation(error) {
-  const parsed = parseStackTrace(error.stack);
-  const { primary } = parsed;
-  if (!primary) {
-    return "Unknown location";
-  }
-  const parts = [];
-  if (primary.functionName) {
-    parts.push(`in ${primary.functionName}`);
-  }
-  if (primary.filePath) {
-    const location = primary.lineNumber ? `${primary.filePath}:${primary.lineNumber}` : primary.filePath;
-    parts.push(`(${location})`);
-  }
-  return parts.join(" ") || "Unknown location";
-}
-function DefaultErrorFallback({
-  error,
-  parsedStack,
-  resetErrorBoundary,
-  sx,
-  showDetails
-}) {
-  const [expanded, setExpanded] = useState(false);
-  const [copied, setCopied] = useState(false);
-  const shouldShowDetails = showDetails ?? (typeof process !== "undefined" && process.env.NODE_ENV === "development");
-  const handleCopyStack = async () => {
-    try {
-      const text = [
-        `Error: ${error.message}`,
-        `Location: ${getErrorLocation(error)}`,
-        "",
-        "Stack Trace:",
-        parsedStack.raw
-      ].join("\n");
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    Box8,
-    {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: 200,
-        p: 3,
-        textAlign: "center",
-        ...sx
-      },
-      children: [
-        /* @__PURE__ */ jsx(Typography3, { variant: "h6", color: "error", gutterBottom: true, children: "Something went wrong" }),
-        /* @__PURE__ */ jsx(
-          Typography3,
-          {
-            variant: "body2",
-            sx: {
-              color: "text.secondary",
-              mb: 1,
-              maxWidth: 400
-            },
-            children: error.message || "An unexpected error occurred"
-          }
-        ),
-        shouldShowDetails && parsedStack.primary && /* @__PURE__ */ jsxs(
-          Typography3,
-          {
-            variant: "caption",
-            sx: {
-              color: "text.secondary",
-              mb: 2,
-              fontFamily: "monospace"
-            },
-            children: [
-              parsedStack.primary.filePath,
-              parsedStack.primary.lineNumber && `:${parsedStack.primary.lineNumber}`,
-              parsedStack.primary.functionName && ` (${parsedStack.primary.functionName})`
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box8, { sx: { display: "flex", gap: 1, mb: 2 }, children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: resetErrorBoundary, children: "Try Again" }),
-          shouldShowDetails && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              IconButton3,
-              {
-                size: "small",
-                onClick: () => setExpanded(!expanded),
-                "aria-label": expanded ? "Hide stack trace" : "Show stack trace",
-                "aria-expanded": expanded,
-                sx: {
-                  transform: expanded ? "rotate(180deg)" : "rotate(0deg)",
-                  transition: "transform 0.2s"
-                },
-                children: /* @__PURE__ */ jsx(ExpandMoreIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(IconButton3, { size: "small", onClick: handleCopyStack, title: "Copy error details", children: /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" }) }),
-            copied && /* @__PURE__ */ jsx(
-              Typography3,
-              {
-                variant: "caption",
-                sx: {
-                  color: "success.main",
-                  alignSelf: "center"
-                },
-                children: "Copied!"
-              }
-            )
-          ] })
-        ] }),
-        shouldShowDetails && /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsx(
-          Box8,
-          {
-            sx: {
-              mt: 1,
-              p: 2,
-              // Theme-aware: `grey.100` is a light value in both modes,
-              // which put dark text on a near-white block in dark mode.
-              bgcolor: "action.hover",
-              borderRadius: 1,
-              maxWidth: 600,
-              maxHeight: 300,
-              overflow: "auto",
-              textAlign: "left"
-            },
-            children: /* @__PURE__ */ jsx(Typography3, { variant: "caption", component: "pre", sx: { fontFamily: "monospace", m: 0 }, children: parsedStack.frames.map((frame, i) => /* @__PURE__ */ jsxs(
-              Box8,
-              {
-                component: "span",
-                sx: {
-                  display: "block",
-                  color: frame.isAppCode ? "error.main" : "text.secondary",
-                  fontWeight: frame.isAppCode ? 600 : 400
-                },
-                children: [
-                  frame.functionName || "(anonymous)",
-                  " at ",
-                  frame.filePath || "unknown",
-                  frame.lineNumber && `:${frame.lineNumber}`
-                ]
-              },
-              i
-            )) })
-          }
-        ) })
-      ]
-    }
-  );
-}
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hasError: false,
-      error: null,
-      errorInfo: null
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    const parsedStack = parseStackTrace(error.stack);
-    this.setState({ errorInfo });
-    this.props.onError?.(error, errorInfo, parsedStack);
-  }
-  componentDidUpdate(prevProps) {
-    const { resetKeys } = this.props;
-    const { hasError } = this.state;
-    if (hasError && resetKeys) {
-      const previous = prevProps.resetKeys;
-      const hasKeyChanged = previous === void 0 || previous.length !== resetKeys.length || resetKeys.some((key, index) => key !== previous[index]);
-      if (hasKeyChanged) {
-        this.resetErrorBoundary();
-      }
-    }
-  }
-  resetErrorBoundary = () => {
-    this.props.onReset?.();
-    this.setState({
-      hasError: false,
-      error: null,
-      errorInfo: null
-    });
-  };
-  render() {
-    const { hasError, error, errorInfo } = this.state;
-    const { children, fallback, sx, showDetails } = this.props;
-    if (hasError && error) {
-      const parsedStack = parseStackTrace(error.stack);
-      const fallbackProps = {
-        error,
-        errorInfo,
-        parsedStack,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallback === "function") {
-        return fallback(fallbackProps);
-      }
-      if (fallback) {
-        return fallback;
-      }
-      return /* @__PURE__ */ jsx(DefaultErrorFallback, { ...fallbackProps, sx, showDetails });
-    }
-    return children;
-  }
-};
-function useErrorBoundary() {
-  const [, setError] = useState(null);
-  return (error) => {
-    setError(() => {
-      throw error;
-    });
-  };
-}
 
-export { EmptyContent, ErrorBoundary, Field, FieldAutocomplete, FieldCheckbox, FieldCode, FieldCountrySelect, FieldCustomEditor, FieldDatePicker, FieldDateTimePicker, FieldEditor, FieldMultiCheckbox, FieldMultiSelect, FieldMultiSwitch, FieldNumber, FieldPhone, FieldRadio, FieldRating, FieldSelect, FieldSlider, FieldSwitch, FieldText, FieldTimePicker, FieldUpload, FieldUploadAvatar, FieldUploadBox, LoadingEmptyContent, SearchEmptyContent, SearchInput, clampNumber, createNumberInputHandlers, getErrorLocation, parseNumber, parseStackTrace, roundToDecimals, transformForDisplay, transformOnBlur, transformOnChange, useErrorBoundary };
-//# sourceMappingURL=chunk-OBJ244BO.js.map
-//# sourceMappingURL=chunk-OBJ244BO.js.map
+export { Field, FieldAutocomplete, FieldCheckbox, FieldCode, FieldCountrySelect, FieldCustomEditor, FieldDatePicker, FieldDateTimePicker, FieldEditor, FieldMultiCheckbox, FieldMultiSelect, FieldMultiSwitch, FieldNumber, FieldPhone, FieldRadio, FieldRating, FieldSelect, FieldSlider, FieldSwitch, FieldText, FieldTimePicker, FieldUpload, FieldUploadAvatar, FieldUploadBox, clampNumber, createNumberInputHandlers, parseNumber, roundToDecimals, transformForDisplay, transformOnBlur, transformOnChange };
+//# sourceMappingURL=chunk-LFWKGNCX.js.map
+//# sourceMappingURL=chunk-LFWKGNCX.js.map