@wix/editor-react-components 1.2769.0 → 1.2771.0

package/dist/site/components/DatePicker/manifest.js

@@ -1,19 +1,50 @@
-import { N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
-import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants37.js";
+import { C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
+import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, d as defaultValues, b as DisplayNames, c as Descriptions, e as PREVIEW_ERROR_MESSAGE, s as selectors } from "../chunks/constants37.js";
 import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
-import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
-import { m as manifestValidation } from "../chunks/manifest2.js";
-import { D as DomEventType } from "../chunks/types.impl.js";
-const cssProperties = {
-  font: {},
-  color: {}
+const basePresetName = "baseDatePicker";
+const presetFont = (size) => ({
+  defaultValue: `normal normal 400 ${size}/1.3em 'Wix Madefor Text', sans-serif`
+});
+const presetColor = { defaultValue: "rgba(0, 0, 0, 1)" };
+const presetBorder = { defaultValue: "1px solid rgba(0, 0, 0, 1)" };
+const zero = { defaultValue: "0px" };
+const zeroCorners = {
+  borderStartStartRadius: zero,
+  borderStartEndRadius: zero,
+  borderEndStartRadius: zero,
+  borderEndEndRadius: zero
+};
+const presetBox = {
+  borderTop: presetBorder,
+  borderBottom: presetBorder,
+  borderInlineStart: presetBorder,
+  borderInlineEnd: presetBorder,
+  ...zeroCorners,
+  paddingTop: zero,
+  paddingBottom: zero,
+  paddingInlineStart: zero,
+  paddingInlineEnd: zero
 };
 const designState = (s) => withSpec({
   spec: IS_SUPPORT_DESIGN_STATE_SPEC,
   displayName: s.displayName,
   className: s.className
 });
+const typography = {
+  font: {},
+  color: {},
+  letterSpacing: {},
+  lineHeight: {},
+  textDecorationLine: {},
+  textTransform: {}
+};
+const alignedTypography = { ...typography, textAlign: {} };
+const textShadow = {
+  "text-shadow": {
+    cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.textShadow
+  }
+};
 const openWhileDesigning = {
   stateKey: PREVIEW_CALENDAR_OPEN,
   elementPath: ".root"
@@ -34,31 +65,29 @@ const boxPadding = {
   paddingInlineStart: {},
   paddingInlineEnd: {}
 };
-const fieldBorder = "1px solid var(--wst-system-line-1-color, #dfe5eb)";
+const popoverCssProperties = {
+  background: {},
+  boxShadow: {},
+  ...boxBorder,
+  ...boxPadding
+};
 const dateInputCssProperties = {
-  background: {
-    defaultValue: "var(--wst-primary-background-color, #ffffff)"
-  },
-  boxShadow: { defaultValue: "none" },
-  columnGap: { defaultValue: "8px" },
-  borderTop: { defaultValue: fieldBorder },
-  borderBottom: { defaultValue: fieldBorder },
-  borderInlineStart: { defaultValue: fieldBorder },
-  borderInlineEnd: { defaultValue: fieldBorder },
-  borderStartStartRadius: { defaultValue: "6px" },
-  borderStartEndRadius: { defaultValue: "6px" },
-  borderEndStartRadius: { defaultValue: "6px" },
-  borderEndEndRadius: { defaultValue: "6px" },
-  paddingTop: { defaultValue: "8px" },
-  paddingBottom: { defaultValue: "8px" },
-  paddingInlineStart: { defaultValue: "12px" },
-  paddingInlineEnd: { defaultValue: "12px" }
+  ...typography,
+  background: {},
+  boxShadow: {},
+  columnGap: {},
+  ...boxBorder,
+  ...boxPadding
 };
 const manifest = {
-  id: "293335cb-3dd0-4747-95dd-8903894beab0",
-  type: "wixEditorElements.DatePicker__DEV__v3",
-  description: "A date picker input. Visitors pick a date from a segmented field or a calendar popover. The selected date is exposed as an ISO string and can be connected to a data field.",
+  id: "869c68a7-f703-43fa-806f-3ed8936172b5",
+  type: "wixEditorElements.DatePicker__DEV__v4",
+  description: "A date picker input. Visitors pick a date from a segmented field or a calendar popover. The selected date is a local date and can be connected to a data field.",
   installation: {
+    presets: {
+      small: basePresetName,
+      large: basePresetName
+    },
     initialSize: {
       width: {
         sizingType: LAYOUT.SIZING_TYPE.pixels,
@@ -73,9 +102,82 @@ const manifest = {
     selector: getSelector(selectors.root),
     displayName: DisplayNames.root.elementDisplayName,
     archetype: Archetype.DatePicker,
+    // Bare component with one minimal preset (Button's and Dropdown's
+    // structure): the module styles carry layout/behaviour only, this preset
+    // gives the default look, and Add Panel templates supply real designs.
+    // Part declarations have no defaults; `presetDefaults` mirrors the CSS.
+    presets: {
+      [basePresetName]: {
+        presetCssUrl: `./site/components/DatePicker/presets/${basePresetName}.css`,
+        displayName: DisplayNames.root.presets.baseDatePicker,
+        presetDefaults: {
+          elements: {
+            label: {
+              cssProperties: {
+                textAlign: { defaultValue: "start" },
+                font: presetFont("16px"),
+                color: presetColor
+              }
+            },
+            dateInput: {
+              cssProperties: {
+                font: presetFont("16px"),
+                color: presetColor,
+                background: { defaultValue: "transparent" },
+                boxShadow: { defaultValue: "none" },
+                ...presetBox
+              }
+            },
+            calendarButton: {
+              cssProperties: {
+                background: { defaultValue: "transparent" },
+                color: presetColor,
+                ...zeroCorners
+              }
+            },
+            popover: {
+              cssProperties: {
+                background: { defaultValue: "#ffffff" },
+                boxShadow: { defaultValue: "none" },
+                ...presetBox
+              }
+            },
+            calendarHeader: {
+              cssProperties: { font: presetFont("16px"), color: presetColor }
+            },
+            weekdays: {
+              cssProperties: { font: presetFont("14px"), color: presetColor }
+            },
+            dates: {
+              cssProperties: {
+                background: { defaultValue: "transparent" },
+                font: presetFont("16px"),
+                color: presetColor
+              }
+            },
+            helperText: {
+              cssProperties: {
+                textAlign: { defaultValue: "start" },
+                font: presetFont("14px"),
+                color: presetColor
+              }
+            },
+            errorMessage: {
+              cssProperties: {
+                textAlign: { defaultValue: "start" },
+                font: presetFont("14px"),
+                color: presetColor
+              }
+            }
+          }
+        }
+      }
+    },
     layout: {
-      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical,
-      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+      // Content can widen the component too (e.g. more Date input padding), so
+      // it grows instead of spilling out of its bounds — as Checkbox does.
+      contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.horizontalAndVertical,
       disableStretching: true,
       disablePositioning: false
     },
@@ -86,29 +188,29 @@ const manifest = {
           displayName: DisplayNames.root.elements.label,
           selector: getSelector(selectors.label),
           behaviors: { selectable: false },
-          cssProperties: { font: {}, color: {} }
-        }
-      },
-      description: {
-        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
-        inlineElement: {
-          displayName: DisplayNames.root.elements.description,
-          selector: getSelector(selectors.description),
-          behaviors: { selectable: false },
-          cssProperties: { font: {}, color: {} }
+          cssProperties: alignedTypography,
+          cssCustomProperties: textShadow
         }
       },
       dateInput: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
           displayName: DisplayNames.root.elements.dateInput,
-          selector: getSelector(selectors.group),
+          selector: getSelector(selectors.dateInput),
           behaviors: { selectable: false },
           cssProperties: dateInputCssProperties,
+          cssCustomProperties: textShadow,
           states: {
             hover: designState(DesignStates.dateInput.hover),
             focus: designState(DesignStates.dateInput.focus),
-            disabled: designState(DesignStates.dateInput.disabled)
+            error: {
+              ...designState(DesignStates.dateInput.error),
+              props: { errorMessage: PREVIEW_ERROR_MESSAGE }
+            },
+            disabled: {
+              ...designState(DesignStates.dateInput.disabled),
+              props: { disabled: true }
+            }
           }
         }
       },
@@ -128,7 +230,8 @@ const manifest = {
           },
           states: {
             hover: designState(DesignStates.calendarButton.hover),
-            selected: designState(DesignStates.calendarButton.selected)
+            selected: designState(DesignStates.calendarButton.selected),
+            focus: designState(DesignStates.calendarButton.focus)
           }
         }
       },
@@ -138,172 +241,109 @@ const manifest = {
           displayName: DisplayNames.root.elements.popover,
           selector: getSelector(selectors.popover),
           behaviors: { selectable: false },
-          cssProperties: { boxShadow: {}, ...boxBorder },
+          cssProperties: popoverCssProperties,
+          visibleState: openWhileDesigning
+        }
+      },
+      calendarHeader: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          displayName: DisplayNames.root.elements.calendarHeader,
+          selector: getSelector(selectors.calendarHeader),
+          behaviors: { selectable: false },
+          cssProperties: typography,
+          cssCustomProperties: textShadow,
           visibleState: openWhileDesigning
         }
       },
