@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/{DateField-ZYMZFHL4.mjs → DateField-CDJ6W6XF.mjs}

@@ -1,20 +1,27 @@
 import {
   MuiXDatePicker_default
-} from "./chunk-EEH7HACG.mjs";
+} from "./chunk-XAJAMVAG.mjs";
 import {
   Explanation_default,
   getFieldExplanation,
   mergeFieldSx
-} from "./chunk-UTVSYS6S.mjs";
+} from "./chunk-FNSIQ2B7.mjs";
+import "./chunk-SMD7OEUW.mjs";
+import "./chunk-PL55YKT4.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-3VUAM2GY.mjs";
+import "./chunk-VYD3PDBB.mjs";
 import "./chunk-MDAUF7IL.mjs";
-import "./chunk-JIU5GVM7.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
 import "./chunk-4Q54P737.mjs";
 import "./chunk-OP6LKXPA.mjs";
-import "./chunk-ZVFYOXDE.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 import "./chunk-FJ6ZGZIA.mjs";
 
 // src/components/compound/UseForm/src/Fields/DateField.tsx
@@ -26,6 +33,8 @@ var DateField = ({ field }) => {
   const {
     name,
     label,
+    required,
+    disabled,
     sx,
     size,
     slotProps,
@@ -45,6 +54,7 @@ var DateField = ({ field }) => {
           {
             ...slotProps,
             label,
+            disabled,
             value: value ? dayjs(value) : null,
             onChange: (d) => {
               if (!d) {
@@ -60,6 +70,8 @@ var DateField = ({ field }) => {
               ...slotProps?.slotProps,
               textField: {
                 ...slotProps?.slotProps?.textField,
+                required,
+                disabled,
                 error: !!error,
                 helperText: error ? errorMsg || error.message : void 0
               },
@@ -79,4 +91,4 @@ export {
   DateField,
   DateField_default as default
 };
-//# sourceMappingURL=DateField-ZYMZFHL4.mjs.map
+//# sourceMappingURL=DateField-CDJ6W6XF.mjs.map

package/dist/DateField-CDJ6W6XF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/DateField.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport dayjs from 'dayjs';\nimport { Box } from '@/ele/Box';\nimport { MuiXDatePicker } from '@/ele/DatePicker';\nimport { FieldConfig, FormTypeMap, InferFormDataType } from '../_utils';\nimport { FIELD_TYPEs } from '../_utils/constants';\nimport Explanation from './Explanation';\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers';\nimport { mergeSx } from '@/_utils/_func';\n\ninterface DateFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.date }>;\n}\n\nexport const DateField = <T extends FormTypeMap = FormTypeMap>({ field }: DateFieldProps<T>) => {\n  const { control, getValues } = useFormContext();\n  const {\n    name,\n    label,\n    required,\n    disabled,\n    sx,\n    size,\n    slotProps,\n    errorMsg,\n    defaultValue,\n  } = field;\n\n  const defaultVal = defaultValue as string | Date | undefined;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultVal ?? null}\n      render={({ field: { onChange, value }, fieldState: { error } }) => (\n        <Box sx={mergeSx({ display: 'flex', alignItems: 'flex-start', gap: 1 }, mergeFieldSx(size, sx))}>\n          <MuiXDatePicker\n            {...slotProps}\n            label={label}\n            disabled={disabled}\n            value={value ? dayjs(value) : null}\n            onChange={(d) => {\n              if (!d) {\n                onChange(null);\n                field.onChange?.(null, getValues() as InferFormDataType<T>);\n                return;\n              }\n              const maybeDate = typeof d.toDate === 'function' ? d.toDate() : (d);\n              onChange(maybeDate as Date);\n              field.onChange?.(maybeDate as Date, getValues() as InferFormDataType<T>);\n            }}\n\n            slotProps={{\n              ...(slotProps?.slotProps),\n              textField: {\n                ...(slotProps?.slotProps?.textField),\n                required,\n                disabled,\n                error: !!error,\n                helperText: error ? (errorMsg || error.message) : undefined,\n              },\n              openPickerIcon: {\n                sx: { fontSize: '1.25rem' }\n              }\n            }}\n          />\n          <Explanation alignToInput explanation={getFieldExplanation(field)} />\n        </Box>\n      )}\n    />\n  );\n};\n\nexport default DateField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,sBAAsB;AAC3C,OAAO,WAAW;AAmCV,SACE,KADF;AAtBD,IAAM,YAAY,CAAsC,EAAE,MAAM,MAAyB;AAC9F,QAAM,EAAE,SAAS,UAAU,IAAI,eAAe;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,aAAa;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc,cAAc;AAAA,MAC5B,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAC3D,qBAACA,UAAA,EAAI,IAAI,QAAQ,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,EAAE,GAAG,aAAa,MAAM,EAAE,CAAC,GAC5F;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YACA,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,YAC9B,UAAU,CAAC,MAAM;AACf,kBAAI,CAAC,GAAG;AACN,yBAAS,IAAI;AACb,sBAAM,WAAW,MAAM,UAAU,CAAyB;AAC1D;AAAA,cACF;AACA,oBAAM,YAAY,OAAO,EAAE,WAAW,aAAa,EAAE,OAAO,IAAK;AACjE,uBAAS,SAAiB;AAC1B,oBAAM,WAAW,WAAmB,UAAU,CAAyB;AAAA,YACzE;AAAA,YAEA,WAAW;AAAA,cACT,GAAI,WAAW;AAAA,cACf,WAAW;AAAA,gBACT,GAAI,WAAW,WAAW;AAAA,gBAC1B;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT,YAAY,QAAS,YAAY,MAAM,UAAW;AAAA,cACpD;AAAA,cACA,gBAAgB;AAAA,gBACd,IAAI,EAAE,UAAU,UAAU;AAAA,cAC5B;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,uBAAY,cAAY,MAAC,aAAa,oBAAoB,KAAK,GAAG;AAAA,SACrE;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,oBAAQ;","names":["default"]}

package/dist/DateRangeField-ZWSFT5KV.mjs

@@ -0,0 +1,118 @@
+import {
+  MuiXDateRangePicker_default
+} from "./chunk-XAJAMVAG.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation,
+  mergeFieldSx
+} from "./chunk-FNSIQ2B7.mjs";
+import "./chunk-SMD7OEUW.mjs";
+import "./chunk-PL55YKT4.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-3VUAM2GY.mjs";
+import {
+  default2 as default3
+} from "./chunk-T4X375IG.mjs";
+import "./chunk-VYD3PDBB.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
+  mergeSx
+} from "./chunk-AFLEG5ZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/DateRangeField.tsx
+import { Controller, useFormContext } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EMPTY_RANGE = { start: null, end: null };
+var DateRangeField = ({ field }) => {
+  const { control, getValues } = useFormContext();
+  const {
+    name,
+    label,
+    required,
+    disabled,
+    sx,
+    size,
+    slotProps,
+    errorMsg,
+    defaultValue
+  } = field;
+  const rangeSlotProps = slotProps;
+  const defaultVal = defaultValue ?? EMPTY_RANGE;
+  const startLabel = rangeSlotProps?.startLabel ?? (label ? `${label} (start)` : "Start");
+  const endLabel = rangeSlotProps?.endLabel ?? (label ? `${label} (end)` : "End");
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      defaultValue: defaultVal,
+      render: ({ field: { onChange, value }, fieldState: { error } }) => {
+        const current = value && typeof value === "object" ? { start: value.start ?? null, end: value.end ?? null } : EMPTY_RANGE;
+        return /* @__PURE__ */ jsxs(default2, { sx: mergeSx({ display: "flex", alignItems: "flex-start", gap: 1 }, mergeFieldSx(size, sx)), children: [
+          /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.5, flex: 1 }, children: [
+            /* @__PURE__ */ jsx(
+              MuiXDateRangePicker_default,
+              {
+                value: current,
+                disabled,
+                label: rangeSlotProps?.label ?? label,
+                startLabel,
+                endLabel,
+                showEndorsement: rangeSlotProps?.showEndorsement,
+                endorsement: rangeSlotProps?.endorsement,
+                endorsementUnit: rangeSlotProps?.endorsementUnit,
+                slotProps: {
+                  start: {
+                    ...rangeSlotProps?.start,
+                    slotProps: {
+                      ...rangeSlotProps?.start?.slotProps,
+                      textField: {
+                        ...rangeSlotProps?.start?.slotProps?.textField,
+                        required,
+                        disabled,
+                        error: !!error
+                      }
+                    }
+                  },
+                  end: {
+                    ...rangeSlotProps?.end,
+                    slotProps: {
+                      ...rangeSlotProps?.end?.slotProps,
+                      textField: {
+                        ...rangeSlotProps?.end?.slotProps?.textField,
+                        required,
+                        disabled,
+                        error: !!error
+                      }
+                    }
+                  }
+                },
+                onChange: (next) => {
+                  onChange(next);
+                  field.onChange?.(next, getValues());
+                },
+                sx: rangeSlotProps?.sx
+              }
+            ),
+            error ? /* @__PURE__ */ jsx(default3, { error: true, children: errorMsg || error.message }) : null
+          ] }),
+          /* @__PURE__ */ jsx(Explanation_default, { alignToInput: true, explanation: getFieldExplanation(field) })
+        ] });
+      }
+    }
+  );
+};
+var DateRangeField_default = DateRangeField;
+export {
+  DateRangeField,
+  DateRangeField_default as default
+};
+//# sourceMappingURL=DateRangeField-ZWSFT5KV.mjs.map

