@cerberus-design/react 0.18.1 → 0.18.3

package/build/legacy/index.cjs

@@ -1443,7 +1443,19 @@ function Checkbox2(props) {
 
 // src/components/CircularProgress.tsx
 var import_recipes14 = require("styled-system/recipes");
+
+// src/components/for.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
+function For(props) {
+  var _a;
+  if (!props.each || !props.each.length) {
+    return props.fallback || null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: (_a = props.each) == null ? void 0 : _a.map(props.children) });
+}
+
+// src/components/CircularProgress.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function CircularProgress(props) {
   const { size = "1.1em" } = props;
   const sizeProps = props.size ? {
@@ -1456,7 +1468,7 @@ function CircularProgress(props) {
   const now = props.now >= 100 ? 100 : props.now;
   const bgStyle = props.bgStyle ?? "filled";
   const styles = (0, import_recipes14.circularProgress)();
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       id: props.id,
@@ -1466,7 +1478,7 @@ function CircularProgress(props) {
       "aria-valuenow": now,
       className: styles.root,
       role: "progressbar",
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
         "svg",
         {
           "data-complete": now === 100,
@@ -1478,17 +1490,17 @@ function CircularProgress(props) {
           xmlns: "http://www.w3.org/2000/svg",
           ...sizeProps,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: props.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("desc", { children: `${now}% ${status}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("linearGradient", { id: "gradient", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: props.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("desc", { children: `${now}% ${status}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("linearGradient", { id: "gradient", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "stop",
                 {
                   offset: "0%",
                   stopColor: "var(--cerberus-colors-data-viz-progress-start)"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "stop",
                 {
                   offset: "100%",
@@ -1496,7 +1508,7 @@ function CircularProgress(props) {
                 }
               )
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Show, { when: bgStyle === "filled", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Show, { when: bgStyle === "filled", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "circle",
               {
                 className: styles.base,
@@ -1506,7 +1518,7 @@ function CircularProgress(props) {
                 pathLength: "100"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "circle",
               {
                 className: styles.track,
@@ -1516,48 +1528,69 @@ function CircularProgress(props) {
                 pathLength: "100"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-              "circle",
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              Show,
               {
-                "data-complete": now === 100,
-                className: styles.path,
-                cx: "50%",
-                cy: "50%",
-                fill: "none",
-                r: radius,
-                pathLength: "100",
-                strokeDasharray: "100",
-                strokeDashoffset: 100 - now,
-                transform: "rotate(-90 50 50)"
+                when: now > 0,
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                  "text",
+                  {
+                    "data-fallback": true,
+                    className: styles.description,
+                    x: "50%",
+                    y: "27%",
+                    dominantBaseline: "middle",
+                    textAnchor: "middle",
+                    textLength: "65%",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(For, { each: status.split(" "), children: (word, idx) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("tspan", { x: "50%", dy: "1.2em", children: word }, `${word}:${idx}`) })
+                  }
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    "circle",
+                    {
+                      "data-complete": now === 100,
+                      className: styles.path,
+                      cx: "50%",
+                      cy: "50%",
+                      fill: "none",
+                      r: radius,
+                      pathLength: "100",
+                      strokeDasharray: "100",
+                      strokeDashoffset: 100 - now,
+                      transform: "rotate(-90 50 50)"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("g", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                      "text",
+                      {
+                        className: styles.title,
+                        x: "50%",
+                        y: "47%",
+                        dominantBaseline: "middle",
+                        textAnchor: "middle",
+                        children: [
+                          now,
+                          "%"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      "text",
+                      {
+                        className: styles.description,
+                        x: "50%",
+                        y: "59%",
+                        dominantBaseline: "middle",
+                        textAnchor: "middle",
+                        children: status
+                      }
+                    )
+                  ] })
+                ]
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("g", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-                "text",
-                {
-                  className: styles.title,
-                  x: "50%",
-                  y: "47%",
-                  dominantBaseline: "middle",
-                  textAnchor: "middle",
-                  children: [
-                    now,
-                    "%"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                "text",
-                {
-                  className: styles.description,
-                  x: "50%",
-                  y: "59%",
-                  dominantBaseline: "middle",
-                  textAnchor: "middle",
-                  children: status
-                }
-              )
-            ] })
+            )
           ]
         }
       )
@@ -1570,11 +1603,11 @@ var import_combobox = require("@ark-ui/react/combobox");
 var import_factory3 = require("@ark-ui/react/factory");
 var import_recipes15 = require("styled-system/recipes");
 var import_css17 = require("styled-system/css");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function ComboboxRoot(props) {
   const { size, ...rootProps } = props;
   const styles = (0, import_recipes15.combobox)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.Root,
     {
       ...rootProps,
@@ -1584,11 +1617,11 @@ function ComboboxRoot(props) {
 }
 function ComboboxLabel(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_combobox.Combobox.Label, { ...props, className: (0, import_css17.cx)(styles.label, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_combobox.Combobox.Label, { ...props, className: (0, import_css17.cx)(styles.label, props.className) });
 }
 function ComboboxControl(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.Control,
     {
       ...props,
@@ -1598,11 +1631,11 @@ function ComboboxControl(props) {
 }
 function ComboboxInput(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_combobox.Combobox.Input, { ...props, className: (0, import_css17.cx)(styles.input, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_combobox.Combobox.Input, { ...props, className: (0, import_css17.cx)(styles.input, props.className) });
 }
 function ComboboxTrigger(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.Trigger,
     {
       ...props,
@@ -1612,7 +1645,7 @@ function ComboboxTrigger(props) {
 }
 function ComboboxClearTrigger(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.ClearTrigger,
     {
       ...props,
@@ -1622,7 +1655,7 @@ function ComboboxClearTrigger(props) {
 }
 function ComboboxPositioner(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.Positioner,
     {
       ...props,
@@ -1633,7 +1666,7 @@ function ComboboxPositioner(props) {
 function ComboboxContent(props) {
   const { size, ...contentProps } = props;
   const styles = (0, import_recipes15.combobox)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.Content,
     {
       ...contentProps,
@@ -1643,7 +1676,7 @@ function ComboboxContent(props) {
 }
 function ComboboxItemGroup(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.ItemGroup,
     {
       ...props,
@@ -1653,7 +1686,7 @@ function ComboboxItemGroup(props) {
 }
 function ComboboxItemGroupLabel(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.ItemGroupLabel,
     {
       ...props,
@@ -1663,11 +1696,11 @@ function ComboboxItemGroupLabel(props) {
 }
 function ComboboxItem(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_combobox.Combobox.Item, { ...props, className: (0, import_css17.cx)(styles.item, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_combobox.Combobox.Item, { ...props, className: (0, import_css17.cx)(styles.item, props.className) });
 }
 function ComboboxItemText(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.ItemText,
     {
       ...props,
@@ -1677,7 +1710,7 @@ function ComboboxItemText(props) {
 }
 function ComboboxItemIndicator(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_combobox.Combobox.ItemIndicator,
     {
       ...props,
@@ -1687,7 +1720,7 @@ function ComboboxItemIndicator(props) {
 }
 function ComboboxStartIcon(props) {
   const styles = (0, import_recipes15.combobox)();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_factory3.ark.span, { ...props, className: styles.startIcon });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_factory3.ark.span, { ...props, className: styles.startIcon });
 }
 var ComboItemText = ComboboxItemText;
 
@@ -1710,52 +1743,52 @@ var ComboboxParts = {
 
 // src/components/Portal.tsx
 var import_react11 = require("@ark-ui/react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Portal(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react11.Portal, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react11.Portal, { ...props });
 }
 
 // src/components/combobox/combobox.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Combobox2(props) {
   const { label: label4, children, startIcon, ...rootProps } = props;
   const { icons } = useCerberusContext();
   const { selectArrow: SelectArrow, close: CloseIcon } = icons;
   const hasStartIcon = Boolean(startIcon);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(ComboboxParts.Root, { ...rootProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Show, { when: label4, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxParts.Label, { children: label4 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(ComboboxParts.Control, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Show, { when: hasStartIcon, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxStartIcon, { children: startIcon }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ComboboxParts.Root, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Show, { when: label4, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.Label, { children: label4 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ComboboxParts.Control, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Show, { when: hasStartIcon, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxStartIcon, { children: startIcon }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         ComboboxParts.Input,
         {
           ...hasStartIcon && { "data-has": "start-indicator" }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxParts.ClearTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CloseIcon, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxParts.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectArrow, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.ClearTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CloseIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectArrow, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxParts.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComboboxParts.Content, { size: rootProps.size, children }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.Content, { size: rootProps.size, children }) }) })
   ] });
 }
 
 // src/components/combobox/item.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function ComboItemWithIndicator(props) {
   const { icons } = useCerberusContext();
   const { selectChecked: CheckedIcon } = icons;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(ComboboxParts.Item, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ComboboxParts.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckedIcon, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ComboboxParts.Item, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ComboboxParts.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CheckedIcon, {}) }),
     props.children
   ] });
 }
 
 // src/components/combobox/item-group.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function ComboItemGroup(props) {
   const { label: label4, children, ...groupProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ComboboxParts.ItemGroup, { ...groupProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ComboboxParts.ItemGroupLabel, { children: label4 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ComboboxParts.ItemGroup, { ...groupProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ComboboxParts.ItemGroupLabel, { children: label4 }),
     children
   ] });
 }
@@ -1767,11 +1800,11 @@ var import_react12 = require("react");
 var import_select = require("@ark-ui/react/select");
 var import_recipes16 = require("styled-system/recipes");
 var import_css18 = require("styled-system/css");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function SelectRoot(props) {
   const { size, ...rootProps } = props;
   const styles = (0, import_recipes16.select)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.Root,
     {
       ...rootProps,
@@ -1781,14 +1814,14 @@ function SelectRoot(props) {
 }
 function SelectLabel(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.Label, { ...props, className: (0, import_css18.cx)(styles.label, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.Label, { ...props, className: (0, import_css18.cx)(styles.label, props.className) });
 }
 function SelectControl(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.Control, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.Control, { ...props });
 }
 function SelectTrigger(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.Trigger,
     {
       ...props,
@@ -1797,11 +1830,11 @@ function SelectTrigger(props) {
   );
 }
 function SelectValueText(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.ValueText, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.ValueText, { ...props });
 }
 function SelectIndicator(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.Indicator,
     {
       ...props,
@@ -1810,11 +1843,11 @@ function SelectIndicator(props) {
   );
 }
 function SelectClearTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.ClearTrigger, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.ClearTrigger, { ...props });
 }
 function SelectPositioner(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.Positioner,
     {
       ...props,
@@ -1825,7 +1858,7 @@ function SelectPositioner(props) {
 function SelectContent(props) {
   const { size, ...contentProps } = props;
   const styles = (0, import_recipes16.select)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.Content,
     {
       ...contentProps,
@@ -1834,11 +1867,11 @@ function SelectContent(props) {
   );
 }
 function SelectItemGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.ItemGroup, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.ItemGroup, { ...props });
 }
 function SelectItemGroupLabel(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.ItemGroupLabel,
     {
       ...props,
@@ -1848,14 +1881,14 @@ function SelectItemGroupLabel(props) {
 }
 function SelectItem(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.Item, { ...props, className: (0, import_css18.cx)(styles.item, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.Item, { ...props, className: (0, import_css18.cx)(styles.item, props.className) });
 }
 function SelectItemText(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.ItemText, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.ItemText, { ...props });
 }
 function SelectItemIndicator(props) {
   const styles = (0, import_recipes16.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_select.Select.ItemIndicator,
     {
       ...props,
@@ -1864,7 +1897,7 @@ function SelectItemIndicator(props) {
   );
 }
 function SelectHiddenSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_select.Select.HiddenSelect, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_select.Select.HiddenSelect, { ...props });
 }
 function createSelectCollection(collection) {
   return (0, import_select.createListCollection)({
@@ -1905,16 +1938,6 @@ function useStatefulCollection(initialItems = []) {
 var import_react14 = require("react");
 var import_jsx4 = require("styled-system/jsx");
 
-// src/components/for.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-function For(props) {
-  var _a;
-  if (!props.each || !props.each.length) {
-    return props.fallback || null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children: (_a = props.each) == null ? void 0 : _a.map(props.children) });
-}
-
 // src/components/dialog/primitives.tsx
 var import_dialog = require("@ark-ui/react/dialog");
 var import_css19 = require("styled-system/css");