-      calendar: {
+      weekdays: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
-          displayName: DisplayNames.root.elements.calendar,
-          selector: getSelector(selectors.calendar),
+          displayName: DisplayNames.root.elements.weekdays,
+          selector: getSelector(selectors.weekday),
           behaviors: { selectable: false },
-          cssProperties: { background: {}, ...boxPadding },
+          cssProperties: alignedTypography,
+          cssCustomProperties: textShadow,
           visibleState: openWhileDesigning
         }
       },
-      calendarDay: {
+      dates: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
-          displayName: DisplayNames.root.elements.calendarDay,
-          selector: getSelector(selectors.day),
+          displayName: DisplayNames.root.elements.dates,
+          selector: getSelector(selectors.date),
           behaviors: { selectable: false },
-          cssProperties: { background: {}, color: {} },
+          cssProperties: { background: {}, ...typography },
+          cssCustomProperties: textShadow,
           states: {
-            hover: designState(DesignStates.calendarDay.hover),
-            selected: designState(DesignStates.calendarDay.selected),
-            disabled: designState(DesignStates.calendarDay.disabled)
+            hover: designState(DesignStates.dates.hover),
+            selected: designState(DesignStates.dates.selected),
+            today: designState(DesignStates.dates.today),
+            focus: designState(DesignStates.dates.focus)
           },
           visibleState: openWhileDesigning
         }
       },
