@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-F2CGFVIZ.mjs

@@ -0,0 +1,83 @@
+import {
+  default106 as default4,
+  default145 as default5
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  Button
+} from "./chunk-D4XPNSSI.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+
+// src/components/elemental/ErrorState/src/ErrorState.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ErrorState({
+  icon,
+  title = "Something went wrong",
+  description,
+  retry,
+  retryLabel = "Try again",
+  sx
+}) {
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      role: "alert",
+      "data-testid": "error-state",
+      sx: [
+        {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          textAlign: "center",
+          gap: 1,
+          px: 3,
+          py: 4,
+          borderRadius: "16px",
+          border: "1px dashed var(--mui-palette-border-1)",
+          backgroundColor: "color-mix(in srgb, var(--mui-palette-error-main) 5%, var(--mui-palette-background-paper))",
+          boxSizing: "border-box",
+          minHeight: 160
+        },
+        ...Array.isArray(sx) ? sx : sx ? [sx] : []
+      ],
+      children: [
+        /* @__PURE__ */ jsx(
+          default2,
+          {
+            "aria-hidden": true,
+            sx: { color: "var(--mui-palette-error-main)", display: "flex", opacity: 0.9 },
+            children: icon ?? /* @__PURE__ */ jsx(default5, { sx: { fontSize: 40 } })
+          }
+        ),
+        typeof title === "string" ? /* @__PURE__ */ jsx(default3, { variant: "subtitle1", sx: { m: 0, fontWeight: 600 }, children: title }) : title,
+        description ? typeof description === "string" ? /* @__PURE__ */ jsx(default3, { variant: "body2", color: "text.secondary", sx: { m: 0, maxWidth: 360 }, children: description }) : description : null,
+        retry ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "outlined",
+            color: "error",
+            onClick: retry,
+            startIcon: /* @__PURE__ */ jsx(default4, {}),
+            sx: {
+              mt: 0.5,
+              textTransform: "none",
+              borderColor: "var(--mui-palette-border-1)"
+            },
+            children: retryLabel
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+export {
+  ErrorState
+};
+//# sourceMappingURL=chunk-F2CGFVIZ.mjs.map

package/dist/chunk-F2CGFVIZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/ErrorState/src/ErrorState.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\nimport { Button } from '@/ele/Button'\nimport { ErrorOutlineOutlinedIcon, ReplayIcon } from '@/icons/MuiIcon'\n\nexport type ErrorStateProps = {\n  icon?: React.ReactNode\n  title?: React.ReactNode\n  description?: React.ReactNode\n  retry?: () => void\n  retryLabel?: string\n  sx?: React.ComponentProps<typeof Box>['sx']\n}\n\n/**\n * Page/section-level error with soft dashed frame and optional retry.\n */\nexport function ErrorState({\n  icon,\n  title = 'Something went wrong',\n  description,\n  retry,\n  retryLabel = 'Try again',\n  sx,\n}: ErrorStateProps) {\n  return (\n    <Box\n      role=\"alert\"\n      data-testid=\"error-state\"\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center',\n          textAlign: 'center',\n          gap: 1,\n          px: 3,\n          py: 4,\n          borderRadius: '16px',\n          border: '1px dashed var(--mui-palette-border-1)',\n          backgroundColor:\n            'color-mix(in srgb, var(--mui-palette-error-main) 5%, var(--mui-palette-background-paper))',\n          boxSizing: 'border-box',\n          minHeight: 160,\n        },\n        ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n      ] as never}\n    >\n      <Box\n        aria-hidden\n        sx={{ color: 'var(--mui-palette-error-main)', display: 'flex', opacity: 0.9 }}\n      >\n        {icon ?? <ErrorOutlineOutlinedIcon sx={{ fontSize: 40 }} />}\n      </Box>\n      {typeof title === 'string' ? (\n        <Typography variant=\"subtitle1\" sx={{ m: 0, fontWeight: 600 }}>\n          {title}\n        </Typography>\n      ) : (\n        title\n      )}\n      {description ? (\n        typeof description === 'string' ? (\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ m: 0, maxWidth: 360 }}>\n            {description}\n          </Typography>\n        ) : (\n          description\n        )\n      ) : null}\n      {retry ? (\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          color=\"error\"\n          onClick={retry}\n          startIcon={<ReplayIcon />}\n          sx={{\n            mt: 0.5,\n            textTransform: 'none',\n            borderColor: 'var(--mui-palette-border-1)',\n          }}\n        >\n          {retryLabel}\n        </Button>\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AA4BI,SA2Ba,KA3Bb;AATG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAoB;AAClB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,IAAI;AAAA,QACF;AAAA,UACE,SAAS;AAAA,UACT,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,WAAW;AAAA,UACX,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,iBACE;AAAA,UACF,WAAW;AAAA,UACX,WAAW;AAAA,QACb;AAAA,QACA,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAC;AAAA,MAC5C;AAAA,MAEA;AAAA;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,IAAI,EAAE,OAAO,iCAAiC,SAAS,QAAQ,SAAS,IAAI;AAAA,YAE3E,kBAAQ,oBAACA,UAAA,EAAyB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,QAC3D;AAAA,QACC,OAAO,UAAU,WAChB,oBAACA,UAAA,EAAW,SAAQ,aAAY,IAAI,EAAE,GAAG,GAAG,YAAY,IAAI,GACzD,iBACH,IAEA;AAAA,QAED,cACC,OAAO,gBAAgB,WACrB,oBAACA,UAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,IAAI,EAAE,GAAG,GAAG,UAAU,IAAI,GAC1E,uBACH,IAEA,cAEA;AAAA,QACH,QACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,SAAS;AAAA,YACT,WAAW,oBAACA,UAAA,EAAW;AAAA,YACvB,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,eAAe;AAAA,cACf,aAAa;AAAA,YACf;AAAA,YAEC;AAAA;AAAA,QACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":["default"]}

package/dist/{chunk-R5MKQN6D.mjs → chunk-FBLSJQWK.mjs}

@@ -1,6 +1,6 @@
 import {
   LineInput_default
-} from "./chunk-ZG3NQI77.mjs";
+} from "./chunk-SMD7OEUW.mjs";
 import {
   default as default3
 } from "./chunk-MDAUF7IL.mjs";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZVFYOXDE.mjs";
 import {
   default as default2
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-PNSJC6PC.mjs";
 
 // src/components/elemental/VariablesRenderer/Var/Var.tsx
 import { useState, useEffect, useRef } from "react";
@@ -224,4 +224,4 @@ export {
   Var,
   VarField
 };
-//# sourceMappingURL=chunk-R5MKQN6D.mjs.map
+//# sourceMappingURL=chunk-FBLSJQWK.mjs.map

package/dist/{chunk-BGB7JHIU.mjs → chunk-FMGZCOJC.mjs}

@@ -6,9 +6,11 @@ import {
 } from "./chunk-T4X375IG.mjs";
 import {
   default as default2,
-  default2 as default3,
+  default2 as default3
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/elemental/Checkbox/src/Checkbox/index.ts
 import { default as default6 } from "@mui/material/Checkbox";
@@ -219,4 +221,4 @@ export {
   default6 as default,
   CheckboxGroup
 };
-//# sourceMappingURL=chunk-BGB7JHIU.mjs.map
+//# sourceMappingURL=chunk-FMGZCOJC.mjs.map

package/dist/{chunk-BGB7JHIU.mjs.map → chunk-FMGZCOJC.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/elemental/Checkbox/src/Checkbox/index.ts","../src/components/elemental/Checkbox/src/Checkbox/theme.ts","../src/components/elemental/Checkbox/src/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["export {default as Checkbox} from '@mui/material/Checkbox'\nexport * from './theme'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const checkboxTheme = {\n  defaultProps: {\n  },\n  styleOverrides: {\n    root: {\n      '--checkbox-color': 'var(--mui-palette-text-grey-1)',\n      '--checkbox-selected-bg':'var(--mui-palette-primary-emphasis)',\n\n      color: 'var(--checkbox-color)',\n\n      \"&.MuiCheckbox-colorPrimary\":{\n        '--checkbox-selected-bg': 'var(--mui-palette-primary-emphasis)',\n      },\n\n      \"&.MuiCheckbox-colorError\":{\n        '--checkbox-color': 'var(--mui-palette-error-main)',\n      },\n\n      \"&.Mui-checked, &.MuiCheckbox-indeterminate\": {\n        color: 'var(--checkbox-selected-bg)',\n\n        \"&.MuiCheckbox-colorError\":{\n          color: 'var(--mui-palette-error-main)',\n        }\n      },\n\n      // check label\n      [`&.MuiCheckbox-root + .MuiFormControlLabel-label,\n      &.MuiCheckbox-root + .MuiFormControlLabel-label .MuiFormLabel-root\n        `]: {\n        fontSize: 'inherit',\n      },\n    },\n  },\n} satisfies MuiComponentTheme<'MuiCheckbox'>","import { FormControl as MuiFormControl, FormControlLabel as MuiFormControlLabel, FormHelperText as MuiFormHelperText, FormLabel as MuiFormLabel } from '@/ele/Form'\nimport { type FormControlProps } from '@mui/material/FormControl'\nimport MuiFormGroup, { type FormGroupProps } from '@mui/material/FormGroup'\nimport { Box, Stack as MuiStack } from '@/ele/Box'\n\nimport { Checkbox as MuiCheckBox } from '../Checkbox'\nimport { mergeSx } from '@/_utils/_func'\n\nexport interface CheckOptionType{\n    id:string;\n    label:string;\n}\ntype CheckedStateValue = CheckOptionType['id'][]\ntype OnCheck = (option:CheckOptionType)=>void\n\nexport default function CheckboxGroup({\n    error,\n    required = false,\n    options,\n    setCheckedIds,\n    title,\n    titleSuffix,\n    inputProps,\n    checkedIds,\n    helperText,\n    errorText,\n    direction = \"row\",\n    slotProps = {},\n}: {\n    error?: boolean,\n    title?: React.ComponentProps<typeof MuiFormLabel>['children'],\n    titleSuffix?: React.ComponentProps<typeof MuiFormLabel>['children'],\n    options: CheckOptionType[];\n    setCheckedIds?: React.Dispatch<React.SetStateAction<CheckedStateValue>>;\n    checkedIds: CheckedStateValue;\n    required?: boolean,\n    helperText?: string,\n    errorText?: string,\n    direction?: 'row' | 'column',\n    inputProps?: NonNullable<React.ComponentProps<typeof MuiCheckBox>['slotProps']>['input'],\n    slotProps?: {\n      fieldset?: Partial<FormControlProps>,\n      group?: Partial<Omit<FormGroupProps, \"row\">>,\n    }\n}) {\n\n  const onCheck:OnCheck = (option:CheckOptionType) => {\n    if(!setCheckedIds)return;\n\n    setCheckedIds(old=>{\n      if(old.includes(option.id)){\n        return old.filter(v=>v!==option.id)\n      }else{\n        return [...old,option.id]\n      }\n    })\n  }\n\n  const onCheckAll = () => {\n    if(!setCheckedIds)return;\n\n    if(checkedIds.length === options.length){\n      setCheckedIds([])\n    }else{\n      setCheckedIds(options.map(o=>o.id))\n    }\n  }\n\n    return (\n      <MuiFormControl required={required} error={error}\n      component=\"fieldset\" variant=\"standard\"\n\n      {...slotProps?.fieldset}\n      sx={mergeSx({ maxWidth:\"100%\" }, slotProps?.fieldset?.sx)}>\n        <MuiFormGroup {...slotProps?.group} row={false}>\n          <Parent onCheckAll={onCheckAll} \n\n            isMoreThanOne={options.length>1}\n            ceckedSize={checkedIds.length}\n            allOptionsSize={options.length}\n\n            error={!!error}\n            required={required}\n            title={title} titleSuffix={titleSuffix}\n          />\n          <OptionsCheckbox \n            direction={direction}\n            options={options}\n            selectedValues={checkedIds}\n            onCheck={onCheck}\n            inputProps={inputProps}\n            error={!!error}\n          />\n\n          {(helperText || errorText) && <MuiFormHelperText error={!!error}>{errorText ? errorText : helperText}</MuiFormHelperText>}\n        </MuiFormGroup>\n      </MuiFormControl>\n    )\n}\n\n// CHANGE 3: Refactored sub-component to use state array\nfunction OptionsCheckbox(p:{\n  direction: 'row' | 'column',\n  options: CheckOptionType[],\n  selectedValues: CheckedStateValue, // Receive state array\n  onCheck?:OnCheck,\n  inputProps?: NonNullable<React.ComponentProps<typeof MuiCheckBox>['slotProps']>['input'],\n  error?: boolean,\n\n}){\n  const {direction, options, onCheck, inputProps, error, selectedValues} = p;\n  \n  return (\n    <MuiStack direction={direction} spacing={1} maxWidth=\"100%\" ml={1}>\n      {options.map((option,index) => {\n        // Determine checked state by checking if value exists in array\n        const isChecked = selectedValues.includes(option.id);\n        \n        return (\n          <MuiFormControlLabel\n            sx={{\n              gap:0.5,marginLeft:0,\n              maxWidth:\"100%\",\n            }}\n            key={index}\n            color={error ? 'error' : 'primary'}\n            control={\n              <MuiCheckBox \n                sx={{p:0}}\n                value={option.id} \n                checked={isChecked} \n                onChange={onCheck ?\n                  () => onCheck(option)\n                  : undefined\n                }\n                slotProps={{\n                  input: inputProps\n                }}\n\n                color={error ? 'error' : 'primary'}\n              />\n            }\n            label={option.label}\n            />\n        )\n      })}\n    </MuiStack>\n  )\n}\n\nfunction Parent(p:{\n  onCheckAll?: () => void,\n  isMoreThanOne: boolean,\n  error:boolean,\n  required?: boolean,\n  title: React.ReactNode,\n  titleSuffix?: React.ReactNode,\n  ceckedSize: number,\n  allOptionsSize: number,\n}){\n  const {\n    onCheckAll, isMoreThanOne, \n    error, required, title, titleSuffix,\n    ceckedSize, allOptionsSize\n  } = p;\n  \n  return (\n    isMoreThanOne?<MuiFormControlLabel\n      sx={{\n        gap:0.5,marginLeft:0,\n      }}\n      control={\n        <MuiCheckBox \n          sx={{p:0}}\n          indeterminate={ceckedSize>0 && ceckedSize<allOptionsSize}\n          checked={ceckedSize === allOptionsSize}\n          onChange={()=>{\n            if(onCheckAll)onCheckAll()\n          }}\n          color={error ? 'error' : 'primary'}\n        />\n      }\n      label={\n        <ParentLabel\n          required={required}\n          title={title}\n          titleSuffix={titleSuffix}    \n        />\n      }\n    />\n    :<ParentLabel\n      required={required}\n      title={title}\n      titleSuffix={titleSuffix}    \n    />\n  )\n}\n\nfunction ParentLabel(p:{\n  required?: boolean,\n  title: React.ReactNode,\n  titleSuffix?: React.ReactNode,\n}){\n  const { required, title, titleSuffix } = p;\n  \n  return (\n    <Box \n      sx={{display:\"flex\",alignItems:\"center\",gap:1, maxWidth:\"100%\"}}\n    >\n      <MuiFormLabel sx={{display: 'flex', alignItems: 'center', gap: 1, width: '100%', '& .MuiFormLabel-asterisk': { display: 'none' }}}>\n        <Box sx={{display: 'inline-flex', alignItems: 'center', gap: 0.5}}>\n          <Box sx={{flexGrow:0}}>{title}</Box>\n          {required && <Box component=\"span\" sx={{ color: 'inherit', fontWeight: 'bold' }}>*</Box>}\n        </Box>\n        {titleSuffix && <Box sx={{flexShrink:0, display: 'inline-flex'}}>{titleSuffix}</Box>}\n      </MuiFormLabel>\n    </Box>\n  )\n}"],"mappings":"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","names":["default","default"]}
+{"version":3,"sources":["../src/components/elemental/Checkbox/src/Checkbox/index.ts","../src/components/elemental/Checkbox/src/Checkbox/theme.ts","../src/components/elemental/Checkbox/src/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["export {default as Checkbox} from '@mui/material/Checkbox'\nexport * from './theme'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const checkboxTheme = {\n  defaultProps: {\n  },\n  styleOverrides: {\n    root: {\n      '--checkbox-color': 'var(--mui-palette-text-grey-1)',\n      '--checkbox-selected-bg':'var(--mui-palette-primary-emphasis)',\n\n      color: 'var(--checkbox-color)',\n\n      \"&.MuiCheckbox-colorPrimary\":{\n        '--checkbox-selected-bg': 'var(--mui-palette-primary-emphasis)',\n      },\n\n      \"&.MuiCheckbox-colorError\":{\n        '--checkbox-color': 'var(--mui-palette-error-main)',\n      },\n\n      \"&.Mui-checked, &.MuiCheckbox-indeterminate\": {\n        color: 'var(--checkbox-selected-bg)',\n\n        \"&.MuiCheckbox-colorError\":{\n          color: 'var(--mui-palette-error-main)',\n        }\n      },\n\n      // check label\n      [`&.MuiCheckbox-root + .MuiFormControlLabel-label,\n      &.MuiCheckbox-root + .MuiFormControlLabel-label .MuiFormLabel-root\n        `]: {\n        fontSize: 'inherit',\n      },\n    },\n  },\n} satisfies MuiComponentTheme<'MuiCheckbox'>","import { FormControl as MuiFormControl, FormControlLabel as MuiFormControlLabel, FormHelperText as MuiFormHelperText, FormLabel as MuiFormLabel } from '@/ele/Form'\nimport { type FormControlProps } from '@mui/material/FormControl'\nimport MuiFormGroup, { type FormGroupProps } from '@mui/material/FormGroup'\nimport { Box, Stack as MuiStack } from '@/ele/Box'\n\nimport { Checkbox as MuiCheckBox } from '../Checkbox'\nimport { mergeSx } from '@/_utils/_func'\n\nexport interface CheckOptionType{\n    id:string;\n    label:string;\n}\ntype CheckedStateValue = CheckOptionType['id'][]\ntype OnCheck = (option:CheckOptionType)=>void\n\nexport default function CheckboxGroup({\n    error,\n    required = false,\n    options,\n    setCheckedIds,\n    title,\n    titleSuffix,\n    inputProps,\n    checkedIds,\n    helperText,\n    errorText,\n    direction = \"row\",\n    slotProps = {},\n}: {\n    error?: boolean,\n    title?: React.ComponentProps<typeof MuiFormLabel>['children'],\n    titleSuffix?: React.ComponentProps<typeof MuiFormLabel>['children'],\n    options: CheckOptionType[];\n    setCheckedIds?: React.Dispatch<React.SetStateAction<CheckedStateValue>>;\n    checkedIds: CheckedStateValue;\n    required?: boolean,\n    helperText?: string,\n    errorText?: string,\n    direction?: 'row' | 'column',\n    inputProps?: NonNullable<React.ComponentProps<typeof MuiCheckBox>['slotProps']>['input'],\n    slotProps?: {\n      fieldset?: Partial<FormControlProps>,\n      group?: Partial<Omit<FormGroupProps, \"row\">>,\n    }\n}) {\n\n  const onCheck:OnCheck = (option:CheckOptionType) => {\n    if(!setCheckedIds)return;\n\n    setCheckedIds(old=>{\n      if(old.includes(option.id)){\n        return old.filter(v=>v!==option.id)\n      }else{\n        return [...old,option.id]\n      }\n    })\n  }\n\n  const onCheckAll = () => {\n    if(!setCheckedIds)return;\n\n    if(checkedIds.length === options.length){\n      setCheckedIds([])\n    }else{\n      setCheckedIds(options.map(o=>o.id))\n    }\n  }\n\n    return (\n      <MuiFormControl required={required} error={error}\n      component=\"fieldset\" variant=\"standard\"\n\n      {...slotProps?.fieldset}\n      sx={mergeSx({ maxWidth:\"100%\" }, slotProps?.fieldset?.sx)}>\n        <MuiFormGroup {...slotProps?.group} row={false}>\n          <Parent onCheckAll={onCheckAll} \n\n            isMoreThanOne={options.length>1}\n            ceckedSize={checkedIds.length}\n            allOptionsSize={options.length}\n\n            error={!!error}\n            required={required}\n            title={title} titleSuffix={titleSuffix}\n          />\n          <OptionsCheckbox \n            direction={direction}\n            options={options}\n            selectedValues={checkedIds}\n            onCheck={onCheck}\n            inputProps={inputProps}\n            error={!!error}\n          />\n\n          {(helperText || errorText) && <MuiFormHelperText error={!!error}>{errorText ? errorText : helperText}</MuiFormHelperText>}\n        </MuiFormGroup>\n      </MuiFormControl>\n    )\n}\n\n// CHANGE 3: Refactored sub-component to use state array\nfunction OptionsCheckbox(p:{\n  direction: 'row' | 'column',\n  options: CheckOptionType[],\n  selectedValues: CheckedStateValue, // Receive state array\n  onCheck?:OnCheck,\n  inputProps?: NonNullable<React.ComponentProps<typeof MuiCheckBox>['slotProps']>['input'],\n  error?: boolean,\n\n}){\n  const {direction, options, onCheck, inputProps, error, selectedValues} = p;\n  \n  return (\n    <MuiStack direction={direction} spacing={1} maxWidth=\"100%\" ml={1}>\n      {options.map((option,index) => {\n        // Determine checked state by checking if value exists in array\n        const isChecked = selectedValues.includes(option.id);\n        \n        return (\n          <MuiFormControlLabel\n            sx={{\n              gap:0.5,marginLeft:0,\n              maxWidth:\"100%\",\n            }}\n            key={index}\n            color={error ? 'error' : 'primary'}\n            control={\n              <MuiCheckBox \n                sx={{p:0}}\n                value={option.id} \n                checked={isChecked} \n                onChange={onCheck ?\n                  () => onCheck(option)\n                  : undefined\n                }\n                slotProps={{\n                  input: inputProps\n                }}\n\n                color={error ? 'error' : 'primary'}\n              />\n            }\n            label={option.label}\n            />\n        )\n      })}\n    </MuiStack>\n  )\n}\n\nfunction Parent(p:{\n  onCheckAll?: () => void,\n  isMoreThanOne: boolean,\n  error:boolean,\n  required?: boolean,\n  title: React.ReactNode,\n  titleSuffix?: React.ReactNode,\n  ceckedSize: number,\n  allOptionsSize: number,\n}){\n  const {\n    onCheckAll, isMoreThanOne, \n    error, required, title, titleSuffix,\n    ceckedSize, allOptionsSize\n  } = p;\n  \n  return (\n    isMoreThanOne?<MuiFormControlLabel\n      sx={{\n        gap:0.5,marginLeft:0,\n      }}\n      control={\n        <MuiCheckBox \n          sx={{p:0}}\n          indeterminate={ceckedSize>0 && ceckedSize<allOptionsSize}\n          checked={ceckedSize === allOptionsSize}\n          onChange={()=>{\n            if(onCheckAll)onCheckAll()\n          }}\n          color={error ? 'error' : 'primary'}\n        />\n      }\n      label={\n        <ParentLabel\n          required={required}\n          title={title}\n          titleSuffix={titleSuffix}    \n        />\n      }\n    />\n    :<ParentLabel\n      required={required}\n      title={title}\n      titleSuffix={titleSuffix}    \n    />\n  )\n}\n\nfunction ParentLabel(p:{\n  required?: boolean,\n  title: React.ReactNode,\n  titleSuffix?: React.ReactNode,\n}){\n  const { required, title, titleSuffix } = p;\n  \n  return (\n    <Box \n      sx={{display:\"flex\",alignItems:\"center\",gap:1, maxWidth:\"100%\"}}\n    >\n      <MuiFormLabel sx={{display: 'flex', alignItems: 'center', gap: 1, width: '100%', '& .MuiFormLabel-asterisk': { display: 'none' }}}>\n        <Box sx={{display: 'inline-flex', alignItems: 'center', gap: 0.5}}>\n          <Box sx={{flexGrow:0}}>{title}</Box>\n          {required && <Box component=\"span\" sx={{ color: 'inherit', fontWeight: 'bold' }}>*</Box>}\n        </Box>\n        {titleSuffix && <Box sx={{flexShrink:0, display: 'inline-flex'}}>{titleSuffix}</Box>}\n      </MuiFormLabel>\n    </Box>\n  )\n}"],"mappings":"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","names":["default","default"]}

package/dist/{chunk-UTVSYS6S.mjs → chunk-FNSIQ2B7.mjs}

@@ -1,19 +1,21 @@
 import {
   default as default4
 } from "./chunk-MDAUF7IL.mjs";
+import {
+  default124 as default5
+} from "./chunk-ZVFYOXDE.mjs";
 import {
   IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-D4XPNSSI.mjs";
 import {
   default as default3
 } from "./chunk-4Q54P737.mjs";
 import {
-  default124 as default5
-} from "./chunk-ZVFYOXDE.mjs";
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
 import {
-  default as default2,
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/compound/UseForm/src/_utils/constants.ts
 var FIELD_TYPEs = {
@@ -23,6 +25,8 @@ var FIELD_TYPEs = {
   check: "check-field",
   date: "date-field",
   dateTime: "date-time-field",
+  time: "time-field",
+  dateRange: "date-range-field",
   toggleButton: "toggle-button",
   autocomplete: "autocomplete-field",
   switch: "switch-field",
@@ -68,6 +72,10 @@ function isEmptyFormValue(value) {
   if (value === void 0 || value === null) return true;
   if (typeof value === "string" && value.trim() === "") return true;
   if (Array.isArray(value) && value.length === 0) return true;
+  if (typeof value === "object" && !Array.isArray(value) && value !== null && "start" in value && "end" in value) {
+    const range = value;
+    return isEmptyFormValue(range.start) && isEmptyFormValue(range.end);
+  }
   return false;
 }
 function validateFormSchema(config) {
@@ -108,8 +116,12 @@ var getDefaultValues = (config, allEmpty) => {
           }
           case FIELD_TYPEs.date:
           case FIELD_TYPEs.dateTime:
+          case FIELD_TYPEs.time:
             defaults[fieldName] = "";
             break;
+          case FIELD_TYPEs.dateRange:
+            defaults[fieldName] = { start: null, end: null };
+            break;
           case FIELD_TYPEs.toggleButton:
             defaults[fieldName] = "";
             break;
@@ -267,4 +279,4 @@ export {
   getDefaultValues,
   Explanation_default
 };
-//# sourceMappingURL=chunk-UTVSYS6S.mjs.map
+//# sourceMappingURL=chunk-FNSIQ2B7.mjs.map

package/dist/chunk-FNSIQ2B7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/_utils/constants.ts","../src/components/compound/UseForm/src/_utils/helpers.ts","../src/components/compound/UseForm/src/Fields/Explanation.tsx"],"sourcesContent":["export const FIELD_TYPEs = {\n  text: 'text-field',\n  select: 'select-field',\n  slider: 'slider-field',\n  check: 'check-field',\n  date: 'date-field',\n  dateTime: 'date-time-field',\n  time: 'time-field',\n  dateRange: 'date-range-field',\n  toggleButton: 'toggle-button',\n  autocomplete: 'autocomplete-field',\n  switch: 'switch-field',\n  number: 'number-field',\n  tel: 'tel-field',\n  json: 'json-field',\n  custom: 'custom-field',\n  textArray: 'text-array-field',\n  fileUpload: 'file-upload-field',\n  avatar: 'avatar-field',\n} as const\n","import type { SxProps, Theme } from '@mui/material/styles';\nimport { mergeSx } from '@/_utils/_func';\nimport type { Explanation, FieldConfig, FormTypeMap, InferFormDataType, RowConfig, StrictFormConfig } from './types';\nimport { FIELD_TYPEs } from './constants';\n\n/** Field `size` + host `sx`, flattened so array `sx` does not nest. */\nexport function mergeFieldSx(\n  size?: { width?: number | string; height?: number | string },\n  sx?: SxProps<Theme> | Record<string, unknown>,\n) {\n  return mergeSx(\n    size?.width != null ? { width: size.width } : undefined,\n    size?.height != null ? { height: size.height } : undefined,\n    sx,\n  )\n}\n\nexport function collectRows<T extends FormTypeMap>(config: StrictFormConfig<T>): RowConfig<T>[] {\n    const rows: RowConfig<T>[] = [];\n    if ('schema' in config && config.schema) {\n        rows.push(...config.schema as RowConfig<T>[]);\n    }\n    if ('steps' in config && config.steps) {\n        config.steps.forEach((step) => rows.push(...step.schema as RowConfig<T>[]));\n    }\n    return rows;\n}\n\nexport function collectFields<T extends FormTypeMap>(config: StrictFormConfig<T>): FieldConfig<T>[] {\n    return collectRows(config).flatMap((row) => row.fields);\n}\n\n/** Identity of registered fields (name/type/default). Used to avoid re-registering on config object identity changes. */\nexport function getFormFieldsSignature<T extends FormTypeMap>(config: StrictFormConfig<T>): string {\n    return JSON.stringify(\n        collectFields(config).map((field) => [field.name, field.type, field.defaultValue]),\n    );\n}\n\nexport function getFieldExplanation(\n    field: { explanation?: Explanation; explaination?: Explanation },\n): Explanation | undefined {\n    return field.explanation ?? field.explaination;\n}\n\nexport function isEmptyFormValue(value: unknown): boolean {\n    if (value === undefined || value === null) return true;\n    if (typeof value === 'string' && value.trim() === '') return true;\n    if (Array.isArray(value) && value.length === 0) return true;\n    // Date range default / cleared: both halves null\n    if (\n        typeof value === 'object'\n        && !Array.isArray(value)\n        && value !== null\n        && 'start' in value\n        && 'end' in value\n    ) {\n        const range = value as { start: unknown; end: unknown };\n        return isEmptyFormValue(range.start) && isEmptyFormValue(range.end);\n    }\n    return false;\n}\n\nexport function validateFormSchema<T extends FormTypeMap>(config: StrictFormConfig<T>): StrictFormConfig<T> {\n    const allowedTypes = new Set<string>(Object.values(FIELD_TYPEs));\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            if (!allowedTypes.has(field.type as string)) {\n                throw new Error(`Invalid field type \"${String(field.type)}\" in form schema`);\n            }\n        });\n    });\n\n    return config;\n}\n\nexport const getDefaultValues = <T extends FormTypeMap>(config: StrictFormConfig<T>, allEmpty: boolean): InferFormDataType<T> => {\n    // when `allEmpty` is true we intentionally ignore any explicit\n    // `defaultValues` supplied by the config; callers (such as the clear\n    // helper) rely on receiving truly empty defaults for every field type.\n    if (!allEmpty && config.defaultValues) return config.defaultValues;\n\n    const defaults: Record<string, unknown> = {};\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            const fieldName = field.name as string;\n            if (field.defaultValue !== undefined && !allEmpty) {\n                defaults[fieldName] = field.defaultValue;\n            } else {\n                const slotProps = (field as { slotProps?: { multiple?: boolean; min?: number } }).slotProps ?? {};\n                switch (field.type) {\n                    case FIELD_TYPEs.text:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.select:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.check:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.slider: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.date:\n                    case FIELD_TYPEs.dateTime:\n                    case FIELD_TYPEs.time:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.dateRange:\n                        defaults[fieldName] = { start: null, end: null };\n                        break;\n                    case FIELD_TYPEs.toggleButton:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.autocomplete:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.switch:\n                        defaults[fieldName] = false;\n                        break;\n                    case FIELD_TYPEs.number: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.tel:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.json:\n                        defaults[fieldName] = null;\n                        break;\n                    case FIELD_TYPEs.textArray:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.fileUpload:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.custom:\n                        defaults[fieldName] = undefined;\n                        break;\n                    case FIELD_TYPEs.avatar:\n                        defaults[fieldName] = null;\n                        break;\n                    default:\n                        defaults[fieldName] = undefined;\n                }\n            }\n        });\n    });\n\n    return defaults as InferFormDataType<T>;\n};\n","'use client'\nimport React, { useState, useRef } from 'react'\nimport { ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material/styles'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { IconButton } from '@/ele/Button'\nimport { Box as MuiBox } from '@/ele/Box'\nimport { HelpOutlineIcon } from '@/icons/MuiIcon'\nimport type { Explanation } from '../_utils';\n\n/** MUI outlined `size=\"small\"` control height — keep the help icon on the input, not the helper text. */\nexport const FIELD_INPUT_CONTROL_HEIGHT_PX = 40\n\nconst FieldExplanation: React.FC<{\n  label?: React.ReactNode;\n  explanation?: Explanation;\n  /** @deprecated Use explanation */\n  explaination?: Explanation;\n  /**\n   * When the icon sits beside an outlined input, pin it to the control height\n   * so helper/error text below the field does not pull it down.\n   */\n  alignToInput?: boolean;\n}> = ({label, explanation, explaination, alignToInput}) => {\n  const popRef = useRef(null)\n  const [open, setOpen] = useState(false)\n  const content = explanation ?? explaination\n\n  if (!content) return <>{label}</>\n\n  const icon = (\n    <MuiBox component=\"span\" sx={{ display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 }}>\n      {label}\n      <ClickAwayListener onClickAway={(e) => {\n        if(popRef.current && e.target && isChildOf(popRef.current, e.target as HTMLElement)) return\n        setOpen(false)\n      }}>\n        <Tooltip title={<Title explanation={content}/>} arrow open={open} \n        slotProps={{\n          popper:{ref:popRef}\n        }}>\n          <StyledIconButton onClick={(e)=>{ e.stopPropagation(); setOpen(true) }} tabIndex={-1}>\n            <HelpOutlineIcon sx={{fontSize:\"14px\"}}/>\n          </StyledIconButton>\n        </Tooltip>\n      </ClickAwayListener>\n    </MuiBox>\n  )\n\n  if (!alignToInput) return icon\n\n  return (\n    <MuiBox\n      data-field-explanation=\"input\"\n      style={{ height: FIELD_INPUT_CONTROL_HEIGHT_PX }}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        flexShrink: 0,\n      }}\n    >\n      {icon}\n    </MuiBox>\n  )\n}\nexport default FieldExplanation\n\nconst Title:React.FC<{\n  explanation: Explanation;\n}> = ({explanation}) => {\n  const {highlights,href,content=\"\"} = explanation ?? {}\n  const reg = new RegExp(`(${highlights?.join(\"|\")})`, \"g\")\n  const highlightedContent = content\n    .split(reg)\n    .map((part, index) => {\n      if (highlights?.includes(part)) {\n        return <MuiBox component=\"span\" key={index} sx={{\n          color:\"var(--useform-warning)\",\n          fontSize:\"1.2em\",\n          fontWeight:\"bold\",\n        }}>{part}</MuiBox>\n      }\n      return part\n    }\n  )\n\n\n  return (\n    <MuiBox>\n      <MuiBox sx={{ fontWeight: 'bold', mb: 0.5 }}>{explanation?.title}</MuiBox>\n      <MuiBox sx={{\n        lineBreak:\"auto\",\n        whiteSpace:\"pre-line\",\n      }}>{highlightedContent}</MuiBox>\n      {href?.label && \n      <MuiBox component=\"a\" \n      sx={{\n        textDecoration:\"underline\",\n        display:\"flex\",\n        justifyContent:\"flex-end\",\n        mt: 1\n      }} \n      href={href?.url} target=\"_blank\">\n        {href?.label}\n      </MuiBox>}\n    </MuiBox>\n  )\n}\n\nconst StyledIconButton = styled(IconButton)({\n  \"&.MuiButtonBase-root.MuiIconButton-root\":{\n    color:\"var(--useform-warning)\",\n    border: \"none\",\n    borderRadius: \"50%\",\n    padding:\"2px\",\n    marginLeft: \"4px\",\n    background: \"transparent\",\n  },\n  \n})\n\nfunction isChildOf(parent:HTMLElement, child:HTMLElement):boolean {\n        let node:HTMLElement|null = child\n        while(node !== null){\n                if(node === parent) return true\n                node = node.parentElement as HTMLElement | null\n        }\n        return false\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-JWANK42G.mjs → chunk-FUZ2JNTZ.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-WYYP3Y34.mjs";
 import {
   Button
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-D4XPNSSI.mjs";
 import {
   default as default3
 } from "./chunk-4RPFRNXG.mjs";
 import {
   default as default2
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-PNSJC6PC.mjs";
 
 // src/components/compound/ScrollToLoad/src/useScrollToLoad.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -167,4 +167,4 @@ export {
   useScrollToLoad,
   ScrollToLoad
 };
-//# sourceMappingURL=chunk-JWANK42G.mjs.map
+//# sourceMappingURL=chunk-FUZ2JNTZ.mjs.map

package/dist/{chunk-CRYIEYZZ.mjs → chunk-HAJWE62X.mjs}

@@ -1,7 +1,7 @@
 import {
   tabTheme,
   tabsTheme
-} from "./chunk-IN3O4R7Q.mjs";
+} from "./chunk-7O526A2D.mjs";
 import {
   styleInject
 } from "./chunk-ONQMRE2G.mjs";
@@ -12,14 +12,19 @@ import {
   multiSectionDigitalClockTheme,
   pickersCalendarHeaderTheme,
   pickersDayTheme,
-  pickersInputBaseTheme
-} from "./chunk-EEH7HACG.mjs";
+  pickersInputBaseTheme,
+  timePickerTheme
+} from "./chunk-XAJAMVAG.mjs";
 import {
-  avatarTheme
-} from "./chunk-Y74ALKBL.mjs";
+  dialogActionsTheme,
+  dialogContentTextTheme,
+  dialogContentTheme,
+  dialogTheme,
+  dialogTitleTheme
+} from "./chunk-6JKMEH2L.mjs";
 import {
-  default as default5
-} from "./chunk-27KYFU7R.mjs";
+  avatarTheme
+} from "./chunk-4MSPA7U7.mjs";
 import {
   tableCellTheme,
   tableContainerTheme,
@@ -27,57 +32,57 @@ import {
   tablePaginationTheme,
   tableSortLabelTheme,
   tableTheme
-} from "./chunk-DELCADNF.mjs";
-import {
-  stepButtonTheme,
-  stepConnectorTheme,
-  stepIconTheme,
-  stepLabelTheme,
-  stepTheme,
-  stepperTheme
-} from "./chunk-V26V2S3W.mjs";
+} from "./chunk-ODVKRIVN.mjs";
 import {
   switchTheme
 } from "./chunk-T34IULP5.mjs";
 import {
   toggleButtonGroupTheme,
   toggleButtonTheme
-} from "./chunk-2ZZJTBTE.mjs";
+} from "./chunk-WJZ3IYET.mjs";
 import {
   selectTheme
-} from "./chunk-UGMRJMFZ.mjs";
+} from "./chunk-BO5CU4ZM.mjs";
+import {
+  stepButtonTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepLabelTheme,
+  stepTheme,
+  stepperTheme
+} from "./chunk-3O3N6X6D.mjs";
 import {
   sliderTheme
 } from "./chunk-EW4DTFH3.mjs";
-import {
-  inputBaseTheme,
-  textFieldTheme
-} from "./chunk-VYD3PDBB.mjs";
 import {
   menuItemTheme,
   menuTheme
-} from "./chunk-HR3A4H4E.mjs";
+} from "./chunk-PEJL2T2K.mjs";
 import {
   listItemButtonTheme,
   listItemIconTheme,
   listItemSubheaderTheme,
   listItemTextTheme,
   listItemTheme
-} from "./chunk-TDRA5EZI.mjs";
+} from "./chunk-PUREEN2J.mjs";
 import {
   dividerTheme
 } from "./chunk-3DQINB57.mjs";
+import {
+  cardContentTheme,
+  cardTheme
+} from "./chunk-I5JWS4Z7.mjs";
 import {
   checkboxTheme
-} from "./chunk-BGB7JHIU.mjs";
+} from "./chunk-FMGZCOJC.mjs";
+import {
+  paperTheme
+} from "./chunk-3VUAM2GY.mjs";
 import {
   formControlLabelTheme,
   formHelperTextTheme,
   formLabelTheme
 } from "./chunk-T4X375IG.mjs";
-import {
-  paperTheme
-} from "./chunk-3VUAM2GY.mjs";
 import {
   circularProgressTheme,
   linearProgressTheme
@@ -85,26 +90,39 @@ import {
 import {
   appBarTheme
 } from "./chunk-HE7MY3RT.mjs";
+import {
+  autocompleteTheme
+} from "./chunk-KYTHGFFY.mjs";
+import {
+  default as default5
+} from "./chunk-LQNDBPHU.mjs";
 import {
   badgeTheme
 } from "./chunk-56TI2ZBT.mjs";
+import {
+  inputBaseTheme,
+  textFieldTheme
+} from "./chunk-VYD3PDBB.mjs";
 import {
   AlertProvider,
   alertTheme
-} from "./chunk-EKPULYPU.mjs";
+} from "./chunk-QFS5CENY.mjs";
 import {
   collapseTheme
 } from "./chunk-B7DAB22K.mjs";
 import {
-  cardContentTheme,
-  cardTheme
-} from "./chunk-I5JWS4Z7.mjs";
+  ConfirmProvider
+} from "./chunk-RSN7NH2J.mjs";
+import {
+  default86 as default3,
+  default87 as default4
+} from "./chunk-ZVFYOXDE.mjs";
 import {
   IconButton_default,
   buttonBaseTheme,
   buttonTheme,
   iconButtonTheme
-} from "./chunk-JIU5GVM7.mjs";
+} from "./chunk-D4XPNSSI.mjs";
 import {
   default as default2,
   tooltipTheme
@@ -112,10 +130,6 @@ import {
 import {
   chipTheme
 } from "./chunk-OP6LKXPA.mjs";
-import {
-  default86 as default3,
-  default87 as default4
-} from "./chunk-ZVFYOXDE.mjs";
 import {
   typographyTheme
 } from "./chunk-4RPFRNXG.mjs";
@@ -183,7 +197,7 @@ var themeColor = {
     focus: "rgba(255, 47, 122, 0.42)",
     disabled: "rgba(91, 94, 97, 1)",
     background: {
-      default: "rgb(29, 29, 29, 1)",
+      default: "rgb(32, 33, 36, 1)",
       disabled: "rgba(43, 43, 43, 0.3)"
     },
     text: {
@@ -232,7 +246,9 @@ var muiPalette = {
       contrastText: "rgba(0, 0, 0, 0.87)"
     },
     background: {
-      default: themeColor.colorScheme.background.default
+      default: themeColor.colorScheme.background.default,
+      // Elevated mid-grey above near-black canvas (Google #303134 hierarchy).
+      paper: "rgb(48, 49, 52, 1)"
     },
     text: {
       primary: themeColor.colorScheme.text.primary,
@@ -513,6 +529,7 @@ var baseThemeOptions = {
     MuiCheckbox: checkboxTheme,
     // chips
     MuiChip: chipTheme,
+    MuiAutocomplete: autocompleteTheme,
     // collapse
     MuiCollapse: collapseTheme,
     // date picker
@@ -522,9 +539,16 @@ var baseThemeOptions = {
     MuiPickersDay: pickersDayTheme,
     MuiDatePicker: datePickerTheme,
     MuiDateTimePicker: dateTimePickerTheme,
+    MuiTimePicker: timePickerTheme,
     MuiPickersInputBase: pickersInputBaseTheme,
     // divider
     MuiDivider: dividerTheme,
+    // dialog (soft quiet chrome)
+    MuiDialog: dialogTheme,
+    MuiDialogTitle: dialogTitleTheme,
+    MuiDialogContent: dialogContentTheme,
+    MuiDialogActions: dialogActionsTheme,
+    MuiDialogContentText: dialogContentTextTheme,
     // form
     MuiFormLabel: formLabelTheme,
     MuiFormControlLabel: formControlLabelTheme,
@@ -641,11 +665,11 @@ var globalStyles = {
   }
 };
 var ThemeTree = React.memo(function ThemeTree2({ children }) {
-  return /* @__PURE__ */ jsxs(AlertProvider, { children: [
+  return /* @__PURE__ */ jsx(AlertProvider, { children: /* @__PURE__ */ jsxs(ConfirmProvider, { children: [
     /* @__PURE__ */ jsx(CssBaseline, {}),
     /* @__PURE__ */ jsx(GlobalStyles, { styles: globalStyles }),
     children
-  ] });
+  ] }) });
 });
 function ThemeProvider({
   children,
@@ -753,4 +777,4 @@ export {
   ToggleButton,
   appScrollSurfaceAttribute
 };
-//# sourceMappingURL=chunk-CRYIEYZZ.mjs.map
+//# sourceMappingURL=chunk-HAJWE62X.mjs.map