package/dist/DateRangeField-ZWSFT5KV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/DateRangeField.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { Box } from '@/ele/Box';\nimport { MuiXDateRangePicker, type DateRangeValue } from '@/ele/DatePicker';\nimport { FieldConfig, FormTypeMap, InferFormDataType } from '../_utils';\nimport { FIELD_TYPEs } from '../_utils/constants';\nimport Explanation from './Explanation';\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers';\nimport { mergeSx } from '@/_utils/_func';\nimport { FormHelperText } from '@/ele/Form';\n\ninterface DateRangeFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.dateRange }>;\n}\n\nconst EMPTY_RANGE: DateRangeValue = { start: null, end: null };\n\nexport const DateRangeField = <T extends FormTypeMap = FormTypeMap>({ field }: DateRangeFieldProps<T>) => {\n  const { control, getValues } = useFormContext();\n  const {\n    name,\n    label,\n    required,\n    disabled,\n    sx,\n    size,\n    slotProps,\n    errorMsg,\n    defaultValue,\n  } = field;\n\n  const rangeSlotProps = slotProps as import('../_utils/slotProps').DateRangeSlotProps | undefined;\n  const defaultVal = (defaultValue as DateRangeValue | undefined) ?? EMPTY_RANGE;\n  const startLabel = rangeSlotProps?.startLabel ?? (label ? `${label} (start)` : 'Start');\n  const endLabel = rangeSlotProps?.endLabel ?? (label ? `${label} (end)` : 'End');\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultVal}\n      render={({ field: { onChange, value }, fieldState: { error } }) => {\n        const current: DateRangeValue = value && typeof value === 'object'\n          ? { start: value.start ?? null, end: value.end ?? null }\n          : EMPTY_RANGE;\n\n        return (\n          <Box sx={mergeSx({ display: 'flex', alignItems: 'flex-start', gap: 1 }, mergeFieldSx(size, sx))}>\n            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5, flex: 1 }}>\n              <MuiXDateRangePicker\n                value={current}\n                disabled={disabled}\n                label={rangeSlotProps?.label ?? label}\n                startLabel={startLabel}\n                endLabel={endLabel}\n                showEndorsement={rangeSlotProps?.showEndorsement}\n                endorsement={rangeSlotProps?.endorsement}\n                endorsementUnit={rangeSlotProps?.endorsementUnit}\n                slotProps={{\n                  start: {\n                    ...rangeSlotProps?.start,\n                    slotProps: {\n                      ...(rangeSlotProps?.start?.slotProps),\n                      textField: {\n                        ...(rangeSlotProps?.start?.slotProps as { textField?: object } | undefined)?.textField,\n                        required,\n                        disabled,\n                        error: !!error,\n                      },\n                    },\n                  },\n                  end: {\n                    ...rangeSlotProps?.end,\n                    slotProps: {\n                      ...(rangeSlotProps?.end?.slotProps),\n                      textField: {\n                        ...(rangeSlotProps?.end?.slotProps as { textField?: object } | undefined)?.textField,\n                        required,\n                        disabled,\n                        error: !!error,\n                      },\n                    },\n                  },\n                }}\n                onChange={(next) => {\n                  onChange(next);\n                  field.onChange?.(next, getValues() as InferFormDataType<T>);\n                }}\n                sx={rangeSlotProps?.sx}\n              />\n              {error ? (\n                <FormHelperText error>{errorMsg || error.message}</FormHelperText>\n              ) : null}\n            </Box>\n            <Explanation alignToInput explanation={getFieldExplanation(field)} />\n          </Box>\n        );\n      }}\n    />\n  );\n};\n\nexport default DateRangeField;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,sBAAsB;AA+C/B,SACE,KADF;AAjCZ,IAAM,cAA8B,EAAE,OAAO,MAAM,KAAK,KAAK;AAEtD,IAAM,iBAAiB,CAAsC,EAAE,MAAM,MAA8B;AACxG,QAAM,EAAE,SAAS,UAAU,IAAI,eAAe;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,iBAAiB;AACvB,QAAM,aAAc,gBAA+C;AACnE,QAAM,aAAa,gBAAgB,eAAe,QAAQ,GAAG,KAAK,aAAa;AAC/E,QAAM,WAAW,gBAAgB,aAAa,QAAQ,GAAG,KAAK,WAAW;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AACjE,cAAM,UAA0B,SAAS,OAAO,UAAU,WACtD,EAAE,OAAO,MAAM,SAAS,MAAM,KAAK,MAAM,OAAO,KAAK,IACrD;AAEJ,eACE,qBAACA,UAAA,EAAI,IAAI,QAAQ,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,EAAE,GAAG,aAAa,MAAM,EAAE,CAAC,GAC5F;AAAA,+BAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,KAAK,MAAM,EAAE,GACrE;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA,OAAO,gBAAgB,SAAS;AAAA,gBAChC;AAAA,gBACA;AAAA,gBACA,iBAAiB,gBAAgB;AAAA,gBACjC,aAAa,gBAAgB;AAAA,gBAC7B,iBAAiB,gBAAgB;AAAA,gBACjC,WAAW;AAAA,kBACT,OAAO;AAAA,oBACL,GAAG,gBAAgB;AAAA,oBACnB,WAAW;AAAA,sBACT,GAAI,gBAAgB,OAAO;AAAA,sBAC3B,WAAW;AAAA,wBACT,GAAI,gBAAgB,OAAO,WAAkD;AAAA,wBAC7E;AAAA,wBACA;AAAA,wBACA,OAAO,CAAC,CAAC;AAAA,sBACX;AAAA,oBACF;AAAA,kBACF;AAAA,kBACA,KAAK;AAAA,oBACH,GAAG,gBAAgB;AAAA,oBACnB,WAAW;AAAA,sBACT,GAAI,gBAAgB,KAAK;AAAA,sBACzB,WAAW;AAAA,wBACT,GAAI,gBAAgB,KAAK,WAAkD;AAAA,wBAC3E;AAAA,wBACA;AAAA,wBACA,OAAO,CAAC,CAAC;AAAA,sBACX;AAAA,oBACF;AAAA,kBACF;AAAA,gBACF;AAAA,gBACA,UAAU,CAAC,SAAS;AAClB,2BAAS,IAAI;AACb,wBAAM,WAAW,MAAM,UAAU,CAAyB;AAAA,gBAC5D;AAAA,gBACA,IAAI,gBAAgB;AAAA;AAAA,YACtB;AAAA,YACC,QACC,oBAACA,UAAA,EAAe,OAAK,MAAE,sBAAY,MAAM,SAAQ,IAC/C;AAAA,aACN;AAAA,UACA,oBAAC,uBAAY,cAAY,MAAC,aAAa,oBAAoB,KAAK,GAAG;AAAA,WACrE;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;","names":["default"]}