-      today: {
+      helperText: {
         elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
         inlineElement: {
-          displayName: DisplayNames.root.elements.today,
-          selector: `${getSelector(selectors.day)}[data-today]`,
+          displayName: DisplayNames.root.elements.helperText,
+          selector: getSelector(selectors.helperText),
           behaviors: { selectable: false },
-          cssProperties: { background: {}, color: {} },
-          visibleState: openWhileDesigning
+          cssProperties: alignedTypography,
+          cssCustomProperties: textShadow
+        }
+      },
+      errorMessage: {
+        elementType: ELEMENTS.ELEMENT_TYPE.inlineElement,
+        inlineElement: {
+          displayName: DisplayNames.root.elements.errorMessage,
+          selector: getSelector(selectors.errorMessage),
+          behaviors: { selectable: false },
+          cssProperties: alignedTypography,
+          cssCustomProperties: textShadow
         }
       }
     },
     data: {
       value: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.value
-      },
-      endValue: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.endValue
-      },
-      defaultValue: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.defaultValue
-      },
-      defaultEndValue: {
-        dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.defaultEndValue
-      },
-      selectionMode: {
-        dataType: DATA.DATA_TYPE.textEnum,
-        displayName: DisplayNames.root.data.selectionMode.displayName,
-        [DATA.DATA_TYPE.textEnum]: {
-          options: [
-            {
-              value: "single",
-              displayName: DisplayNames.root.data.selectionMode.options.single
-            },
-            {
-              value: "range",
-              displayName: DisplayNames.root.data.selectionMode.options.range
-            }
-          ]
-        },
-        defaultValue: defaultValues.selectionMode
+        dataType: DATA.DATA_TYPE.localDate,
+        displayName: DisplayNames.root.data.value,
+        description: Descriptions.root.data.value
       },
