@cerberus-design/react 0.15.0-next-16cc2b5 → 0.15.0-next-b2ad645

package/build/legacy/index.cjs

@@ -107,6 +107,20 @@ __export(src_exports, {
   Radio: () => Radio,
   RangePickerInput: () => RangePickerInput,
   Select: () => Select,
+  SelectClearTrigger: () => SelectClearTrigger,
+  SelectContent: () => SelectContent,
+  SelectControl: () => SelectControl,
+  SelectIndicator: () => SelectIndicator,
+  SelectItem: () => SelectItem,
+  SelectItemGroup: () => SelectItemGroup,
+  SelectItemGroupLabel: () => SelectItemGroupLabel,
+  SelectItemIndicator: () => SelectItemIndicator,
+  SelectItemText: () => SelectItemText,
+  SelectLabel: () => SelectLabel,
+  SelectPositioner: () => SelectPositioner,
+  SelectRoot: () => SelectRoot,
+  SelectTrigger: () => SelectTrigger,
+  SelectValueText: () => SelectValueText,
   Show: () => Show,
   Spinner: () => Spinner,
   THEME_KEY: () => THEME_KEY,
@@ -2582,57 +2596,75 @@ function Tooltip(props) {
 }
 
 // src/components/Select.tsx
-var import_select = require("@ark-ui/react/select");
+var import_select2 = require("@ark-ui/react/select");
 var import_recipes39 = require("@cerberus/styled-system/recipes");
 var import_css46 = require("@cerberus/styled-system/css");
 var import_jsx2 = require("@cerberus/styled-system/jsx");
+
+// src/components/Select.server.tsx
+var import_select = require("@ark-ui/react/select");
 var import_jsx_runtime55 = require("react/jsx-runtime");
+function SelectRoot(props) {
+  const { children, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.Select.Root, { ...rootProps, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.HiddenSelect, {})
+  ] });
+}
+var SelectLabel = import_select.Select.Label;
+var SelectControl = import_select.Select.Control;
+var SelectTrigger = import_select.Select.Trigger;
+var SelectValueText = import_select.Select.ValueText;
+var SelectIndicator = import_select.Select.Indicator;
+var SelectClearTrigger = import_select.Select.ClearTrigger;
+var SelectPositioner = import_select.Select.Positioner;
+var SelectContent = import_select.Select.Content;
+var SelectItemGroup = import_select.Select.ItemGroup;
+var SelectItemGroupLabel = import_select.Select.ItemGroupLabel;
+var SelectItem = import_select.Select.Item;
+var SelectItemText = import_select.Select.ItemText;
+var SelectItemIndicator = import_select.Select.ItemIndicator;
+
+// src/components/Select.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Select(props) {
   const { collection, label: label5, placeholder, size, ...rootProps } = props;
   const { icons } = useCerberusContext();
   const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
   const styles = (0, import_recipes39.select)({ size });
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    import_select.Select.Root,
-    {
-      className: styles.root,
-      collection,
-      ...rootProps,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.Select.Label, { className: styles.label, children: [
-          label5,
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Show, { when: props.required, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Text, { as: "span", color: "page.text.100", children: "(required)" }) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.Control, { className: styles.control, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.Select.Trigger, { className: styles.trigger, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.ValueText, { placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx2.HStack, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Show, { when: props.invalid, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(InvalidIcon, { "data-part": "invalid-icon" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.Indicator, { className: styles.indicator, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SelectArrow, {}) })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.Positioner, { className: styles.positioner, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.Content, { className: styles.content, children: props.children }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.HiddenSelect, {})
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectRoot, { className: styles.root, collection, ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectLabel, { className: styles.label, children: [
+      label5,
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Show, { when: props.required, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, { as: "span", color: "page.text.100", children: "(required)" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectControl, { className: styles.control, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectTrigger, { className: styles.trigger, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectValueText, { placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx2.HStack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Show, { when: props.invalid, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(InvalidIcon, { "data-part": "invalid-icon" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectIndicator, { className: styles.indicator, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectArrow, {}) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectPositioner, { className: styles.positioner, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectContent, { className: styles.content, children: props.children }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_select2.Select.HiddenSelect, {})
+  ] });
 }
 function Option(props) {
   const { item, ...itemProps } = props;
   const { icons } = useCerberusContext();
   const { selectChecked: CheckedIcon } = icons;
   const styles = (0, import_recipes39.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_select.Select.Item, { ...itemProps, item, className: styles.item, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.ItemText, { className: styles.itemText, children: item == null ? void 0 : item.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.ItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CheckedIcon, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(SelectItem, { ...itemProps, item, className: styles.item, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItemText, { className: styles.itemText, children: item == null ? void 0 : item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItemIndicator, { className: styles.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CheckedIcon, {}) })
   ] });
 }
 function OptionGroup(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_select.Select.ItemGroup, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SelectItemGroup, { ...props });
 }
 function OptionGroupLabel(props) {
   const styles = (0, import_recipes39.select)();
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    import_select.Select.ItemGroupLabel,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    SelectItemGroupLabel,
     {
       ...props,
       className: (0, import_css46.cx)(props.className, styles.itemGroupLabel)
@@ -2640,7 +2672,7 @@ function OptionGroupLabel(props) {
   );
 }
 function createSelectCollection(collection) {
-  return (0, import_select.createListCollection)({
+  return (0, import_select2.createListCollection)({
     items: collection
   });
 }
@@ -2649,7 +2681,7 @@ function createSelectCollection(collection) {
 var import_react22 = require("react");
 var import_css47 = require("@cerberus/styled-system/css");
 var import_jsx3 = require("@cerberus/styled-system/jsx");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var ConfirmModalContext = (0, import_react22.createContext)(null);
 function ConfirmModal(props) {
   const [open, setOpen] = (0, import_react22.useState)(false);
@@ -2690,36 +2722,36 @@ function ConfirmModal(props) {
     }),
     [handleShow]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(ConfirmModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(ConfirmModalContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Dialog, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx3.VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx3.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Dialog, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx3.VStack, { gap: "xl", w: "full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx3.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           import_jsx3.HStack,
           {
             alignSelf: "center",
             justify: "center",
             paddingBlockEnd: "md",
             w: "full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               Show,
               {
                 when: palette === "danger",
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   Avatar,
                   {
                     ariaLabel: "",
                     gradient: "charon-light",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfirmIcon, { size: 24 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfirmIcon, { size: 24 }),
                     src: ""
                   }
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                   Avatar,
                   {
                     ariaLabel: "",
                     gradient: "hades-dark",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfirmIcon, { size: 24 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ConfirmIcon, { size: 24 }),
                     src: ""
                   }
                 )
@@ -2727,11 +2759,11 @@ function ConfirmModal(props) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx3.HStack, { gap: "4", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx3.HStack, { gap: "4", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Button,
           {
             autoFocus: true,
@@ -2745,7 +2777,7 @@ function ConfirmModal(props) {
             children: content == null ? void 0 : content.actionText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           Button,
           {
             className: (0, import_css47.css)({
@@ -2777,7 +2809,7 @@ var import_react23 = require("react");
 var import_jsx4 = require("@cerberus/styled-system/jsx");
 var import_css48 = require("@cerberus/styled-system/css");
 var import_jsx5 = require("@cerberus/styled-system/jsx");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var CTAModalContext = (0, import_react23.createContext)(null);
 function CTAModal(props) {
   var _a, _b;
@@ -2815,32 +2847,32 @@ function CTAModal(props) {
     }),
     [handleShow]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(CTAModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(CTAModalContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Dialog, { size: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogCloseIconTrigger, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx5.VStack, { gap: "xl", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx5.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx5.VStack, { gap: "lg", w: "full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Dialog, { size: "sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogCloseIconTrigger, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx5.VStack, { gap: "xl", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx5.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx5.VStack, { gap: "lg", w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             Avatar,
             {
               ariaLabel: "",
               gradient: "charon-light",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              icon: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 Show,
                 {
                   when: Boolean(confirmIcon),
-                  fallback: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(FallbackIcon, { size: 24 }),
+                  fallback: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FallbackIcon, { size: 24 }),
                   children: confirmIcon
                 }
               ),
               src: ""
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx4.HStack, { gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Show, { when: Boolean((_a = content == null ? void 0 : content.actions) == null ? void 0 : _a.length), children: (_b = content == null ? void 0 : content.actions) == null ? void 0 : _b.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx4.HStack, { gap: "md", w: "full", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Show, { when: Boolean((_a = content == null ? void 0 : content.actions) == null ? void 0 : _a.length), children: (_b = content == null ? void 0 : content.actions) == null ? void 0 : _b.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Button,
           {
             "data-index": index,
@@ -2903,7 +2935,7 @@ function clearNotificationState(dispatch) {
 }
 
 // src/context/notification-center.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var NotificationsContext = (0, import_react24.createContext)(null);
 function NotificationCenter(props) {
   const [state, dispatch] = (0, import_react24.useReducer)(notificationCenterReducer, []);
@@ -2957,10 +2989,10 @@ function NotificationCenter(props) {
     }),
     [handleNotify]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(NotificationsContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(NotificationsContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Show, { when: state.length > 0, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Portal, { container: props.container, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: styles.center, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Show, { when: state.length >= 4, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Show, { when: state.length > 0, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Portal, { container: props.container, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: styles.center, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Show, { when: state.length >= 4, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         Button,
         {
           className: (0, import_css49.cx)(styles.closeAll, (0, import_patterns14.animateIn)()),
@@ -2972,7 +3004,7 @@ function NotificationCenter(props) {
           children: "Close all"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: (0, import_patterns14.vstack)({
@@ -2982,7 +3014,7 @@ function NotificationCenter(props) {
           style: {
             alignItems: "flex-end"
           },
-          children: state.map((option) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          children: state.map((option) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             MatchNotification,
             {
               ...option,
@@ -3009,25 +3041,25 @@ function MatchNotification(props) {
   );
   switch (palette) {
     case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Notification, { ...sharedProps, palette: "success", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationHeading, { palette: "success", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationDescription, { palette: "success", children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Notification, { ...sharedProps, palette: "success", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationHeading, { palette: "success", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationDescription, { palette: "success", children: description })
       ] });
     case "warning":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Notification, { ...sharedProps, palette: "warning", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationHeading, { palette: "warning", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationDescription, { palette: "warning", children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Notification, { ...sharedProps, palette: "warning", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationHeading, { palette: "warning", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationDescription, { palette: "warning", children: description })
       ] });
     case "danger":
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Notification, { ...sharedProps, palette: "danger", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationHeading, { palette: "danger", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationDescription, { palette: "danger", children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Notification, { ...sharedProps, palette: "danger", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationHeading, { palette: "danger", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationDescription, { palette: "danger", children: description })
       ] });
     case "info":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Notification, { ...sharedProps, palette: "info", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationHeading, { palette: "info", children: heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(NotificationDescription, { palette: "info", children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Notification, { ...sharedProps, palette: "info", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationHeading, { palette: "info", children: heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(NotificationDescription, { palette: "info", children: description })
       ] });
   }
 }
@@ -3047,7 +3079,7 @@ var import_css50 = require("@cerberus/styled-system/css");
 var import_patterns15 = require("@cerberus/styled-system/patterns");
 var import_jsx6 = require("@cerberus/styled-system/jsx");
 var import_react26 = require("@ark-ui/react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var PromptModalContext = (0, import_react25.createContext)(null);
 function PromptModal(props) {
   const resolveRef = (0, import_react25.useRef)(null);
@@ -3097,36 +3129,36 @@ function PromptModal(props) {
     }),
     [handleShow]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(PromptModalContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(PromptModalContext.Provider, { value, children: [
     props.children,
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Dialog, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx6.VStack, { gap: "xl", w: "full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx6.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DialogProvider, { open, onOpenChange: (e) => setOpen(e.open), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Dialog, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx6.VStack, { gap: "xl", w: "full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx6.VStack, { alignItems: "flex-start", gap: "md", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           import_jsx6.HStack,
           {
             alignSelf: "center",
             justify: "center",
             paddingBlockEnd: "md",
             w: "full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               Show,
               {
                 when: palette === "danger",
-                fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                fallback: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   Avatar,
                   {
                     ariaLabel: "",
                     gradient: "charon-light",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PromptIcon, { size: 24 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PromptIcon, { size: 24 }),
                     src: ""
                   }
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
                   Avatar,
                   {
                     ariaLabel: "",
                     gradient: "hades-dark",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PromptIcon, { size: 24 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PromptIcon, { size: 24 }),
                     src: ""
                   }
                 )
@@ -3134,18 +3166,18 @@ function PromptModal(props) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DialogHeading, { children: content == null ? void 0 : content.heading }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DialogDescription, { children: content == null ? void 0 : content.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         import_jsx6.VStack,
         {
           alignItems: "flex-start",
           marginBlockStart: "md",
           marginBlockEnd: "lg",
           w: "full",
-          children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Field, { invalid: !isValid, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Field, { invalid: !isValid, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
               Label,
               {
                 className: (0, import_patterns15.hstack)({
@@ -3156,12 +3188,12 @@ function PromptModal(props) {
                 size: "md",
                 children: [
                   "Type",
-                  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Text, { as: "strong", textTransform: "uppercase", children: content == null ? void 0 : content.key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Text, { as: "strong", textTransform: "uppercase", children: content == null ? void 0 : content.key }),
                   "to confirm"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
               Input,
               {
                 id: "confirm",
@@ -3173,8 +3205,8 @@ function PromptModal(props) {
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx6.HStack, { gap: "md", justify: "stretch", w: "full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx6.HStack, { gap: "md", justify: "stretch", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           Button,
           {
             autoFocus: true,
@@ -3189,7 +3221,7 @@ function PromptModal(props) {
             children: content == null ? void 0 : content.actionText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react26.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react26.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           Button,
           {
             className: (0, import_css50.css)({
@@ -3281,7 +3313,7 @@ function useTheme(defaultTheme = "cerberus", defaultColorMode = "light", options
 }
 
 // src/context/theme.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ThemeContext = (0, import_react28.createContext)(
   null
 );
@@ -3291,7 +3323,7 @@ function ThemeProvider(props) {
     updateMode: props.updateMode,
     updateTheme: props.updateTheme
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ThemeContext.Provider, { value: state, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ThemeContext.Provider, { value: state, children: props.children });
 }
 function useThemeContext() {
   const context = (0, import_react28.useContext)(ThemeContext);
@@ -3473,9 +3505,9 @@ function rootColorsReducer(state, action) {
 }
 
 // src/config/icons/checkbox.icons.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function CheckmarkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -3484,7 +3516,7 @@ function CheckmarkIcon(props) {
       role: "img",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -3495,7 +3527,7 @@ function CheckmarkIcon(props) {
   );
 }
 function IndeterminateIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -3504,15 +3536,15 @@ function IndeterminateIcon(props) {
       fill: "none",
       viewBox: "0 0 24 24",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { fill: "currentColor", d: "M4 11h16v2.667H4z" })
     }
   );
 }
 
 // src/components/AnimatingUploadIcon.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function AnimatingUploadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     "svg",
     {
       "aria-hidden": "true",
@@ -3520,7 +3552,7 @@ function AnimatingUploadIcon(props) {
       width: props.size ?? "1em",
       height: props.size ?? "1em",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "g",
         {
           fill: "none",
@@ -3529,14 +3561,14 @@ function AnimatingUploadIcon(props) {
           strokeLinejoin: "round",
           strokeWidth: 1.5,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "path",
               {
                 "data-name": "animating-trail",
                 strokeDasharray: "2 4",
                 strokeDashoffset: 6,
                 d: "M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9",
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                   "animate",
                   {
                     attributeName: "stroke-dashoffset",
@@ -3547,14 +3579,14 @@ function AnimatingUploadIcon(props) {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "path",
               {
                 "data-name": "half-circle",
                 strokeDasharray: 32,
                 strokeDashoffset: 32,
                 d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9",
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                   "animate",
                   {
                     fill: "freeze",
@@ -3566,7 +3598,7 @@ function AnimatingUploadIcon(props) {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "svg",
               {
                 "aria-hidden": "true",
@@ -3576,7 +3608,7 @@ function AnimatingUploadIcon(props) {
                 x: "27%",
                 y: "27%",
                 viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                   "polygon",
                   {
                     fill: "currentColor",
@@ -3584,7 +3616,7 @@ function AnimatingUploadIcon(props) {
                     strokeWidth: 0.8,
                     opacity: "1",
                     points: "3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 ",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                       "animate",
                       {
                         fill: "freeze",
@@ -3719,6 +3751,20 @@ __reExport(src_exports, require("@dnd-kit/core"), module.exports);
   Radio,
   RangePickerInput,
   Select,
+  SelectClearTrigger,
+  SelectContent,
+  SelectControl,
+  SelectIndicator,
+  SelectItem,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectPositioner,
+  SelectRoot,
+  SelectTrigger,
+  SelectValueText,
   Show,
   Spinner,
   THEME_KEY,