package/dist/{DateTimeField-TPTJ7YIZ.mjs → DateTimeField-SFAF4I6A.mjs}

@@ -1,20 +1,27 @@
 import {
   MuiXDateTimePicker_default
-} from "./chunk-EEH7HACG.mjs";
+} from "./chunk-XAJAMVAG.mjs";
 import {
   Explanation_default,
   getFieldExplanation,
   mergeFieldSx
-} from "./chunk-UTVSYS6S.mjs";
+} from "./chunk-FNSIQ2B7.mjs";
+import "./chunk-SMD7OEUW.mjs";
+import "./chunk-PL55YKT4.mjs";
+import "./chunk-3DQINB57.mjs";
+import "./chunk-3VUAM2GY.mjs";
+import "./chunk-VYD3PDBB.mjs";
 import "./chunk-MDAUF7IL.mjs";
-import "./chunk-JIU5GVM7.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
 import "./chunk-4Q54P737.mjs";
 import "./chunk-OP6LKXPA.mjs";
-import "./chunk-ZVFYOXDE.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 import "./chunk-FJ6ZGZIA.mjs";
 
 // src/components/compound/UseForm/src/Fields/DateTimeField.tsx
@@ -22,8 +29,18 @@ import { Controller, useFormContext } from "react-hook-form";
 import dayjs from "dayjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DateTimeField = ({ field }) => {