-      granularity: {
-        dataType: DATA.DATA_TYPE.textEnum,
-        displayName: DisplayNames.root.data.granularity.displayName,
-        [DATA.DATA_TYPE.textEnum]: {
-          options: [
-            {
-              value: "day",
-              displayName: DisplayNames.root.data.granularity.options.day
-            },
-            {
-              value: "hour",
-              displayName: DisplayNames.root.data.granularity.options.hour
-            },
-            {
-              value: "minute",
-              displayName: DisplayNames.root.data.granularity.options.minute
-            }
-          ]
-        },
-        defaultValue: defaultValues.granularity
+      onValueChange: {
+        dataType: DATA.DATA_TYPE.function,
+        displayName: DisplayNames.root.data.onValueChange,
+        [DATA.DATA_TYPE.function]: {
+          parameters: [{ dataType: DATA.DATA_TYPE.localDate }]
+        }
       },
       label: {
         dataType: DATA.DATA_TYPE.text,
         displayName: DisplayNames.root.data.label,
         defaultValue: defaultValues.label
       },
-      tooltip: {
+      helperText: {
         dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.tooltip,
-        defaultValue: defaultValues.tooltip
+        displayName: DisplayNames.root.data.helperText,
+        description: Descriptions.root.data.helperText,
+        defaultValue: defaultValues.helperText
       },
-      description: {
+      errorMessage: {
         dataType: DATA.DATA_TYPE.text,
-        displayName: DisplayNames.root.data.description,
-        defaultValue: defaultValues.description
-      },
-      minDate: {
-        dataType: DATA.DATA_TYPE.localDate,
-        displayName: DisplayNames.root.data.minDate
-      },
-      maxDate: {
-        dataType: DATA.DATA_TYPE.localDate,
-        displayName: DisplayNames.root.data.maxDate
-      },
-      unavailableDates: {
-        dataType: DATA.DATA_TYPE.arrayItems,
-        displayName: DisplayNames.root.data.unavailableDates,
-        [DATA.DATA_TYPE.arrayItems]: {
-          data: {
-            items: {
-              from: {
-                dataType: DATA.DATA_TYPE.localDate,
-                displayName: DisplayNames.root.data.unavailableFrom
-              },
-              to: {
-                dataType: DATA.DATA_TYPE.localDate,
-                displayName: DisplayNames.root.data.unavailableTo
-              }
-            }
-          }
-        }
-      },
-      allowPastDates: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.allowPastDates,
-        defaultValue: defaultValues.allowPastDates
-      },
-      allowFutureDates: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.allowFutureDates,
-        defaultValue: defaultValues.allowFutureDates
-      },
-      required: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.required,
-        defaultValue: defaultValues.required
+        displayName: DisplayNames.root.data.errorMessage,
+        description: Descriptions.root.data.errorMessage
       },
       readOnly: {
         dataType: DATA.DATA_TYPE.booleanValue,
         displayName: DisplayNames.root.data.readOnly,
         defaultValue: defaultValues.readOnly
       },
-      isDisabled: {
+      disabled: {
         dataType: DATA.DATA_TYPE.booleanValue,
         displayName: DisplayNames.root.data.disabled,
         defaultValue: defaultValues.disabled
       },
-      clearable: {
-        dataType: DATA.DATA_TYPE.booleanValue,
-        displayName: DisplayNames.root.data.clearable,
-        defaultValue: defaultValues.clearable
-      },
       a11y: {
         dataType: DATA.DATA_TYPE.a11y,
         [DATA.DATA_TYPE.a11y]: {
@@ -312,59 +352,50 @@ const manifest = {
       },
       direction: {
         dataType: DATA.DATA_TYPE.direction
-      },
-      ...manifestChangeable(),
-      onEndChange: {
-        dataType: DATA.DATA_TYPE.function,
-        displayName: DisplayNames.root.data.onEndChange,
-        [DATA.DATA_TYPE.function]: {
-          parameters: [{ domEvent: DomEventType.CHANGE }]
-        }
-      },
-      ...manifestFocusable(),
-      // The bound value is an ISO date string, so `onValidate` carries text.
-      ...manifestValidation({ valueDataType: DATA.DATA_TYPE.text })
+      }
     },
     displayGroups: {
+      // Order of the parts in the design panel.
+      partsOrder: {
+        groupType: DISPLAY_GROUPS.GROUP_TYPE.elements,
+        elements: {
+          items: [
+            "label",
+            "dateInput",
+            "calendarButton",
+            "popover",
+            "calendarHeader",
+            "weekdays",
+            "dates",
+            "helperText",
+            "errorMessage"
+          ]
+        }
+      },
       orderedDataGroup: {
         groupType: DISPLAY_GROUPS.GROUP_TYPE.data,
         data: {
           items: [
-            "required",
-            "readOnly",
-            "isDisabled",
-            "clearable",
-            "allowPastDates",
-            "allowFutureDates",
-            "selectionMode",
-            "granularity",
             "label",
-            "tooltip",
-            "description",
-            "minDate",
-            "maxDate"
+            "helperText",
+            "errorMessage",
+            "value",
+            "readOnly",
+            "disabled"
           ]
         }
       }
     },
+    // Only Disabled at the root: hover and focus are per part (Date input,
+    // Calendar button, Dates). A root Hover/Focus would restyle every part
+    // whenever any of the component is hovered or focused.
     states: {
-      hover: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
-        displayName: DesignStates.root.hover.displayName,
-        className: DesignStates.root.hover.className,
-        pseudoClass: NativeStateType.hover
-      }),
-      focus: withSpec({
-        spec: IS_SUPPORT_DESIGN_STATE_SPEC,
-        displayName: DesignStates.root.focus.displayName,
-        className: DesignStates.root.focus.className,
-        pseudoClass: NativeStateType.focus
-      }),
       disabled: withSpec({
         spec: IS_SUPPORT_DESIGN_STATE_SPEC,
         displayName: DesignStates.root.disabled.displayName,
         className: DesignStates.root.disabled.className,
-        pseudoClass: NativeStateType.disabled
+        pseudoClass: NativeStateType.disabled,
+        props: { disabled: true }
       }),
       // Editor-only: activating this state passes `previewCalendarOpen` so the
       // overlay parts (referenced via `visibleState`) are editable on canvas.
