@marigold/components 13.0.0 → 14.0.0

package/dist/index.mjs

@@ -1745,21 +1745,11 @@ var ProgressCycle = ({
 // src/Button/Button.tsx
 import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 var _Button = forwardRef13(
-  ({
-    children,
-    variant,
-    size: size2,
-    className,
-    disabled,
-    loading,
-    fullWidth,
-    ...props
-  }, ref) => {
+  ({ children, variant, size: size2, disabled, loading, fullWidth, ...props }, ref) => {
     const classNames3 = useClassNames15({
       component: "Button",
       variant,
-      size: size2,
-      className
+      size: size2
     });
     return /* @__PURE__ */ jsx30(
       Button4,
@@ -2191,9 +2181,7 @@ var icons = {
     }
   )
 };
-var DialogTrigger = forwardRef15(
-  ({ open, ...rest }, ref) => /* @__PURE__ */ jsx39(RACDialogTrigger, { isOpen: open, ...rest })
-);
+var DialogTrigger = ({ open, ...rest }) => /* @__PURE__ */ jsx39(RACDialogTrigger, { isOpen: open, ...rest });
 var _ContextualHelp = forwardRef15(
   ({
     children,
@@ -3006,7 +2994,11 @@ var _DateField = forwardRef20(
 // src/Calendar/Calendar.tsx
 import { useState } from "react";
 import { Calendar } from "react-aria-components";
-import { cn as cn44, useClassNames as useClassNames41 } from "@marigold/system";
+import {
+  cn as cn44,
+  width as twWidth2,
+  useClassNames as useClassNames41
+} from "@marigold/system";
 
 // src/Calendar/CalendarGrid.tsx
 import {
@@ -3282,6 +3274,7 @@ var _Calendar = ({
   readOnly,
   size: size2,
   variant,
+  width = "fit",
   dateUnavailable,
   ...rest
 }) => {
@@ -3301,7 +3294,8 @@ var _Calendar = ({
     Calendar,
     {
       className: cn44(
-        "relative flex min-h-[350px] w-fit flex-col rounded-xs p-4",
+        "relative flex min-h-[350px] flex-col rounded-xs p-4",
+        twWidth2[width],
         classNames3.calendar
       ),
       ...props,
@@ -9884,7 +9878,9 @@ var _SearchField = forwardRef27(
 );
 
 // src/Select/Select.tsx
-import { forwardRef as forwardRef28 } from "react";
+import {
+  forwardRef as forwardRef28
+} from "react";
 import { Select as Select2, SelectValue } from "react-aria-components";
 import { cn as cn55, useClassNames as useClassNames57 } from "@marigold/system";
 import { jsx as jsx96, jsxs as jsxs35 } from "react/jsx-runtime";
@@ -9944,12 +9940,16 @@ var SelectListContext = createContext13(
 );
 var useSelectListContext = () => useContext23(SelectListContext);
 
+// src/SelectList/SelectListAction.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+var SelectListAction = ({ children }) => /* @__PURE__ */ jsx97("div", { className: "order-last", children });
+
 // src/SelectList/SelectListItem.tsx
 import { forwardRef as forwardRef29 } from "react";
 import { GridListItem as SelectListItem } from "react-aria-components";
 import { cn as cn56 } from "@marigold/system";
-import { jsx as jsx97, jsxs as jsxs36 } from "react/jsx-runtime";
-var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx97("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx97(
+import { jsx as jsx98, jsxs as jsxs36 } from "react/jsx-runtime";
+var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx98("svg", { width: "12px", height: "10px", viewBox: "0 0 12 10", className, children: /* @__PURE__ */ jsx98(
   "path",
   {
     fill: "currentColor",
@@ -9960,10 +9960,10 @@ var CheckMark3 = ({ className }) => /* @__PURE__ */ jsx97("svg", { width: "12px"
 var SelectionIndicator = ({ selectionMode }) => {
   switch (selectionMode) {
     case "multiple": {
-      return /* @__PURE__ */ jsx97(_Checkbox, { slot: "selection" });
+      return /* @__PURE__ */ jsx98(_Checkbox, { slot: "selection" });
     }
     case "single": {
-      return /* @__PURE__ */ jsx97(CheckMark3, { className: "invisible hidden" });
+      return /* @__PURE__ */ jsx98(CheckMark3, { className: "invisible hidden" });
     }
   }
 };
@@ -9971,16 +9971,19 @@ var _SelectListItem = forwardRef29(
   ({ children, disabled, ...props }, ref) => {
     let textValue = typeof children === "string" ? children : void 0;
     const { classNames: classNames3 } = useSelectListContext();
-    return /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsx98(
       SelectListItem,
       {
         isDisabled: disabled,
         textValue,
         ...props,
-        className: cn56("group-[layout=grid]/list:flex-row", classNames3 == null ? void 0 : classNames3.item),
+        className: cn56(
+          classNames3 == null ? void 0 : classNames3.item,
+          "grid grid-flow-col [grid-template-columns:min-content_1fr]"
+        ),
         ref,
         children: ({ selectionMode }) => /* @__PURE__ */ jsxs36("div", { className: "selection-indicator contents", children: [
-          /* @__PURE__ */ jsx97(SelectionIndicator, { selectionMode }),
+          /* @__PURE__ */ jsx98(SelectionIndicator, { selectionMode }),
           children
         ] })
       }
@@ -9989,7 +9992,7 @@ var _SelectListItem = forwardRef29(
 );
 
 // src/SelectList/SelectList.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var _SelectList = forwardRef30(
   ({ onChange: onChange2, ...rest }, ref) => {
     const classNames3 = useClassNames58({ component: "ListBox" });
@@ -9997,7 +10000,7 @@ var _SelectList = forwardRef30(
       onSelectionChange: onChange2,
       ...rest
     };
-    return /* @__PURE__ */ jsx98(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx98("div", { className: classNames3.container, children: /* @__PURE__ */ jsx98(
+    return /* @__PURE__ */ jsx99(SelectListContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx99("div", { className: classNames3.container, children: /* @__PURE__ */ jsx99(
       SelectList,
       {
         ...props,
@@ -10013,20 +10016,21 @@ var _SelectList = forwardRef30(
   }
 );
 _SelectList.Item = _SelectListItem;
+_SelectList.Action = SelectListAction;
 
 // src/Scrollable/Scrollable.tsx
-import { cn as cn58, createVar as createVar6, width as twWidth2 } from "@marigold/system";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { cn as cn58, createVar as createVar6, width as twWidth3 } from "@marigold/system";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var Scrollable = ({
   children,
   width = "full",
   height,
   ...props
-}) => /* @__PURE__ */ jsx99(
+}) => /* @__PURE__ */ jsx100(
   "div",
   {
     ...props,
-    className: cn58(["sticky h-(--height) overflow-auto", twWidth2[width]]),
+    className: cn58(["sticky h-(--height) overflow-auto", twWidth3[width]]),
     style: createVar6({ height }),
     children
   }
@@ -10042,10 +10046,10 @@ import {
 } from "react-aria-components";
 import {
   cn as cn59,
-  width as twWidth3,
+  width as twWidth4,
   useClassNames as useClassNames59
 } from "@marigold/system";
-import { Fragment as Fragment10, jsx as jsx100, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs37 } from "react/jsx-runtime";
 var _Slider = forwardRef31(
   ({
     thumbLabels,
@@ -10072,19 +10076,19 @@ var _Slider = forwardRef31(
         className: cn59(
           "grid grid-cols-[auto_1fr] gap-y-1",
           classNames3.container,
-          twWidth3[width]
+          twWidth4[width]
         ),
         ref,
         ...props,
         children: [
-          label && /* @__PURE__ */ jsx100(_Label, { children: label }),
-          /* @__PURE__ */ jsx100(SliderOutput, { className: cn59("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
-          /* @__PURE__ */ jsx100(
+          label && /* @__PURE__ */ jsx101(_Label, { children: label }),
+          /* @__PURE__ */ jsx101(SliderOutput, { className: cn59("flex justify-end", classNames3.output), children: ({ state }) => state.values.map((_, i) => state.getThumbValueLabel(i)).join(" \u2013 ") }),
+          /* @__PURE__ */ jsx101(
             SliderTrack,
             {
               className: cn59("relative col-span-2 h-2 w-full", classNames3.track),
               children: ({ state }) => /* @__PURE__ */ jsxs37(Fragment10, { children: [
-                /* @__PURE__ */ jsx100(
+                /* @__PURE__ */ jsx101(
                   "div",
                   {
                     className: cn59(
@@ -10093,7 +10097,7 @@ var _Slider = forwardRef31(
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx100(
+                /* @__PURE__ */ jsx101(
                   "div",
                   {
                     className: cn59(
@@ -10106,7 +10110,7 @@ var _Slider = forwardRef31(
                     }
                   }
                 ),
-                state.values.map((_, i) => /* @__PURE__ */ jsx100(
+                state.values.map((_, i) => /* @__PURE__ */ jsx101(
                   SliderThumb,
                   {
                     className: cn59("top-1/2 cursor-pointer", classNames3.thumb),
@@ -10126,13 +10130,13 @@ var _Slider = forwardRef31(
 );
 
 // src/Split/Split.tsx
-import { jsx as jsx101 } from "react/jsx-runtime";
-var Split = () => /* @__PURE__ */ jsx101("div", { role: "separator", className: "grow" });
+import { jsx as jsx102 } from "react/jsx-runtime";
+var Split = () => /* @__PURE__ */ jsx102("div", { role: "separator", className: "grow" });
 
 // src/Stack/Stack.tsx
 import { Children as Children3 } from "react";
 import { alignment as alignment3, cn as cn60, gapSpace as gapSpace8 } from "@marigold/system";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var Stack = ({
   children,
   space = 0,
@@ -10144,8 +10148,8 @@ var Stack = ({
 }) => {
   var _a, _b, _c, _d;
   const Component2 = asList ? "ul" : "div";
-  const stackChildren = asList ? Children3.map(children, (child) => child != null ? /* @__PURE__ */ jsx102("li", { children: child }) : null) : children;
-  return /* @__PURE__ */ jsx102(
+  const stackChildren = asList ? Children3.map(children, (child) => child != null ? /* @__PURE__ */ jsx103("li", { children: child }) : null) : children;
+  return /* @__PURE__ */ jsx103(
     Component2,
     {
       className: cn60(
@@ -10166,10 +10170,10 @@ import { forwardRef as forwardRef32 } from "react";
 import { Switch } from "react-aria-components";
 import {
   cn as cn61,
-  width as twWidth4,
+  width as twWidth5,
   useClassNames as useClassNames60
 } from "@marigold/system";
-import { jsx as jsx103, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs38 } from "react/jsx-runtime";
 var _Switch = forwardRef32(
   ({
     variant,
@@ -10194,14 +10198,14 @@ var _Switch = forwardRef32(
         ...props,
         ref,
         className: cn61(
-          twWidth4[width],
+          twWidth5[width],
           "group/switch",
           "flex items-center gap-[1ch]",
           classNames3.container
         ),
         children: [
-          label && /* @__PURE__ */ jsx103(_Label, { elementType: "span", children: label }),
-          /* @__PURE__ */ jsx103("div", { className: "relative", children: /* @__PURE__ */ jsx103("div", { className: classNames3.track, children: /* @__PURE__ */ jsx103("div", { className: classNames3.thumb }) }) })
+          label && /* @__PURE__ */ jsx104(_Label, { elementType: "span", children: label }),
+          /* @__PURE__ */ jsx104("div", { className: "relative", children: /* @__PURE__ */ jsx104("div", { className: classNames3.track, children: /* @__PURE__ */ jsx104("div", { className: classNames3.thumb }) }) })
         ]
       }
     );
@@ -10228,7 +10232,7 @@ var useTableContext = () => useContext24(TableContext);
 
 // src/Table/TableBody.tsx
 import { useTableRowGroup } from "@react-aria/table";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var TableBody = ({
   children,
   className,
@@ -10237,7 +10241,7 @@ var TableBody = ({
   const { rowGroupProps } = useTableRowGroup();
   const { state, classNames: classNames3 } = useTableContext();
   if (state.collection.size === 0 && emptyState) {
-    return /* @__PURE__ */ jsx104("tbody", { className, children: /* @__PURE__ */ jsx104("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx104(
+    return /* @__PURE__ */ jsx105("tbody", { className, children: /* @__PURE__ */ jsx105("tr", { className: classNames3 == null ? void 0 : classNames3.row, role: "row", children: /* @__PURE__ */ jsx105(
       "td",
       {
         className: classNames3 == null ? void 0 : classNames3.cell,
@@ -10247,7 +10251,7 @@ var TableBody = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx104("tbody", { ...rowGroupProps, className, children });
+  return /* @__PURE__ */ jsx105("tbody", { ...rowGroupProps, className, children });
 };
 
 // src/Table/TableCell.tsx
@@ -10256,7 +10260,7 @@ import { useFocusRing } from "@react-aria/focus";
 import { useTableCell } from "@react-aria/table";
 import { mergeProps as mergeProps2 } from "@react-aria/utils";
 import { useStateProps } from "@marigold/system";
-import { jsx as jsx105 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var TableCell = ({
   cell,
   align = "left",
@@ -10283,7 +10287,7 @@ var TableCell = ({
   };
   const { focusProps, isFocusVisible } = useFocusRing();
   const stateProps = useStateProps({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx106(
     "td",
     {
       ref,
@@ -10325,7 +10329,7 @@ var mapCheckboxProps = ({
 };
 
 // src/Table/TableCheckboxCell.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var TableCheckboxCell = ({
   cell,
   alignY = "middle"
@@ -10345,7 +10349,7 @@ var TableCheckboxCell = ({
   );
   const { focusProps, isFocusVisible } = useFocusRing2();
   const stateProps = useStateProps2({ disabled, focusVisible: isFocusVisible });
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx107(
     "td",
     {
       ref,
@@ -10353,7 +10357,7 @@ var TableCheckboxCell = ({
       ...mergeProps3(gridCellProps, focusProps),
       ...stateProps,
       valign: alignY,
-      children: /* @__PURE__ */ jsx106(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx107(_Checkbox, { ...checkboxProps })
     }
   );
 };
@@ -10364,8 +10368,8 @@ import { useFocusRing as useFocusRing3 } from "@react-aria/focus";
 import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
 import { mergeProps as mergeProps4 } from "@react-aria/utils";
-import { cn as cn63, width as twWidth5, useStateProps as useStateProps3 } from "@marigold/system";
-import { jsx as jsx107, jsxs as jsxs39 } from "react/jsx-runtime";
+import { cn as cn63, width as twWidth6, useStateProps as useStateProps3 } from "@marigold/system";
+import { jsx as jsx108, jsxs as jsxs39 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column: column2,
   width = "auto",
@@ -10392,13 +10396,13 @@ var TableColumnHeader = ({
     {
       colSpan: column2.colspan,
       ref,
-      className: cn63("cursor-default", twWidth5[width], classNames3 == null ? void 0 : classNames3.header),
+      className: cn63("cursor-default", twWidth6[width], classNames3 == null ? void 0 : classNames3.header),
       ...mergeProps4(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
       children: [
         column2.rendered,
-        column2.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column2.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx107(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx107(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx107("span", { className: "hidden", children: /* @__PURE__ */ jsx107(SortDown, { className: "inline-block" }) }))
+        column2.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column2.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx108(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx108(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx108("span", { className: "hidden", children: /* @__PURE__ */ jsx108(SortDown, { className: "inline-block" }) }))
       ]
     }
   );
@@ -10407,11 +10411,11 @@ var TableColumnHeader = ({
 // src/Table/TableHeader.tsx
 import { useTableRowGroup as useTableRowGroup2 } from "@react-aria/table";
 import { cn as cn64 } from "@marigold/system";
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var TableHeader = ({ stickyHeader, children }) => {
   const { rowGroupProps } = useTableRowGroup2();
   const { classNames: classNames3 } = useTableContext();
-  return /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx109(
     "thead",
     {
       ...rowGroupProps,
@@ -10428,7 +10432,7 @@ var TableHeader = ({ stickyHeader, children }) => {
 // src/Table/TableHeaderRow.tsx
 import { useRef as useRef13 } from "react";
 import { useTableHeaderRow } from "@react-aria/table";
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var TableHeaderRow = ({
   item,
   className,
@@ -10437,7 +10441,7 @@ var TableHeaderRow = ({
   const { state } = useTableContext();
   const ref = useRef13(null);
   const { rowProps } = useTableHeaderRow({ node: item }, state, ref);
-  return /* @__PURE__ */ jsx109("tr", { ...rowProps, className, ref, children });
+  return /* @__PURE__ */ jsx110("tr", { ...rowProps, className, ref, children });
 };
 
 // src/Table/TableRow.tsx
@@ -10447,7 +10451,7 @@ import { useHover as useHover2 } from "@react-aria/interactions";
 import { useTableRow } from "@react-aria/table";
 import { mergeProps as mergeProps5 } from "@react-aria/utils";
 import { cn as cn65, useClassNames as useClassNames61, useStateProps as useStateProps4 } from "@marigold/system";
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx111 } from "react/jsx-runtime";
 var TableRow = ({ children, row }) => {
   const ref = useRef14(null);
   const { interactive, state, ...ctx } = useTableContext();
@@ -10477,7 +10481,7 @@ var TableRow = ({ children, row }) => {
     focusVisible: isFocusVisible,
     active: isPressed
   });
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx111(
     "tr",
     {
       ref,
@@ -10505,10 +10509,10 @@ import {
 import { mergeProps as mergeProps6 } from "@react-aria/utils";
 import {
   cn as cn66,
-  width as twWidth6,
+  width as twWidth7,
   useStateProps as useStateProps5
 } from "@marigold/system";
-import { jsx as jsx111 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var TableSelectAllCell = ({
   column: column2,
   width = "auto",
@@ -10530,21 +10534,21 @@ var TableSelectAllCell = ({
     hover: isHovered,
     focusVisible: isFocusVisible
   });
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     "th",
     {
       ref,
-      className: cn66(twWidth6[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
+      className: cn66(twWidth7[width], ["leading-none"], classNames3 == null ? void 0 : classNames3.header),
       ...mergeProps6(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
-      children: /* @__PURE__ */ jsx111(_Checkbox, { ...checkboxProps })
+      children: /* @__PURE__ */ jsx112(_Checkbox, { ...checkboxProps })
     }
   );
 };
 
 // src/Table/Table.tsx
-import { jsx as jsx112, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs40 } from "react/jsx-runtime";
 var Table = ({
   variant,
   size: size2,
@@ -10574,7 +10578,7 @@ var Table = ({
     size: size2
   });
   const { collection } = state;
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx113(
     TableContext.Provider,
     {
       value: { state, interactive, classNames: classNames3, variant, size: size2 },
@@ -10590,7 +10594,7 @@ var Table = ({
           ),
           ...gridProps,
           children: [
-            /* @__PURE__ */ jsx112(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx112(
+            /* @__PURE__ */ jsx113(TableHeader, { stickyHeader, children: collection.headerRows.map((headerRow) => /* @__PURE__ */ jsx113(
               TableHeaderRow,
               {
                 item: headerRow,
@@ -10598,7 +10602,7 @@ var Table = ({
                 children: [...collection.getChildren(headerRow.key)].map(
                   (column2) => {
                     var _a, _b, _c, _d, _e;
-                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx112(
+                    return ((_a = column2.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx113(
                       TableSelectAllCell,
                       {
                         width: (_b = column2.props) == null ? void 0 : _b.width,
@@ -10606,7 +10610,7 @@ var Table = ({
                         align: (_c = column2.props) == null ? void 0 : _c.align
                       },
                       column2.key
-                    ) : /* @__PURE__ */ jsx112(
+                    ) : /* @__PURE__ */ jsx113(
                       TableColumnHeader,
                       {
                         width: (_d = column2.props) == null ? void 0 : _d.width,
@@ -10622,17 +10626,17 @@ var Table = ({
             )) }),
             /* @__PURE__ */ jsxs40(TableBody, { className: classNames3.body, emptyState, children: [
               ...collection.rows.map(
-                (row) => row.type === "item" && /* @__PURE__ */ jsx112(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
+                (row) => row.type === "item" && /* @__PURE__ */ jsx113(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index2) => {
                   var _a, _b;
                   const currentColumn = collection.columns[index2];
-                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx112(
+                  return ((_a = cell.props) == null ? void 0 : _a.isSelectionCell) ? /* @__PURE__ */ jsx113(
                     TableCheckboxCell,
                     {
                       cell,
                       alignY
                     },
                     cell.key
-                  ) : /* @__PURE__ */ jsx112(
+                  ) : /* @__PURE__ */ jsx113(
                     TableCell,
                     {
                       align: (_b = currentColumn.props) == null ? void 0 : _b.align,
@@ -10668,7 +10672,7 @@ import {
   textStyle,
   useClassNames as useClassNames63
 } from "@marigold/system";
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 var _Text = ({
   variant,
   size: size2,
@@ -10689,7 +10693,7 @@ var _Text = ({
   });
   const Component2 = props.slot ? Text2 : as;
   const elementType = props.slot ? { elementType: as } : {};
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx114(
     Component2,
     {
       ...props,
@@ -10714,7 +10718,7 @@ var _Text = ({
 import { forwardRef as forwardRef33 } from "react";
 import { TextArea, TextField } from "react-aria-components";
 import { useClassNames as useClassNames64 } from "@marigold/system";
-import { jsx as jsx114 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 var _TextArea = forwardRef33(
   ({
     variant,
@@ -10734,14 +10738,14 @@ var _TextArea = forwardRef33(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx114(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx114(TextArea, { className: classNames3, ref, rows }) });
+    return /* @__PURE__ */ jsx115(FieldBase, { as: TextField, ...props, variant, size: size2, children: /* @__PURE__ */ jsx115(TextArea, { className: classNames3, ref, rows }) });
   }
 );
 
 // src/TextField/TextField.tsx
 import { forwardRef as forwardRef34 } from "react";
 import { TextField as TextField2 } from "react-aria-components";
-import { jsx as jsx115 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var _TextField = forwardRef34(
   ({ required, disabled, readOnly, error, ...rest }, ref) => {
     const props = {
@@ -10751,13 +10755,13 @@ var _TextField = forwardRef34(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx115(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx115(_Input, { ref }) });
+    return /* @__PURE__ */ jsx116(FieldBase, { as: TextField2, ...props, children: /* @__PURE__ */ jsx116(_Input, { ref }) });
   }
 );
 
 // src/Tiles/Tiles.tsx
 import { cn as cn69, createVar as createVar7, gapSpace as gapSpace9 } from "@marigold/system";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var Tiles = ({
   space = 0,
   stretch = false,
@@ -10770,7 +10774,7 @@ var Tiles = ({
   if (stretch) {
     column2 = `minmax(${column2}, 1fr)`;
   }
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx117(
     "div",
     {
       ...props,
@@ -10793,7 +10797,7 @@ import { cn as cn70, useClassNames as useClassNames65 } from "@marigold/system";
 
 // src/Tooltip/TooltipTrigger.tsx
 import { TooltipTrigger } from "react-aria-components";
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var _TooltipTrigger = ({
   delay = 1e3,
   children,
@@ -10807,11 +10811,11 @@ var _TooltipTrigger = ({
     isOpen: open,
     delay
   };
-  return /* @__PURE__ */ jsx117(TooltipTrigger, { ...props, children });
+  return /* @__PURE__ */ jsx118(TooltipTrigger, { ...props, children });
 };
 
 // src/Tooltip/Tooltip.tsx
-import { jsx as jsx118, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx119, jsxs as jsxs41 } from "react/jsx-runtime";
 var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   const props = {
     ...rest,
@@ -10819,12 +10823,12 @@ var _Tooltip = ({ children, variant, size: size2, open, ...rest }) => {
   };
   const classNames3 = useClassNames65({ component: "Tooltip", variant, size: size2 });
   const portal = usePortalContainer();
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     UNSAFE_PortalProvider3,
     {
       getContainer: () => portal instanceof HTMLElement ? portal : null,
       children: /* @__PURE__ */ jsxs41(Tooltip, { ...props, className: cn70("group/tooltip", classNames3.container), children: [
-        /* @__PURE__ */ jsx118(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx118("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx118("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+        /* @__PURE__ */ jsx119(OverlayArrow, { className: classNames3.arrow, children: /* @__PURE__ */ jsx119("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx119("path", { d: "M0 0 L4 4 L8 0" }) }) }),
         children
       ] })
     }
@@ -10843,13 +10847,13 @@ import { useClassNames as useClassNames66 } from "@marigold/system";
 // src/TagGroup/TagGroupHiddenInput.tsx
 import { useContext as useContext25 } from "react";
 import { ListStateContext } from "react-aria-components";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var TagGroupHiddenInput = ({ name }) => {
   var _a;
   const state = useContext25(ListStateContext);
   const selectedKeys = Array.from((_a = state == null ? void 0 : state.selectionManager.selectedKeys) != null ? _a : []);
   if (!selectedKeys.length) return null;
-  return /* @__PURE__ */ jsx119("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120("div", { hidden: true, "aria-hidden": "true", children: selectedKeys.map((key) => /* @__PURE__ */ jsx120(
     "input",
     {
       type: "checkbox",
@@ -10863,7 +10867,7 @@ var TagGroupHiddenInput = ({ name }) => {
 };
 
 // src/TagGroup/TagGroup.tsx
-import { jsx as jsx120, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs42 } from "react/jsx-runtime";
 var _TagGroup = ({
   width,
   items,
@@ -10876,7 +10880,7 @@ var _TagGroup = ({
 }) => {
   const classNames3 = useClassNames66({ component: "Tag", variant, size: size2 });
   return /* @__PURE__ */ jsxs42(FieldBase, { as: TagGroup, ...rest, children: [
-    /* @__PURE__ */ jsx120(
+    /* @__PURE__ */ jsx121(
       TagList,
       {
         items,
@@ -10885,12 +10889,12 @@ var _TagGroup = ({
         children
       }
     ),
-    name ? /* @__PURE__ */ jsx120(TagGroupHiddenInput, { name }) : null
+    name ? /* @__PURE__ */ jsx121(TagGroupHiddenInput, { name }) : null
   ] });
 };
 
 // src/TagGroup/Tag.tsx
-import { Fragment as Fragment11, jsx as jsx121, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx122, jsxs as jsxs43 } from "react/jsx-runtime";
 var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
   let textValue = typeof children === "string" ? children : void 0;
   const classNames3 = useClassNames67({ component: "Tag", variant, size: size2 });
@@ -10898,7 +10902,7 @@ var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
     isDisabled: disabled,
     ...rest
   };
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     Tag,
     {
       textValue,
@@ -10906,7 +10910,7 @@ var _Tag = ({ variant, size: size2, children, disabled, ...rest }) => {
       className: cn71("data-selection-mode:cursor-pointer", classNames3.tag),
       children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs43(Fragment11, { children: [
         children,
-        allowsRemoving && /* @__PURE__ */ jsx121(CloseButton, { className: classNames3.closeButton, slot: "remove" })
+        allowsRemoving && /* @__PURE__ */ jsx122(CloseButton, { className: classNames3.closeButton, slot: "remove" })
       ] })
     }
   );
@@ -10937,7 +10941,7 @@ var intlMessages2 = {
 };
 
 // src/XLoader/BaseLoader.tsx
-import { jsx as jsx122, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs44 } from "react/jsx-runtime";
 var BaseLoader = ({
   variant,
   size: size2,
@@ -10963,13 +10967,13 @@ var BaseLoader = ({
             fill: "currentColor",
             className: className.loader,
             children: [
-              /* @__PURE__ */ jsx122("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123("path", { id: "XMLID_1_", d: "M35.3 27h26.5l54 74.1H88.7z" }),
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_5_",
                   d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -10982,12 +10986,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_18_",
                   d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11000,12 +11004,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_19_",
                   d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11018,12 +11022,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_20_",
                   d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11036,12 +11040,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_21_",
                   d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11054,12 +11058,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_22_",
                   d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11072,12 +11076,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_23_",
                   d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11090,12 +11094,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_24_",
                   d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11108,12 +11112,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_25_",
                   d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11126,12 +11130,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_26_",
                   d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11144,12 +11148,12 @@ var BaseLoader = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsx123(
                 "path",
                 {
                   id: "XMLID_27_",
                   d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z",
-                  children: /* @__PURE__ */ jsx122(
+                  children: /* @__PURE__ */ jsx123(
                     "animate",
                     {
                       attributeName: "opacity",
@@ -11165,17 +11169,17 @@ var BaseLoader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx122(Label2, { className: className.label, children }) : null
+        children ? /* @__PURE__ */ jsx123(Label2, { className: className.label, children }) : null
       ]
     }
   );
 };
 
 // src/XLoader/XLoader.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var LoaderFullScreen = (props) => {
   const id = useId2();
-  return /* @__PURE__ */ jsx123(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx123(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx123(Dialog5, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx123(BaseLoader, { id, ...props }) }) }) });
+  return /* @__PURE__ */ jsx124(Underlay, { defaultOpen: true, keyboardDismissable: true, variant: "modal", children: /* @__PURE__ */ jsx124(Modal2, { className: "grid h-(--visual-viewport-height) cursor-progress place-items-center", children: /* @__PURE__ */ jsx124(Dialog5, { className: "outline-0", "aria-labelledby": id, children: /* @__PURE__ */ jsx124(BaseLoader, { id, ...props }) }) }) });
 };
 var LoaderSection = (props) => {
   const className = useClassNames69({
@@ -11183,9 +11187,9 @@ var LoaderSection = (props) => {
     variant: "modal",
     className: "flex size-full items-center justify-center"
   });
-  return /* @__PURE__ */ jsx123("div", { className, children: /* @__PURE__ */ jsx123(BaseLoader, { ...props }) });
+  return /* @__PURE__ */ jsx124("div", { className, children: /* @__PURE__ */ jsx124(BaseLoader, { ...props }) });
 };
-var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx123(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx123(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx123(BaseLoader, { variant, ...props });
+var XLoader = ({ mode, variant, ...props }) => mode === "fullscreen" ? /* @__PURE__ */ jsx124(LoaderFullScreen, { variant: variant != null ? variant : "inverted", ...props }) : mode === "section" ? /* @__PURE__ */ jsx124(LoaderSection, { variant: variant != null ? variant : "inverted", ...props }) : /* @__PURE__ */ jsx124(BaseLoader, { variant, ...props });
 
 // src/Tabs/Tabs.tsx
 import { Tabs } from "react-aria-components";
@@ -11199,10 +11203,10 @@ var useTabContext = () => useContext26(TabContext);
 // src/Tabs/Tab.tsx
 import { Tab } from "react-aria-components";
 import { cn as cn72 } from "@marigold/system";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 var _Tab = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx125(
     Tab,
     {
       ...props,
@@ -11218,10 +11222,10 @@ var _Tab = (props) => {
 // src/Tabs/TabList.tsx
 import { TabList } from "react-aria-components";
 import { cn as cn73, gapSpace as gapSpace10 } from "@marigold/system";
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var _TabList = ({ space = 2, ...props }) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(
     TabList,
     {
       ...props,
@@ -11233,14 +11237,14 @@ var _TabList = ({ space = 2, ...props }) => {
 
 // src/Tabs/TabPanel.tsx
 import { TabPanel } from "react-aria-components";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var _TabPanel = (props) => {
   const { classNames: classNames3 } = useTabContext();
-  return /* @__PURE__ */ jsx126(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
+  return /* @__PURE__ */ jsx127(TabPanel, { ...props, className: classNames3.tabpanel, children: props.children });
 };
 
 // src/Tabs/Tabs.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
   const props = {
     isDisabled: disabled,
@@ -11251,7 +11255,7 @@ var _Tabs = ({ disabled, variant, size: size2 = "medium", ...rest }) => {
     size: size2,
     variant
   });
-  return /* @__PURE__ */ jsx127(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx127(Tabs, { ...props, className: classNames3.container, children: props.children }) });
+  return /* @__PURE__ */ jsx128(TabContext.Provider, { value: { classNames: classNames3 }, children: /* @__PURE__ */ jsx128(Tabs, { ...props, className: classNames3.container, children: props.children }) });
 };
 _Tabs.List = _TabList;
 _Tabs.TabPanel = _TabPanel;
@@ -11264,7 +11268,7 @@ import { RouterProvider } from "react-aria-components";
 import { forwardRef as forwardRef35 } from "react";
 import { DateInput as DateInput2, DateSegment as DateSegment2, TimeField } from "react-aria-components";
 import { useClassNames as useClassNames71 } from "@marigold/system";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var _TimeField = forwardRef35(
   ({
     required,
@@ -11284,7 +11288,7 @@ var _TimeField = forwardRef35(
       isRequired: required,
       ...rest
     };
-    return /* @__PURE__ */ jsx128(
+    return /* @__PURE__ */ jsx129(
       FieldBase,
       {
         as: TimeField,
@@ -11293,7 +11297,7 @@ var _TimeField = forwardRef35(
         width,
         ...props,
         ref,
-        children: /* @__PURE__ */ jsx128(DateInput2, { className: classNames3.field, children: (segment) => /* @__PURE__ */ jsx128(DateSegment2, { className: classNames3.segment, segment }) })
+        children: /* @__PURE__ */ jsx129(DateInput2, { className: classNames3.field, children: (segment) => /* @__PURE__ */ jsx129(DateSegment2, { className: classNames3.segment, segment }) })
       }
     );
   }