-  const { control } = useFormContext();
-  const { name, label, sx, size, errorMsg, defaultValue, slotProps } = field;
+  const { control, getValues } = useFormContext();
+  const {
+    name,
+    label,
+    required,
+    disabled,
+    sx,
+    size,
+    errorMsg,
+    defaultValue,
+    slotProps
+  } = field;
   return /* @__PURE__ */ jsx(
     Controller,
     {
@@ -36,16 +53,24 @@ var DateTimeField = ({ field }) => {
           {
             ...slotProps,
             label,
+            disabled,
             value: value ? dayjs(value) : null,
             onChange: (d) => {
-              if (!d) return onChange(null);
+              if (!d) {
+                onChange(null);
+                field.onChange?.(null, getValues());
+                return;
+              }
               const maybeDate = typeof d.toDate === "function" ? d.toDate() : d;
               onChange(maybeDate);
+              field.onChange?.(maybeDate, getValues());
             },
             slotProps: {
-              ...slotProps,
+              ...slotProps?.slotProps,
               textField: {
                 ...slotProps?.slotProps?.textField,
+                required,
+                disabled,
                 error: !!error,
                 helperText: error ? errorMsg || error.message : void 0
               }
@@ -62,4 +87,4 @@ export {
   DateTimeField,
   DateTimeField_default as default
 };
-//# sourceMappingURL=DateTimeField-TPTJ7YIZ.mjs.map
+//# sourceMappingURL=DateTimeField-SFAF4I6A.mjs.map

package/dist/DateTimeField-SFAF4I6A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/DateTimeField.tsx"],"sourcesContent":["import { Controller, useFormContext } from 'react-hook-form'\nimport dayjs from 'dayjs'\nimport { Box } from '@/ele/Box'\nimport { MuiXDateTimePicker } from '@/ele/DatePicker'\nimport { FieldConfig, FormTypeMap, InferFormDataType } from '../_utils'\nimport { FIELD_TYPEs } from '../_utils/constants'\nimport Explanation from './Explanation'\nimport { getFieldExplanation, mergeFieldSx } from '../_utils/helpers';\nimport { mergeSx } from '@/_utils/_func'\n\ninterface DateTimeFieldProps<T extends FormTypeMap = FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.dateTime }>;\n}\n\nexport const DateTimeField = <T extends FormTypeMap = FormTypeMap>({ field }: DateTimeFieldProps<T>) => {\n  const { control, getValues } = useFormContext()\n  const {\n    name,\n    label,\n    required,\n    disabled,\n    sx,\n    size,\n    errorMsg,\n    defaultValue,\n    slotProps,\n  } = field\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field: { onChange, value }, fieldState: { error } }) => (\n        <Box sx={mergeSx({ display: 'flex', alignItems: 'flex-start', gap: 1 }, mergeFieldSx(size, sx))}>\n          <MuiXDateTimePicker\n            {...(slotProps)}\n            label={label}\n            disabled={disabled}\n            value={value ? dayjs(value) : null}\n            onChange={(d) => {\n              if (!d) {\n                onChange(null)\n                field.onChange?.(null, getValues() as InferFormDataType<T>)\n                return\n              }\n              const maybeDate = typeof d.toDate === 'function' ? d.toDate() : (d)\n              onChange(maybeDate)\n              field.onChange?.(maybeDate as Date, getValues() as InferFormDataType<T>)\n            }}\n            slotProps={{\n              ...(slotProps?.slotProps),\n              textField: {\n                ...((slotProps?.slotProps)?.textField),\n                required,\n                disabled,\n                error: !!error,\n                helperText: error ? (errorMsg || error.message) : undefined,\n              }\n            }}\n          />\n          <Explanation alignToInput explanation={getFieldExplanation(field)} />\n        </Box>\n      )}\n    />\n  )\n}\n\nexport default DateTimeField\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,sBAAsB;AAC3C,OAAO,WAAW;AAiCV,SACE,KADF;AApBD,IAAM,gBAAgB,CAAsC,EAAE,MAAM,MAA6B;AACtG,QAAM,EAAE,SAAS,UAAU,IAAI,eAAe;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAC3D,qBAACA,UAAA,EAAI,IAAI,QAAQ,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,EAAE,GAAG,aAAa,MAAM,EAAE,CAAC,GAC5F;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAI;AAAA,YACL;AAAA,YACA;AAAA,YACA,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,YAC9B,UAAU,CAAC,MAAM;AACf,kBAAI,CAAC,GAAG;AACN,yBAAS,IAAI;AACb,sBAAM,WAAW,MAAM,UAAU,CAAyB;AAC1D;AAAA,cACF;AACA,oBAAM,YAAY,OAAO,EAAE,WAAW,aAAa,EAAE,OAAO,IAAK;AACjE,uBAAS,SAAS;AAClB,oBAAM,WAAW,WAAmB,UAAU,CAAyB;AAAA,YACzE;AAAA,YACA,WAAW;AAAA,cACT,GAAI,WAAW;AAAA,cACf,WAAW;AAAA,gBACT,GAAK,WAAW,WAAY;AAAA,gBAC5B;AAAA,gBACA;AAAA,gBACA,OAAO,CAAC,CAAC;AAAA,gBACT,YAAY,QAAS,YAAY,MAAM,UAAW;AAAA,cACpD;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,uBAAY,cAAY,MAAC,aAAa,oBAAoB,KAAK,GAAG;AAAA,SACrE;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ;","names":["default"]}