@@ -377,12 +408,8 @@ const manifest = {
     displayFilters: {
       states: {
         hide: [PREVIEW_CALENDAR_OPEN]
-      },
-      actions: {
-        hide: ["manageItems"]
       }
-    },
-    cssProperties
+    }
   },
   resources: {
     client: {

package/dist/site/components/Repeater/component.js

@@ -496,7 +496,6 @@ const LoadMoreButton = ({
     children: label
   }
 );
-const DEFAULT_ITEMS = ["1", "2", "3"];
 const getItemKey = (item2, index) => {
   if (typeof item2 === "string") {
     return `${item2}-${index}`;
@@ -529,20 +528,21 @@ const Repeater = (props) => {
     direction,
     a11y,
     renderItem = () => /* @__PURE__ */ jsx(Fragment, {}),
-    items = DEFAULT_ITEMS,
+    items,
     isLoading: isLoadingProp,
     onLoadMore,
     emptyStateContent: emptyStateContent2,
     isEmpty: isEmptyProp
   } = props;
-  const showEmptyState = !isLoadingProp && (isEmptyProp === true || items.length === 0);
+  const itemCount = (items == null ? void 0 : items.length) ?? 0;
+  const showEmptyState = !isLoadingProp && (isEmptyProp === true || itemCount === 0);
   const presetsWrapperProps = ((_a = props.wix) == null ? void 0 : _a.presetsWrapperProps) || {};
   const [sentinelRef, isIntersecting] = useLoadMoreObserver(
     !!onLoadMore && !showEmptyState && !isLoadingProp
   );
   const { isLoading, load, hasReachedEnd } = useAsyncLoadMore(
     onLoadMore,
-    items.length,
+    itemCount,
     isIntersecting,
     isLoadingProp
   );
@@ -575,7 +575,7 @@ const Repeater = (props) => {
                 {
                   role: "listitem",
                   className: clsx(semanticClassNames.item, styles.item),
-                  children: renderItem(item2, index, items.length)
+                  children: renderItem(item2, index, itemCount)
                 },
                 getItemKey(item2, index)
               )),
@@ -617,7 +617,7 @@ const Repeater = (props) => {
         /* @__PURE__ */ jsx(
           LiveAnnouncer,
           {
-            itemCount: items.length,
+            itemCount,
             hasMore: !hasReachedEnd,
             onLoadMore
           }

package/dist/site/components/TextInput/component.js

@@ -10,8 +10,8 @@ import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { c as componentClassNames, D as DesignStates, E as ERROR_MESSAGE_PREVIEW_TEXT } from "../chunks/constants3.js";
 import { useService } from "@wix/services-manager-react";
 import { b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, d as $860f7da480e22816$export$b8473d3665f3a75a, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, f as $3985021b0ad6602f$export$37fb8590cf2c088c, g as $514c0188e459b4c0$export$9afb8bc826b033ea, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, i as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../chunks/Input.js";
-import { b as $3e6197669829fe11$export$40bfa8c7b0832715, c as $d1116acdf220c2da$export$4c014de7c8940b4c, d as $3274bf1495747a7b$export$5add1d006293d136, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, g as $01b77f81d0f07f68$export$75b6ee27786ba447, h as $a049562f99e7db0e$export$f9c6924e160136d1, a as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
-import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$fabf2dc03a41866e, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
+import { i as $3e6197669829fe11$export$40bfa8c7b0832715, c as $d1116acdf220c2da$export$4c014de7c8940b4c, j as $3274bf1495747a7b$export$5add1d006293d136, a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, k as $23f2114a1b82827e$export$e58f029f0fbfdb29, l as $01b77f81d0f07f68$export$75b6ee27786ba447, m as $a049562f99e7db0e$export$f9c6924e160136d1, h as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../chunks/Group.js";
+import { a as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, f as $f39a9eba43920ace$export$86427a43e3e48ebb, c as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, d as $64fa3d84918910a7$export$4d86445c2cf5e3, e as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$2881499e37b75b9a } from "../chunks/filterDOMProps.js";
 const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
 function $054f71d2330da2e3$export$712718f7aec83d5(props, ref) {
   let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;