package/dist/FileUploadField-TSNCSLXX.mjs

@@ -0,0 +1,101 @@
+import {
+  FileUpload
+} from "./chunk-4SSJY32J.mjs";
+import {
+  FieldHelperText
+} from "./chunk-MI64T62E.mjs";
+import {
+  Explanation_default,
+  getFieldExplanation
+} from "./chunk-FNSIQ2B7.mjs";
+import {
+  MuiFormLabel,
+  default as default3
+} from "./chunk-T4X375IG.mjs";
+import "./chunk-WYYP3Y34.mjs";
+import "./chunk-MDAUF7IL.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import "./chunk-AFLEG5ZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+
+// src/components/compound/UseForm/src/Fields/FileUploadField.tsx
+import { useFormContext, Controller } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+function acceptToInputAccept(accept) {
+  if (!accept) return void 0;
+  if (typeof accept === "string") return accept;
+  const parts = [];
+  Object.entries(accept).forEach(([mime, exts]) => {
+    parts.push(mime);
+    if (Array.isArray(exts)) parts.push(...exts);
+  });
+  return parts.length ? parts.join(",") : void 0;
+}
+function mapDropzoneType(dropzoneType) {
+  if (dropzoneType === "button") return "button";
+  return "dropzone";
+}
+var FileUploadField = ({
+  field
+}) => {
+  const { control } = useFormContext();
+  const { name, label, required, slotProps = {}, errorMsg } = field;
+  const {
+    maxFiles = 1,
+    accept,
+    dropzoneType,
+    itemVariant
+  } = slotProps;
+  const variant = mapDropzoneType(dropzoneType);
+  const inputAccept = acceptToInputAccept(accept);
+  const multiple = maxFiles !== 1;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({ field: { value, onChange }, fieldState: { error } }) => {
+        const files = value ?? [];
+        return /* @__PURE__ */ jsx(default2, { children: /* @__PURE__ */ jsxs(default3, { error: !!error, fullWidth: true, required, children: [
+          /* @__PURE__ */ jsxs(
+            MuiFormLabel,
+            {
+              sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 },
+              required,
+              children: [
+                label,
+                getFieldExplanation(field) ? /* @__PURE__ */ jsx(Explanation_default, { explanation: getFieldExplanation(field) }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FileUpload,
+            {
+              value: files,
+              onChange,
+              maxFiles,
+              multiple,
+              accept: inputAccept,
+              variant,
+              itemVariant: itemVariant ?? "row",
+              error: !!error
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldHelperText, { error, errorMsg })
+        ] }) });
+      }
+    }
+  );
+};
+export {
+  FileUploadField,
+  acceptToInputAccept
+};
+//# sourceMappingURL=FileUploadField-TSNCSLXX.mjs.map

package/dist/FileUploadField-TSNCSLXX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/FileUploadField.tsx"],"sourcesContent":["import { useFormContext, Controller } from 'react-hook-form'\nimport { Box } from '@/ele/Box'\nimport { FormControl, FormLabel } from '@/ele/Form'\nimport {\n  FileUpload,\n  type FileUploadItem,\n  type FileUploadProps,\n} from '@/ele/FileUpload'\nimport { FieldHelperText } from '../_utils/helperText'\nimport { FieldConfig, FormTypeMap, FIELD_TYPEs } from '../_utils'\nimport Explanation from './Explanation'\nimport {\n  FileUploadSlotProps,\n  type FileAcceptMap,\n} from '../_utils/slotProps'\nimport { getFieldExplanation } from '../_utils/helpers'\n\ninterface FileUploadFieldProps<T extends FormTypeMap> {\n  field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.fileUpload }>\n}\n\n/** Convert legacy dropzone accept map or string → HTML accept. */\nexport function acceptToInputAccept(\n  accept: FileUploadSlotProps['accept'],\n): string | undefined {\n  if (!accept) return undefined\n  if (typeof accept === 'string') return accept\n  const parts: string[] = []\n  Object.entries(accept as FileAcceptMap).forEach(([mime, exts]) => {\n    parts.push(mime)\n    if (Array.isArray(exts)) parts.push(...exts)\n  })\n  return parts.length ? parts.join(',') : undefined\n}\n\nfunction mapDropzoneType(\n  dropzoneType: FileUploadSlotProps['dropzoneType'],\n): NonNullable<FileUploadProps['variant']> {\n  if (dropzoneType === 'button') return 'button'\n  return 'dropzone'\n}\n\nexport const FileUploadField = <T extends FormTypeMap>({\n  field,\n}: FileUploadFieldProps<T>) => {\n  const { control } = useFormContext()\n  const { name, label, required, slotProps = {}, errorMsg } = field\n\n  const {\n    maxFiles = 1,\n    accept,\n    dropzoneType,\n    itemVariant,\n  } = slotProps as FileUploadSlotProps\n\n  const variant = mapDropzoneType(dropzoneType)\n  const inputAccept = acceptToInputAccept(accept)\n  const multiple = maxFiles !== 1\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field: { value, onChange }, fieldState: { error } }) => {\n        const files = (value as FileUploadItem[] | null | undefined) ?? []\n\n        return (\n          <Box>\n            <FormControl error={!!error} fullWidth required={required}>\n              <FormLabel\n                sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}\n                required={required}\n              >\n                {label}\n                {getFieldExplanation(field) ? (\n                  <Explanation explanation={getFieldExplanation(field)} />\n                ) : null}\n              </FormLabel>\n              <FileUpload\n                value={files}\n                onChange={onChange}\n                maxFiles={maxFiles}\n                multiple={multiple}\n                accept={inputAccept}\n                variant={variant}\n                itemVariant={itemVariant ?? 'row'}\n                error={!!error}\n              />\n              <FieldHelperText error={error} errorMsg={errorMsg} />\n            </FormControl>\n          </Box>\n        )\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB,kBAAkB;AAqE7B,SAMI,KANJ;AA/CP,SAAS,oBACd,QACoB;AACpB,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI,OAAO,WAAW,SAAU,QAAO;AACvC,QAAM,QAAkB,CAAC;AACzB,SAAO,QAAQ,MAAuB,EAAE,QAAQ,CAAC,CAAC,MAAM,IAAI,MAAM;AAChE,UAAM,KAAK,IAAI;AACf,QAAI,MAAM,QAAQ,IAAI,EAAG,OAAM,KAAK,GAAG,IAAI;AAAA,EAC7C,CAAC;AACD,SAAO,MAAM,SAAS,MAAM,KAAK,GAAG,IAAI;AAC1C;AAEA,SAAS,gBACP,cACyC;AACzC,MAAI,iBAAiB,SAAU,QAAO;AACtC,SAAO;AACT;AAEO,IAAM,kBAAkB,CAAwB;AAAA,EACrD;AACF,MAA+B;AAC7B,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM,EAAE,MAAM,OAAO,UAAU,YAAY,CAAC,GAAG,SAAS,IAAI;AAE5D,QAAM;AAAA,IACJ,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,UAAU,gBAAgB,YAAY;AAC5C,QAAM,cAAc,oBAAoB,MAAM;AAC9C,QAAM,WAAW,aAAa;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AACjE,cAAM,QAAS,SAAiD,CAAC;AAEjE,eACE,oBAACA,UAAA,EACC,+BAACA,UAAA,EAAY,OAAO,CAAC,CAAC,OAAO,WAAS,MAAC,UACrC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,IAAI,EAAE;AAAA,cAC3D;AAAA,cAEC;AAAA;AAAA,gBACA,oBAAoB,KAAK,IACxB,oBAAC,uBAAY,aAAa,oBAAoB,KAAK,GAAG,IACpD;AAAA;AAAA;AAAA,UACN;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA,QAAQ;AAAA,cACR;AAAA,cACA,aAAa,eAAe;AAAA,cAC5B,OAAO,CAAC,CAAC;AAAA;AAAA,UACX;AAAA,UACA,oBAAC,mBAAgB,OAAc,UAAoB;AAAA,WACrD,GACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/{JSONEditorField-TMRWGXVR.mjs → JSONEditorField-3KXC2GOG.mjs}

@@ -1,26 +1,27 @@
 "use client";
 import {
   JsonEditor_default
-} from "./chunk-NJYNJLT7.mjs";
+} from "./chunk-SWFB3A3G.mjs";
 import {
   FieldHelperText
 } from "./chunk-MI64T62E.mjs";
 import {
   Explanation_default,
   getFieldExplanation
-} from "./chunk-UTVSYS6S.mjs";
+} from "./chunk-FNSIQ2B7.mjs";
 import {
   MuiFormLabel,
   default as default3
 } from "./chunk-T4X375IG.mjs";
 import "./chunk-MDAUF7IL.mjs";
-import "./chunk-JIU5GVM7.mjs";
+import "./chunk-ZVFYOXDE.mjs";
+import "./chunk-D4XPNSSI.mjs";
 import "./chunk-4Q54P737.mjs";
 import "./chunk-OP6LKXPA.mjs";
-import "./chunk-ZVFYOXDE.mjs";
 import {
   default as default2
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-PNSJC6PC.mjs";
+import "./chunk-AFLEG5ZC.mjs";
 import "./chunk-FJ6ZGZIA.mjs";
 
 // src/components/compound/UseForm/src/Fields/JSONEditorField.tsx
@@ -61,4 +62,4 @@ var JSONEditorField = ({ field }) => {
 export {
   JSONEditorField
 };
-//# sourceMappingURL=JSONEditorField-TMRWGXVR.mjs.map
+//# sourceMappingURL=JSONEditorField-3KXC2GOG.mjs.map

package/dist/{JSONEditorField-TMRWGXVR.mjs.map → JSONEditorField-3KXC2GOG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/JSONEditorField.tsx"],"sourcesContent":["'use client'\nimport { Controller, useFormContext } from 'react-hook-form'\nimport { Box } from '@/ele/Box'\nimport { FormControl, FormLabel } from '@/ele/Form'\nimport { FieldHelperText } from '../_utils/helperText' \nimport { JsonEditor } from '@/ele/JsonEditor'\nimport Explanation from './Explanation'\nimport { FieldConfig, FormTypeMap, FIELD_TYPEs } from '../_utils';\nimport { getFieldExplanation } from '../_utils/helpers';\n\ninterface JSONEditorFieldProps<T extends FormTypeMap> {\n    field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.json }>;\n}\n\nexport const JSONEditorField= <T extends FormTypeMap = FormTypeMap>({ field }: JSONEditorFieldProps<T>) => {\n  const { control } = useFormContext()\n  const { name, label, required, errorMsg } = field\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field: { value, onChange }, fieldState: { error } }) => {\n        // slot props remain available for other customization; helperText no longer used\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>\n            <FormControl error={!!error} required={required} sx={{ width: '-webkit-fill-available', gap: 1 }}>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                <FormLabel component=\"legend\">{label}</FormLabel>\n                {(getFieldExplanation(field)) && <Box sx={{ display: 'inline-flex' }}><Explanation explanation={getFieldExplanation(field)} /></Box>}\n              </Box>\n              <JsonEditor\n                error={!!error}\n                data={value}\n                setData={(v: unknown) => {\n                  if (typeof v === 'function') return onChange(value)\n                  onChange(v as Record<string, unknown> | null | undefined)\n                }}\n                {...(field.slotProps?.editorProps || {})}\n              />\n\n              <FieldHelperText error={error} errorMsg={errorMsg} helpers={[field.helperText]} />\n            </FormControl>\n          </Box>\n        )\n      }}\n    />\n  )\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY,sBAAsB;AA2B7B,SACE,KADF;AAdP,IAAM,kBAAiB,CAAsC,EAAE,MAAM,MAA+B;AACzG,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM,EAAE,MAAM,OAAO,UAAU,SAAS,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AAGjE,eACE,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,SAAS,GAC/C,+BAACA,UAAA,EAAY,OAAO,CAAC,CAAC,OAAO,UAAoB,IAAI,EAAE,OAAO,0BAA0B,KAAK,EAAE,GAC7F;AAAA,+BAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GACvD;AAAA,gCAAC,gBAAU,WAAU,UAAU,iBAAM;AAAA,YACnC,oBAAoB,KAAK,KAAM,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,cAAc,GAAG,8BAAC,uBAAY,aAAa,oBAAoB,KAAK,GAAG,GAAE;AAAA,aAChI;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,CAAC,CAAC;AAAA,cACT,MAAM;AAAA,cACN,SAAS,CAAC,MAAe;AACvB,oBAAI,OAAO,MAAM,WAAY,QAAO,SAAS,KAAK;AAClD,yBAAS,CAA+C;AAAA,cAC1D;AAAA,cACC,GAAI,MAAM,WAAW,eAAe,CAAC;AAAA;AAAA,UACxC;AAAA,UAEA,oBAAC,mBAAgB,OAAc,UAAoB,SAAS,CAAC,MAAM,UAAU,GAAG;AAAA,WAClF,GACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["default"]}
+{"version":3,"sources":["../src/components/compound/UseForm/src/Fields/JSONEditorField.tsx"],"sourcesContent":["'use client'\nimport { Controller, useFormContext } from 'react-hook-form'\nimport { Box } from '@/ele/Box'\nimport { FormControl, FormLabel } from '@/ele/Form'\nimport { FieldHelperText } from '../_utils/helperText' \nimport { JsonEditor } from '@/ele/JsonEditor'\nimport Explanation from './Explanation'\nimport { FieldConfig, FormTypeMap, FIELD_TYPEs } from '../_utils';\nimport { getFieldExplanation } from '../_utils/helpers';\n\ninterface JSONEditorFieldProps<T extends FormTypeMap> {\n    field: Extract<FieldConfig<T>, { type: typeof FIELD_TYPEs.json }>;\n}\n\nexport const JSONEditorField= <T extends FormTypeMap = FormTypeMap>({ field }: JSONEditorFieldProps<T>) => {\n  const { control } = useFormContext()\n  const { name, label, required, errorMsg } = field\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field: { value, onChange }, fieldState: { error } }) => {\n        // slot props remain available for other customization; helperText no longer used\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>\n            <FormControl error={!!error} required={required} sx={{ width: '-webkit-fill-available', gap: 1 }}>\n              <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                <FormLabel component=\"legend\">{label}</FormLabel>\n                {(getFieldExplanation(field)) && <Box sx={{ display: 'inline-flex' }}><Explanation explanation={getFieldExplanation(field)} /></Box>}\n              </Box>\n              <JsonEditor\n                error={!!error}\n                data={value}\n                setData={(v: unknown) => {\n                  if (typeof v === 'function') return onChange(value)\n                  onChange(v as Record<string, unknown> | null | undefined)\n                }}\n                {...(field.slotProps?.editorProps || {})}\n              />\n\n              <FieldHelperText error={error} errorMsg={errorMsg} helpers={[field.helperText]} />\n            </FormControl>\n          </Box>\n        )\n      }}\n    />\n  )\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,YAAY,sBAAsB;AA2B7B,SACE,KADF;AAdP,IAAM,kBAAiB,CAAsC,EAAE,MAAM,MAA+B;AACzG,QAAM,EAAE,QAAQ,IAAI,eAAe;AACnC,QAAM,EAAE,MAAM,OAAO,UAAU,SAAS,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AAGjE,eACE,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,SAAS,GAC/C,+BAACA,UAAA,EAAY,OAAO,CAAC,CAAC,OAAO,UAAoB,IAAI,EAAE,OAAO,0BAA0B,KAAK,EAAE,GAC7F;AAAA,+BAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAE,GACvD;AAAA,gCAAC,gBAAU,WAAU,UAAU,iBAAM;AAAA,YACnC,oBAAoB,KAAK,KAAM,oBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,cAAc,GAAG,8BAAC,uBAAY,aAAa,oBAAoB,KAAK,GAAG,GAAE;AAAA,aAChI;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,CAAC,CAAC;AAAA,cACT,MAAM;AAAA,cACN,SAAS,CAAC,MAAe;AACvB,oBAAI,OAAO,MAAM,WAAY,QAAO,SAAS,KAAK;AAClD,yBAAS,CAA+C;AAAA,cAC1D;AAAA,cACC,GAAI,MAAM,WAAW,eAAe,CAAC;AAAA;AAAA,UACxC;AAAA,UAEA,oBAAC,mBAAgB,OAAc,UAAoB,SAAS,CAAC,MAAM,UAAU,GAAG;AAAA,WAClF,GACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

package/dist/{PopperMenu-LJ36RPBW.mjs → PopperMenu-PSHLKIEZ.mjs}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  MuiPaper
+} from "./chunk-3VUAM2GY.mjs";
 import {
   DISABLED_GROUP,
   MY_LOCAL_DISABLE_GROUP,
@@ -6,30 +9,28 @@ import {
   gitHubPickerRootStyle,
   useSelector,
   useStateContext
-} from "./chunk-OJV6V7YZ.mjs";
-import {
-  MuiPaper
-} from "./chunk-3VUAM2GY.mjs";
+} from "./chunk-VL7V52YD.mjs";
 import {
   default2 as default4
 } from "./chunk-MDAUF7IL.mjs";
 import "./chunk-QFF3HTHL.mjs";
-import {
-  Button
-} from "./chunk-JIU5GVM7.mjs";
-import "./chunk-4Q54P737.mjs";
-import "./chunk-OP6LKXPA.mjs";
 import {
   default26 as default5,
   default33 as default6,
   default53 as default7
 } from "./chunk-ZVFYOXDE.mjs";
+import {
+  Button
+} from "./chunk-D4XPNSSI.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
 import {
   default as default3
 } from "./chunk-4RPFRNXG.mjs";
 import {
   default as default2
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-PNSJC6PC.mjs";
+import "./chunk-AFLEG5ZC.mjs";
 import "./chunk-FJ6ZGZIA.mjs";
 
 // src/components/elemental/Autocomplete/src/GitHubPicker/PopperMenu.tsx
@@ -130,6 +131,10 @@ var pickerSearchSx = {
   }
 };
 var pickerGroupLabelSx = {
+  position: "sticky",
+  // Align with Autocomplete: quiet solid fill, Paper top radius, no backdrop-filter.
+  top: -8,
+  zIndex: 2,
   px: 1.75,
   pt: 1.25,
   pb: 0.5,
@@ -138,7 +143,16 @@ var pickerGroupLabelSx = {
   letterSpacing: "0.08em",
   textTransform: "uppercase",
   lineHeight: 1.4,
-  color: "var(--picker-text-secondary)"
+  color: "var(--picker-text-secondary)",
+  // Quieter than opaque paper — closer to glass paper; still covers scroll. No blur.
+  background: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+  backgroundColor: "color-mix(in lab, var(--mui-palette-background-paper), var(--picker-paper-bg) 36%)",
+  backdropFilter: "none",
+  WebkitBackdropFilter: "none",
+  borderTopLeftRadius: 14,
+  borderTopRightRadius: 14,
+  borderBottom: "1px solid color-mix(in lab, var(--picker-border), transparent 28%)",
+  boxShadow: "none"
 };
 
 // src/components/elemental/Autocomplete/src/GitHubPicker/PopperMenu.tsx
@@ -413,4 +427,4 @@ function PopperComponent(props) {
 export {
   MyPopper as default
 };
-//# sourceMappingURL=PopperMenu-LJ36RPBW.mjs.map
+//# sourceMappingURL=PopperMenu-PSHLKIEZ.mjs.map