@commercetools/nimbus 0.0.11 → 1.0.0

package/dist/chunks/split-button-DJoqZPXX.es.js

@@ -0,0 +1,262 @@
+import { jsx as e, jsxs as p, Fragment as I } from "react/jsx-runtime";
+import h, { createContext as E, useContext as A } from "react";
+import { B as Y } from "./button-D5pgTe6f.es.js";
+import { I as Z } from "./icon-button-C2GGAKhI.es.js";
+import { createSlotRecipeContext as ee } from "@chakra-ui/react";
+import { m as te, j as oe } from "./index-CPFuzoME.es.js";
+import { RadioButtonChecked as ne, RadioButtonUnchecked as re, CheckBox as se, CheckBoxOutlineBlank as ie, ChevronRight as ce, KeyboardArrowDown as ae } from "@commercetools/nimbus-icons";
+import { h as le, $ as ue, i as de, j as pe, k as me, l as he } from "./Dialog-DNPIKkGE.es.js";
+import { c as be, u as fe } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { a as Me } from "./Button-C-yUWwZg.es.js";
+import { e as g } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { I as Se } from "./icon-Cgp53xQ2.es.js";
+import { B as Ce } from "./box-7pkPaNxe.es.js";
+import { f as ge, e as xe } from "./Separator-BUmWfQvi.es.js";
+import { g as Pe } from "./Collection-DFZhstai.es.js";
+const { withProvider: ye, withContext: b } = /* @__PURE__ */ be({
+  recipe: te
+}), $e = /* @__PURE__ */ ye(
+  "div",
+  "root"
+), N = /* @__PURE__ */ b("button", "trigger"), ve = /* @__PURE__ */ b("div", "popover"), Ie = /* @__PURE__ */ b("div", "content"), Be = /* @__PURE__ */ b(
+  "div",
+  "item"
+), Re = /* @__PURE__ */ b("div", "separator"), we = /* @__PURE__ */ b("div", "section"), De = /* @__PURE__ */ b("div", "sectionLabel"), k = /* @__PURE__ */ E(void 0), Te = k.Provider, R = () => A(k), O = (t) => {
+  const n = fe({ key: "menu" }), [r, s] = n.splitVariantProps(t), {
+    children: c,
+    trigger: i,
+    isOpen: a,
+    defaultOpen: f,
+    onOpenChange: d,
+    ...m
+  } = s;
+  return /* @__PURE__ */ e($e, { ...r, asChild: !0, children: /* @__PURE__ */ e(le, { ...{
+    trigger: i,
+    isOpen: a,
+    defaultOpen: f,
+    onOpenChange: d
+  }, children: /* @__PURE__ */ e(Te, { value: m, children: c }) }) });
+};
+O.displayName = "Menu.Root";
+const K = ({
+  children: t,
+  asChild: n,
+  ref: r,
+  ...s
+}) => {
+  const [c, i] = g(s);
+  return n ? /* @__PURE__ */ e(N, { ref: r, asChild: !0, ...c, children: t }) : /* @__PURE__ */ e(N, { asChild: !0, ...c, children: /* @__PURE__ */ e(Me, { ref: r, ...i, children: t }) });
+};
+K.displayName = "Menu.Trigger";
+const L = /* @__PURE__ */ E(
+  void 0
+), V = L.Provider, Ne = () => A(L), w = ({
+  children: t,
+  placement: n,
+  ref: r
+}) => {
+  const s = R();
+  if (!s)
+    throw new Error("Menu.Content must be used within Menu.Root");
+  const { placement: c, ...i } = s, a = n || c || "bottom start";
+  return /* @__PURE__ */ e(V, { value: { selectionMode: i.selectionMode }, children: /* @__PURE__ */ e(ve, { asChild: !0, children: /* @__PURE__ */ e(ue, { placement: a, offset: 4, shouldFlip: !0, children: /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ e(de, { ref: r, shouldFocusWrap: !0, autoFocus: "first", ...i, children: t }) }) }) }) });
+};
+w.displayName = "Menu.Content";
+const j = ({
+  children: t,
+  isCritical: n,
+  ref: r,
+  ...s
+}) => {
+  const [c, i] = g(s), a = R(), d = Ne()?.selectionMode ?? a?.selectionMode;
+  return /* @__PURE__ */ e(
+    Be,
+    {
+      asChild: !0,
+      ...c,
+      "data-critical": n ? "" : void 0,
+      children: /* @__PURE__ */ e(pe, { ref: r, ...i, children: ({ hasSubmenu: m, isSelected: u }) => /* @__PURE__ */ p(I, { children: [
+        d && /* @__PURE__ */ p(Ce, { slot: "selection", role: "presentation", "aria-hidden": "true", children: [
+          d === "single" && /* @__PURE__ */ p(I, { children: [
+            u && /* @__PURE__ */ e(ne, {}),
+            !u && /* @__PURE__ */ e(re, {})
+          ] }),
+          d === "multiple" && /* @__PURE__ */ p(I, { children: [
+            u && /* @__PURE__ */ e(se, {}),
+            !u && /* @__PURE__ */ e(ie, {})
+          ] })
+        ] }),
+        t,
+        m && /* @__PURE__ */ e(Se, { slot: "caretIcon", children: /* @__PURE__ */ e(ce, {}) })
+      ] }) })
+    }
+  );
+};
+j.displayName = "Menu.Item";
+const F = ({ ref: t, ...n }) => {
+  const [r, s] = g(n);
+  return /* @__PURE__ */ e(Re, { asChild: !0, ...r, children: /* @__PURE__ */ e(ge, { ref: t, ...s }) });
+};
+F.displayName = "Menu.Separator";
+const G = ({
+  children: t,
+  ref: n,
+  ...r
+}) => {
+  const [s, c] = g(r);
+  return /* @__PURE__ */ e(De, { asChild: !0, ...s, children: /* @__PURE__ */ e(xe, { ref: n, ...c, children: t }) });
+};
+G.displayName = "Menu.SectionLabel";
+const W = ({
+  children: t,
+  ref: n,
+  label: r,
+  items: s,
+  ...c
+}) => {
+  const i = R(), {
+    selectionMode: a = i?.selectionMode,
+    selectedKeys: f = i?.selectedKeys,
+    defaultSelectedKeys: d = i?.defaultSelectedKeys,
+    onSelectionChange: m = i?.onSelectionChange,
+    disallowEmptySelection: u = i?.disallowEmptySelection,
+    ...x
+  } = c, [P, y] = g(x);
+  return /* @__PURE__ */ e(V, { value: { selectionMode: a }, children: /* @__PURE__ */ e(we, { asChild: !0, ...P, children: /* @__PURE__ */ p(
+    me,
+    {
+      ref: n,
+      selectionMode: a,
+      selectedKeys: f,
+      defaultSelectedKeys: d,
+      onSelectionChange: m,
+      disallowEmptySelection: u,
+      ...y,
+      children: [
+        /* @__PURE__ */ e(G, { children: r }),
+        s ? /* @__PURE__ */ e(Pe, { items: s, children: t }) : t
+      ]
+    }
+  ) }) });
+};
+W.displayName = "Menu.Section";
+const _ = ({
+  children: t,
+  ...n
+}) => /* @__PURE__ */ e(he, { ...n, children: t });
+_.displayName = "Menu.SubmenuTrigger";
+const z = ({ children: t, ...n }) => /* @__PURE__ */ e(w, { ...n, placement: "end", children: t });
+z.displayName = "Menu.Submenu";
+const B = {
+  Root: O,
+  Trigger: K,
+  Content: w,
+  Item: j,
+  Separator: F,
+  Section: W,
+  Submenu: z,
+  SubmenuTrigger: _
+}, { withProvider: Ee, withContext: D } = /* @__PURE__ */ ee({
+  recipe: oe
+}), Ae = /* @__PURE__ */ Ee("div", "root"), ke = /* @__PURE__ */ D("div", "buttonGroup"), Oe = /* @__PURE__ */ D("button", "primaryButton"), Ke = /* @__PURE__ */ D("button", "dropdownTrigger"), Le = (t) => {
+  const {
+    size: n = "md",
+    variant: r = "solid",
+    tone: s,
+    isDisabled: c = !1,
+    "aria-label": i,
+    onAction: a,
+    isOpen: f,
+    defaultOpen: d,
+    onOpenChange: m
+  } = t, u = { size: n, variant: r, tone: s }, x = (o) => {
+    if (!h.isValidElement(o) || !o.props) return !1;
+    const l = o.props;
+    return "id" in l && typeof l.id == "string";
+  }, P = (o) => !h.isValidElement(o) || !o.props ? !1 : "children" in o.props, y = h.Children.toArray(t.children), U = y.find(
+    (o) => h.isValidElement(o) && o.props?.slot === "icon"
+  ), $ = y.filter(
+    (o) => !h.isValidElement(o) || o.props?.slot !== "icon"
+  ), T = (o) => {
+    let l = !1;
+    return h.Children.forEach(o, (C) => {
+      if (!l) {
+        if (x(C) && !C.props.isDisabled) {
+          l = !0;
+          return;
+        }
+        P(C) && (l = T(C.props.children));
+      }
+    }), l;
+  }, q = () => {
+    const o = [], l = (v) => {
+      h.Children.forEach(v, (M) => {
+        x(M) && o.push({
+          content: M.props.children,
+          isDisabled: M.props.isDisabled || !1,
+          actionId: M.props.id
+        }), P(M) && l(M.props.children);
+      });
+    };
+    return l($), o.find((v) => !v.isDisabled) || o[0] || {
+      // TODO: Localize this
+      content: "No actions available",
+      isDisabled: !0,
+      actionId: null
+    };
+  }, H = T($), S = q(), J = () => {
+    !S.isDisabled && S.actionId && a && a(S.actionId);
+  }, Q = c || S.isDisabled, X = c || !H;
+  return /* @__PURE__ */ e(Ae, { variant: r, "data-mode": "split", children: /* @__PURE__ */ p(ke, { children: [
+    /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ p(
+      Y,
+      {
+        ...u,
+        isDisabled: Q,
+        onPress: J,
+        children: [
+          U,
+          S.content
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ p(
+      B.Root,
+      {
+        trigger: "press",
+        isOpen: f,
+        defaultOpen: d,
+        onOpenChange: m,
+        placement: "bottom end",
+        selectionMode: "none",
+        onAction: a ? (o) => a(String(o)) : void 0,
+        children: [
+          /* @__PURE__ */ e(B.Trigger, { asChild: !0, children: /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+            Z,
+            {
+              ...u,
+              "aria-label": i,
+              isDisabled: X,
+              children: /* @__PURE__ */ e(ae, {})
+            }
+          ) }) }),
+          /* @__PURE__ */ e(B.Content, { children: $ })
+        ]
+      }
+    )
+  ] }) });
+};
+Le.displayName = "SplitButton";
+export {
+  B as M,
+  Le as S,
+  O as a,
+  K as b,
+  w as c,
+  j as d,
+  F as e,
+  W as f,
+  _ as g,
+  z as h
+};
+//# sourceMappingURL=split-button-DJoqZPXX.es.js.map

package/dist/chunks/split-button-DJoqZPXX.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-DJoqZPXX.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.separator.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx","../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n  HTMLDivElement,\n  MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n  \"div\",\n  \"item\"\n);\n\n// Menu Separator\nexport type MenuSeparatorSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSeparatorSlot = withContext<\n  HTMLDivElement,\n  MenuSeparatorSlotProps\n>(\"div\", \"separator\");\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n  HTMLDivElement,\n  MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n  HTMLDivElement,\n  MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n  MenuRootProps,\n  keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n  const context = useContext(MenuContext);\n  return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n  const recipe = useSlotRecipe({ key: \"menu\" });\n  const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n  // Separate MenuTrigger props from Menu props\n  const {\n    children,\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    ...menuContextProps\n  } = functionalProps;\n\n  const menuTriggerProps = {\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  };\n\n  return (\n    <MenuRootSlot {...recipeProps} asChild>\n      <RaMenuTrigger {...menuTriggerProps}>\n        <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n      </RaMenuTrigger>\n    </MenuRootSlot>\n  );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n  children,\n  asChild,\n  ref,\n  ...props\n}: MenuTriggerProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  /**\n   * The user supplied a Button as the trigger\n   */\n  if (asChild) {\n    // When asChild is true, apply styles to the child element\n    return (\n      <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n        {children as ReactNode}\n      </MenuTriggerSlot>\n    );\n  }\n\n  /**\n   * The user did not supply a Button as trigger, use an unstyled button\n   * to wrap which ever element the user supplied and make it a trigger\n   */\n  return (\n    <MenuTriggerSlot asChild {...styleProps}>\n      <Button ref={ref} {...restProps}>\n        {children}\n      </Button>\n    </MenuTriggerSlot>\n  );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n}\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n  undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n  return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n  children,\n  placement: placementOverride,\n  ref,\n}: MenuContentProps) => {\n  const contextProps = useMenuContext();\n\n  if (!contextProps) {\n    throw new Error(\"Menu.Content must be used within Menu.Root\");\n  }\n\n  // Separate placement from other props since it's handled by Popover\n  const { placement, ...menuProps } = contextProps;\n  const finalPlacement = placementOverride || placement || \"bottom start\";\n\n  return (\n    <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n      <MenuPopoverSlot asChild>\n        <Popover placement={finalPlacement} offset={4} shouldFlip>\n          <MenuContentSlot asChild>\n            <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n              {children}\n            </Menu>\n          </MenuContentSlot>\n        </Popover>\n      </MenuPopoverSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport {\n  CheckBox as CheckboxCheckedIcon,\n  CheckBoxOutlineBlank as CheckboxUncheckedIcon,\n  ChevronRight,\n  RadioButtonChecked,\n  RadioButtonUnchecked,\n} from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\nimport { useMenuContext } from \"./menu.context\";\nimport { useMenuSectionContext } from \"./menu.section-context\";\nimport { Box } from \"@/components/box\";\n\nexport const MenuItem = ({\n  children,\n  isCritical,\n  ref,\n  ...props\n}: MenuItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  const menuContext = useMenuContext();\n  const sectionContext = useMenuSectionContext();\n\n  // Use section context if available, otherwise fall back to menu context\n  const selectionMode =\n    sectionContext?.selectionMode ?? menuContext?.selectionMode;\n\n  return (\n    <MenuItemSlot\n      asChild\n      {...styleProps}\n      data-critical={isCritical ? \"\" : undefined}\n    >\n      <RaMenuItem ref={ref} {...restProps}>\n        {({ hasSubmenu, isSelected }) => (\n          <>\n            {selectionMode && (\n              <Box slot=\"selection\" role=\"presentation\" aria-hidden=\"true\">\n                {selectionMode === \"single\" && (\n                  <>\n                    {isSelected && <RadioButtonChecked />}\n                    {!isSelected && <RadioButtonUnchecked />}\n                  </>\n                )}\n                {selectionMode === \"multiple\" && (\n                  <>\n                    {isSelected && <CheckboxCheckedIcon />}\n                    {!isSelected && <CheckboxUncheckedIcon />}\n                  </>\n                )}\n              </Box>\n            )}\n            {children}\n            {hasSubmenu && (\n              <Icon slot=\"caretIcon\">\n                <ChevronRight />\n              </Icon>\n            )}\n          </>\n        )}\n      </RaMenuItem>\n    </MenuItemSlot>\n  );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Separator } from \"react-aria-components\";\nimport { MenuSeparatorSlot } from \"../menu.slots\";\nimport type { MenuSeparatorProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nexport const MenuSeparator = ({ ref, ...props }: MenuSeparatorProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuSeparatorSlot asChild {...styleProps}>\n      <Separator ref={ref} {...restProps} />\n    </MenuSeparatorSlot>\n  );\n};\n\nMenuSeparator.displayName = \"Menu.Separator\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * Used in MenuSection for rendering the `label` property.\n */\nexport const MenuSectionLabel = ({\n  children,\n  ref,\n  ...props\n}: MenuSectionLabelProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuSectionLabelSlot asChild {...styleProps}>\n      <Header ref={ref} {...restProps}>\n        {children}\n      </Header>\n    </MenuSectionLabelSlot>\n  );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n  MenuSection as RaMenuSection,\n  Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n  children,\n  ref,\n  label,\n  items,\n  ...props\n}: MenuSectionProps<T>) => {\n  const contextProps = useMenuContext();\n\n  // Extract selection-related props before extracting style props\n  const {\n    selectionMode = contextProps?.selectionMode,\n    selectedKeys = contextProps?.selectedKeys,\n    defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n    onSelectionChange = contextProps?.onSelectionChange,\n    disallowEmptySelection = contextProps?.disallowEmptySelection,\n    ...restProps\n  } = props;\n\n  const [styleProps, otherProps] = extractStyleProps(restProps);\n\n  return (\n    <MenuSectionProvider value={{ selectionMode }}>\n      <MenuSectionSlot asChild {...styleProps}>\n        <RaMenuSection\n          ref={ref}\n          selectionMode={selectionMode}\n          selectedKeys={selectedKeys}\n          defaultSelectedKeys={defaultSelectedKeys}\n          onSelectionChange={onSelectionChange}\n          disallowEmptySelection={disallowEmptySelection}\n          {...otherProps}\n        >\n          <MenuSectionLabel>{label}</MenuSectionLabel>\n          {items ? (\n            <Collection items={items}>{children}</Collection>\n          ) : (\n            (children as ReactNode)\n          )}\n        </RaMenuSection>\n      </MenuSectionSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n  children,\n  ...props\n}: MenuSubmenuTriggerProps) => {\n  return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n  return (\n    <MenuContent {...props} placement=\"end\">\n      {children}\n    </MenuContent>\n  );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSeparator } from \"./components/menu.separator\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type * from \"./menu.types\";\n\nexport const Menu = {\n  Root: MenuRoot,\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Separator: MenuSeparator,\n  Section: MenuSection,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n  MenuRoot as _MenuRoot,\n  MenuTrigger as _MenuTrigger,\n  MenuContent as _MenuContent,\n  MenuItem as _MenuItem,\n  MenuSeparator as _MenuSeparator,\n  MenuSection as _MenuSection,\n  MenuSubmenuTrigger as _MenuSubmenuTrigger,\n  MenuSubmenu as _MenuSubmenu,\n};\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { splitButtonSlotRecipe } from \"./split-button.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: splitButtonSlotRecipe,\n});\n\n// Root Container\nexport interface SplitButtonRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof splitButtonSlotRecipe>\n  > {}\nexport const SplitButtonRootSlot = withProvider<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n>(\"div\", \"root\");\n\n// Button Group Container\nexport interface SplitButtonButtonGroupSlotProps\n  extends HTMLChakraProps<\"div\"> {}\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport interface SplitButtonPrimaryButtonSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger Button\nexport interface SplitButtonTriggerSlotProps\n  extends HTMLChakraProps<\"button\"> {}\nexport const SplitButtonTriggerSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonTriggerSlotProps\n>(\"button\", \"dropdownTrigger\");\n","import React from \"react\";\nimport { Button } from \"@/components/button\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Menu } from \"@/components/menu\";\nimport type { SplitButtonProps } from \"./split-button.types\";\nimport {\n  SplitButtonRootSlot,\n  SplitButtonButtonGroupSlot,\n  SplitButtonPrimaryButtonSlot,\n  SplitButtonTriggerSlot,\n} from \"./split-button.slots\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\n\n// Re-export types\nexport type * from \"./split-button.types\";\n\n/**\n * # SplitButton\n *\n * A split-button component that combines a primary action button with a dropdown menu.\n *\n * Shows a primary action button + dropdown trigger. The primary button automatically\n * executes the first enabled Menu.Item action, while the dropdown trigger opens a menu\n * with all available options.\n *\n * Use with Menu.Item, Menu.Section, and Menu.Separator components for content.\n */\nexport const SplitButton = (props: SplitButtonProps) => {\n  const {\n    size = \"md\",\n    variant = \"solid\",\n    tone,\n    isDisabled = false,\n    \"aria-label\": ariaLabel,\n    onAction,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  } = props;\n\n  const buttonProps = { size, variant, tone };\n\n  /**\n   * CORE CONCEPT: In split button mode, we need to populate the primary button\n   * with content from a Menu.Item (specified by defaultAction prop).\n   *\n   * Why this complexity exists:\n   * - Users define actions as <Menu.Item id=\"save\">Save Document</Menu.Item>\n   * - We need to extract \"Save Document\" text to show on the primary button\n   * - Menu.Items can be nested inside Menu.Section components\n   * - We need to handle disabled states and fallbacks\n   */\n\n  // Type guards for safe prop access\n  interface MenuItemProps {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  }\n\n  interface ComponentWithChildren {\n    children: React.ReactNode;\n  }\n\n  // Check if element is a Menu.Item with required props\n  const isMenuItemWithId = (\n    element: React.ReactNode\n  ): element is React.ReactElement<MenuItemProps> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"id\" in props && typeof props.id === \"string\";\n  };\n\n  // Check if element has children prop\n  const hasChildren = (\n    element: React.ReactNode\n  ): element is React.ReactElement<ComponentWithChildren> => {\n    if (!React.isValidElement(element) || !element.props) return false;\n    const props = element.props as Record<string, unknown>;\n    return \"children\" in props;\n  };\n\n  // Separate Icon slots from Menu items\n  const childArray = React.Children.toArray(props.children);\n  const iconElement = childArray.find(\n    (child): child is React.ReactElement =>\n      React.isValidElement(child) &&\n      (child.props as { slot?: string })?.slot === \"icon\"\n  );\n  const menuItems = childArray.filter(\n    (child) =>\n      !React.isValidElement(child) ||\n      (child.props as { slot?: string })?.slot !== \"icon\"\n  );\n\n  /**\n   * Check if there are any actionable (enabled) Menu.Items in the children.\n   * This is used to determine if the dropdown trigger should be disabled.\n   */\n  const hasActionableMenuItems = (children: React.ReactNode): boolean => {\n    let hasActionable = false;\n\n    React.Children.forEach(children, (child) => {\n      if (hasActionable) return;\n\n      // Check if this is an enabled Menu.Item\n      if (isMenuItemWithId(child) && !child.props.isDisabled) {\n        hasActionable = true;\n        return;\n      }\n\n      // Recurse into Menu.Section or any component with children\n      if (hasChildren(child)) {\n        hasActionable = hasActionableMenuItems(child.props.children);\n      }\n    });\n\n    return hasActionable;\n  };\n\n  /**\n   * Find the primary Menu.Item using the same logic as the original PrimaryActionDropdown.\n   * Selects the first enabled Menu.Item, or falls back to the first Menu.Item if all are disabled.\n   */\n  const findPrimaryMenuItem = () => {\n    const allMenuItems: Array<{\n      content: React.ReactNode;\n      isDisabled: boolean;\n      actionId: string | null;\n    }> = [];\n\n    // Recursively collect all Menu.Items from children (including nested ones)\n    const collectMenuItems = (children: React.ReactNode): void => {\n      React.Children.forEach(children, (child) => {\n        if (isMenuItemWithId(child)) {\n          allMenuItems.push({\n            content: child.props.children,\n            isDisabled: child.props.isDisabled || false,\n            actionId: child.props.id,\n          });\n        }\n\n        // Recurse into Menu.Section or any component with children\n        if (hasChildren(child)) {\n          collectMenuItems(child.props.children);\n        }\n      });\n    };\n\n    collectMenuItems(menuItems);\n\n    // Find first enabled Menu.Item, or fallback to first Menu.Item\n    const primaryMenuItem =\n      allMenuItems.find((item) => !item.isDisabled) || allMenuItems[0];\n\n    return (\n      primaryMenuItem || {\n        // TODO: Localize this\n        content: \"No actions available\",\n        isDisabled: true,\n        actionId: null,\n      }\n    );\n  };\n\n  // Check if there are any actionable menu items for dropdown functionality\n  const hasActionableItems = hasActionableMenuItems(menuItems);\n\n  // Get the primary button content using smart selection\n  const buttonContent = findPrimaryMenuItem();\n\n  const executePrimaryAction = () => {\n    if (!buttonContent.isDisabled && buttonContent.actionId && onAction) {\n      onAction(buttonContent.actionId);\n    }\n  };\n\n  const isPrimaryDisabled = isDisabled || buttonContent.isDisabled;\n  const isDropdownTriggerDisabled = isDisabled || !hasActionableItems;\n\n  return (\n    <SplitButtonRootSlot variant={variant} data-mode=\"split\">\n      <SplitButtonButtonGroupSlot>\n        {/* Primary Action Button */}\n        <SplitButtonPrimaryButtonSlot asChild>\n          <Button\n            {...buttonProps}\n            isDisabled={isPrimaryDisabled}\n            onPress={executePrimaryAction}\n          >\n            {iconElement}\n            {buttonContent.content}\n          </Button>\n        </SplitButtonPrimaryButtonSlot>\n\n        {/* Menu Trigger and Dropdown */}\n        <Menu.Root\n          trigger=\"press\"\n          isOpen={isOpen}\n          defaultOpen={defaultOpen}\n          onOpenChange={onOpenChange}\n          placement=\"bottom end\"\n          selectionMode=\"none\"\n          onAction={onAction ? (key) => onAction(String(key)) : undefined}\n        >\n          <Menu.Trigger asChild>\n            <SplitButtonTriggerSlot asChild>\n              <IconButton\n                {...buttonProps}\n                aria-label={ariaLabel}\n                isDisabled={isDropdownTriggerDisabled}\n              >\n                <KeyboardArrowDown />\n              </IconButton>\n            </SplitButtonTriggerSlot>\n          </Menu.Trigger>\n\n          <Menu.Content>{menuItems}</Menu.Content>\n        </Menu.Root>\n      </SplitButtonButtonGroupSlot>\n    </SplitButtonRootSlot>\n  );\n};\n\nSplitButton.displayName = \"SplitButton\";\n\n// Export for internal use by react-docgen\nexport { SplitButton as _SplitButton };\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSeparatorSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","useMenuSectionContext","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","menuContext","selectionMode","RaMenuItem","hasSubmenu","isSelected","jsxs","Fragment","Box","RadioButtonChecked","RadioButtonUnchecked","CheckboxCheckedIcon","CheckboxUncheckedIcon","Icon","ChevronRight","MenuSeparator","Separator","MenuSectionLabel","Header","MenuSection","label","items","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu","splitButtonSlotRecipe","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","size","variant","tone","isDisabled","ariaLabel","onAction","buttonProps","isMenuItemWithId","element","React","hasChildren","childArray","iconElement","child","menuItems","hasActionableMenuItems","hasActionable","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","key","IconButton","KeyboardArrowDown"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAM,gBAAEA,IAAA,aAAcC,EAAA,IAAgB,gBAAAC,GAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAIYC,KAAeJ,gBAAAA;AAAAA,EAC1B;AAAA,EACA;AACF,GAIaK,IAAkBJ,gBAAAA,EAG7B,UAAU,SAAS,GAIRK,KAAkBL,gBAAAA,EAG7B,OAAO,SAAS,GAILM,KAAkBN,gBAAAA,EAG7B,OAAO,SAAS,GAILO,KAAeP,gBAAAA;AAAAA,EAC1B;AAAA,EACA;AACF,GAIaQ,KAAoBR,gBAAAA,EAG/B,OAAO,WAAW,GAIPS,KAAkBT,gBAAAA,EAG7B,OAAO,SAAS,GAILU,KAAuBV,gBAAAA,EAGlC,OAAO,cAAc,GCtDjBW,IAAc,gBAAAC,EAA4C,MAAS,GAE5DC,KAAeF,EAAY,UAE3BG,IAAiB,MACZC,EAAWJ,CAAW,GCT3BK,IAAW,CAACC,MAAyB;AAChD,QAAMC,IAASC,GAAc,EAAE,KAAK,QAAQ,GACtC,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAG/D;AAAA,IACJ,UAAAK;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AASJ,2BACGlB,IAAA,EAAc,GAAGiB,GAAa,SAAO,IACpC,UAAA,gBAAAQ,EAACC,IAAA,EAAe,GATK;AAAA,IACvB,SAAAN;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,GAMI,4BAACb,IAAA,EAAa,OAAOc,GAAmB,UAAAL,EAAA,CAAS,GACnD,GACF;AAEJ;AAEAN,EAAS,cAAc;AC9BhB,MAAMc,IAAc,CAAC;AAAA,EAC1B,UAAAR;AAAA,EACA,SAAAS;AAAA,EACA,KAAAC;AAAA,EACA,GAAGf;AACL,MAAwB;AACtB,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAKvD,SAAIc,sBAGC3B,GAAA,EAAgB,KAAA4B,GAAU,SAAO,IAAE,GAAGC,GACpC,UAAAX,GACH,IASF,gBAAAM,EAACxB,GAAA,EAAgB,SAAO,IAAE,GAAG6B,GAC3B,UAAA,gBAAAL,EAACQ,IAAA,EAAO,KAAAJ,GAAW,GAAGE,GACnB,UAAAZ,EAAA,CACH,GACF;AAEJ;AAEAQ,EAAY,cAAc;ACrB1B,MAAMO,IAAqB,gBAAAzB;AAAA,EACzB;AACF,GAEa0B,IAAsBD,EAAmB,UAEzCE,KAAwB,MAC5BxB,EAAWsB,CAAkB,GCnBzBG,IAAc,CAAC;AAAA,EAC1B,UAAAlB;AAAA,EACA,WAAWmB;AAAA,EACX,KAAAT;AACF,MAAwB;AACtB,QAAMU,IAAe5B,EAAA;AAErB,MAAI,CAAC4B;AACH,UAAM,IAAI,MAAM,4CAA4C;AAI9D,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcF,GAC9BG,IAAiBJ,KAAqBE,KAAa;AAEzD,2BACGL,GAAA,EAAoB,OAAO,EAAE,eAAeM,EAAU,iBACrD,UAAA,gBAAAhB,EAACvB,IAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAuB,EAACkB,IAAA,EAAQ,WAAWD,GAAgB,QAAQ,GAAG,YAAU,IACvD,4BAACvC,IAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAsB,EAACmB,MAAK,KAAAf,GAAU,iBAAe,IAAC,WAAU,SAAS,GAAGY,GACnD,UAAAtB,GACH,GACF,EAAA,CACF,GACF,GACF;AAEJ;AAEAkB,EAAY,cAAc;ACpBnB,MAAMQ,IAAW,CAAC;AAAA,EACvB,UAAA1B;AAAA,EACA,YAAA2B;AAAA,EACA,KAAAjB;AAAA,EACA,GAAGf;AACL,MAAqB;AACnB,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK,GACjDiC,IAAcpC,EAAA,GAIdqC,IAHiBZ,GAAA,GAIL,iBAAiBW,GAAa;AAEhD,SACE,gBAAAtB;AAAA,IAACrB;AAAA,IAAA;AAAA,MACC,SAAO;AAAA,MACN,GAAG0B;AAAA,MACJ,iBAAegB,IAAa,KAAK;AAAA,MAEjC,UAAA,gBAAArB,EAACwB,IAAA,EAAW,KAAApB,GAAW,GAAGE,GACvB,WAAC,EAAE,YAAAmB,GAAY,YAAAC,EAAA,MACd,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAL,uBACEM,IAAA,EAAI,MAAK,aAAY,MAAK,gBAAe,eAAY,QACnD,UAAA;AAAA,UAAAN,MAAkB,YACjB,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAF,uBAAeI,IAAA,EAAmB;AAAA,YAClC,CAACJ,KAAc,gBAAA1B,EAAC+B,IAAA,CAAA,CAAqB;AAAA,UAAA,GACxC;AAAA,UAEDR,MAAkB,cACjB,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAF,uBAAeM,IAAA,EAAoB;AAAA,YACnC,CAACN,KAAc,gBAAA1B,EAACiC,IAAA,CAAA,CAAsB;AAAA,UAAA,EAAA,CACzC;AAAA,QAAA,GAEJ;AAAA,QAEDvC;AAAA,QACA+B,KACC,gBAAAzB,EAACkC,IAAA,EAAK,MAAK,aACT,UAAA,gBAAAlC,EAACmC,MAAa,EAAA,CAChB;AAAA,MAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAf,EAAS,cAAc;AC/DhB,MAAMgB,IAAgB,CAAC,EAAE,KAAAhC,GAAK,GAAGf,QAAgC;AACtE,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAEvD,SACE,gBAAAW,EAACpB,IAAA,EAAkB,SAAO,IAAE,GAAGyB,GAC7B,UAAA,gBAAAL,EAACqC,IAAA,EAAU,KAAAjC,GAAW,GAAGE,EAAA,CAAW,EAAA,CACtC;AAEJ;AAEA8B,EAAc,cAAc;ACPrB,MAAME,IAAmB,CAAC;AAAA,EAC/B,UAAA5C;AAAA,EACA,KAAAU;AAAA,EACA,GAAGf;AACL,MAA6B;AAC3B,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAEvD,SACE,gBAAAW,EAAClB,IAAA,EAAqB,SAAO,IAAE,GAAGuB,GAChC,UAAA,gBAAAL,EAACuC,IAAA,EAAO,KAAAnC,GAAW,GAAGE,GACnB,UAAAZ,EAAA,CACH,GACF;AAEJ;AAEA4C,EAAiB,cAAc;ACZxB,MAAME,IAAc,CAA4B;AAAA,EACrD,UAAA9C;AAAA,EACA,KAAAU;AAAA,EACA,OAAAqC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGrD;AACL,MAA2B;AACzB,QAAMyB,IAAe5B,EAAA,GAGf;AAAA,IACJ,eAAAqC,IAAgBT,GAAc;AAAA,IAC9B,cAAA6B,IAAe7B,GAAc;AAAA,IAC7B,qBAAA8B,IAAsB9B,GAAc;AAAA,IACpC,mBAAA+B,IAAoB/B,GAAc;AAAA,IAClC,wBAAAgC,IAAyBhC,GAAc;AAAA,IACvC,GAAGR;AAAA,EAAA,IACDjB,GAEE,CAACgB,GAAY0C,CAAU,IAAIxC,EAAkBD,CAAS;AAE5D,SACE,gBAAAN,EAACU,GAAA,EAAoB,OAAO,EAAE,eAAAa,EAAA,GAC5B,UAAA,gBAAAvB,EAACnB,IAAA,EAAgB,SAAO,IAAE,GAAGwB,GAC3B,UAAA,gBAAAsB;AAAA,IAACqB;AAAAA,IAAA;AAAA,MACC,KAAA5C;AAAA,MACA,eAAAmB;AAAA,MACA,cAAAoB;AAAA,MACA,qBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wBAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAA/C,EAACsC,KAAkB,UAAAG,EAAA,CAAM;AAAA,QACxBC,IACC,gBAAA1C,EAACiD,IAAA,EAAW,OAAAP,GAAe,UAAAhD,GAAS,IAEnCA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGP,EAAA,CACF;AAEJ;AAEA8C,EAAY,cAAc;ACtDnB,MAAMU,IAAqB,CAAC;AAAA,EACjC,UAAAxD;AAAA,EACA,GAAGL;AACL,MACS,gBAAAW,EAACmD,IAAA,EAAkB,GAAG9D,GAAQ,UAAAK,EAAA,CAAS;AAGhDwD,EAAmB,cAAc;ACP1B,MAAME,IAAc,CAAC,EAAE,UAAA1D,GAAU,GAAGL,0BAEtCuB,GAAA,EAAa,GAAGvB,GAAO,WAAU,OAC/B,UAAAK,GACH;AAIJ0D,EAAY,cAAc;ACCnB,MAAMjC,IAAO;AAAA,EAClB,MAAM/B;AAAA,EACN,SAASc;AAAA,EACT,SAASU;AAAA,EACT,MAAMQ;AAAA,EACN,WAAWgB;AAAA,EACX,SAASI;AAAA,EACT,SAASY;AAAA,EACT,gBAAgBF;AAClB,GCbM,EAAE,cAAA/E,IAAc,aAAAC,EAAA,IAAgBC,gBAAAA,GAAwB;AAAA,EAC5D,QAAQgF;AACV,CAAC,GAQYC,KAAsB,gBAAAnF,GAGjC,OAAO,MAAM,GAKFoF,KAA6B,gBAAAnF,EAGxC,OAAO,aAAa,GAKToF,KAA+B,gBAAApF,EAG1C,UAAU,eAAe,GAKdqF,KAAyB,gBAAArF,EAGpC,UAAU,iBAAiB,GClBhBsF,KAAc,CAACrE,MAA4B;AACtD,QAAM;AAAA,IACJ,MAAAsE,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,cAAcC;AAAA,IACd,UAAAC;AAAA,IACA,QAAApE;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACET,GAEE4E,IAAc,EAAE,MAAAN,GAAM,SAAAC,GAAS,MAAAC,EAAA,GA0B/BK,IAAmB,CACvBC,MACiD;AACjD,QAAI,CAACC,EAAM,eAAeD,CAAO,KAAK,CAACA,EAAQ,MAAO,QAAO;AAC7D,UAAM9E,IAAQ8E,EAAQ;AACtB,WAAO,QAAQ9E,KAAS,OAAOA,EAAM,MAAO;AAAA,EAC9C,GAGMgF,IAAc,CAClBF,MAEI,CAACC,EAAM,eAAeD,CAAO,KAAK,CAACA,EAAQ,QAAc,KAEtD,cADOA,EAAQ,OAKlBG,IAAaF,EAAM,SAAS,QAAQ/E,EAAM,QAAQ,GAClDkF,IAAcD,EAAW;AAAA,IAC7B,CAACE,MACCJ,EAAM,eAAeI,CAAK,KACzBA,EAAM,OAA6B,SAAS;AAAA,EAAA,GAE3CC,IAAYH,EAAW;AAAA,IAC3B,CAACE,MACC,CAACJ,EAAM,eAAeI,CAAK,KAC1BA,EAAM,OAA6B,SAAS;AAAA,EAAA,GAO3CE,IAAyB,CAAChF,MAAuC;AACrE,QAAIiF,IAAgB;AAEpBP,WAAAA,EAAM,SAAS,QAAQ1E,GAAU,CAAC8E,MAAU;AAC1C,UAAI,CAAAG,GAGJ;AAAA,YAAIT,EAAiBM,CAAK,KAAK,CAACA,EAAM,MAAM,YAAY;AACtD,UAAAG,IAAgB;AAChB;AAAA,QACF;AAGA,QAAIN,EAAYG,CAAK,MACnBG,IAAgBD,EAAuBF,EAAM,MAAM,QAAQ;AAAA;AAAA,IAE/D,CAAC,GAEMG;AAAA,EACT,GAMMC,IAAsB,MAAM;AAChC,UAAMC,IAID,CAAA,GAGCC,IAAmB,CAACpF,MAAoC;AAC5D0E,MAAAA,EAAM,SAAS,QAAQ1E,GAAU,CAAC8E,MAAU;AAC1C,QAAIN,EAAiBM,CAAK,KACxBK,EAAa,KAAK;AAAA,UAChB,SAASL,EAAM,MAAM;AAAA,UACrB,YAAYA,EAAM,MAAM,cAAc;AAAA,UACtC,UAAUA,EAAM,MAAM;AAAA,QAAA,CACvB,GAICH,EAAYG,CAAK,KACnBM,EAAiBN,EAAM,MAAM,QAAQ;AAAA,MAEzC,CAAC;AAAA,IACH;AAEA,WAAAM,EAAiBL,CAAS,GAIxBI,EAAa,KAAK,CAACE,MAAS,CAACA,EAAK,UAAU,KAAKF,EAAa,CAAC,KAG5C;AAAA;AAAA,MAEjB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,EAGhB,GAGMG,IAAqBN,EAAuBD,CAAS,GAGrDQ,IAAgBL,EAAA,GAEhBM,IAAuB,MAAM;AACjC,IAAI,CAACD,EAAc,cAAcA,EAAc,YAAYjB,KACzDA,EAASiB,EAAc,QAAQ;AAAA,EAEnC,GAEME,IAAoBrB,KAAcmB,EAAc,YAChDG,IAA4BtB,KAAc,CAACkB;AAEjD,2BACG1B,IAAA,EAAoB,SAAAM,GAAkB,aAAU,SAC/C,4BAACL,IAAA,EAEC,UAAA;AAAA,IAAA,gBAAAvD,EAACwD,IAAA,EAA6B,SAAO,IACnC,UAAA,gBAAA7B;AAAA,MAACnB;AAAA,MAAA;AAAA,QACE,GAAGyD;AAAA,QACJ,YAAYkB;AAAA,QACZ,SAASD;AAAA,QAER,UAAA;AAAA,UAAAX;AAAA,UACAU,EAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEnB;AAAA,IAGA,gBAAAtD;AAAA,MAACR,EAAK;AAAA,MAAL;AAAA,QACC,SAAQ;AAAA,QACR,QAAAvB;AAAA,QACA,aAAAC;AAAA,QACA,cAAAC;AAAA,QACA,WAAU;AAAA,QACV,eAAc;AAAA,QACd,UAAUkE,IAAW,CAACqB,MAAQrB,EAAS,OAAOqB,CAAG,CAAC,IAAI;AAAA,QAEtD,UAAA;AAAA,UAAA,gBAAArF,EAACmB,EAAK,SAAL,EAAa,SAAO,IACnB,UAAA,gBAAAnB,EAACyD,IAAA,EAAuB,SAAO,IAC7B,UAAA,gBAAAzD;AAAA,YAACsF;AAAA,YAAA;AAAA,cACE,GAAGrB;AAAA,cACJ,cAAYF;AAAA,cACZ,YAAYqB;AAAA,cAEZ,4BAACG,IAAA,CAAA,CAAkB;AAAA,YAAA;AAAA,UAAA,GAEvB,EAAA,CACF;AAAA,UAEA,gBAAAvF,EAACmB,EAAK,SAAL,EAAc,UAAAsD,EAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3B,EAAA,CACF,EAAA,CACF;AAEJ;AAEAf,GAAY,cAAc;"}

package/dist/chunks/stack-B2xQMEdj.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),e=require("react"),m=require("./factory-DUzr3LTt.cjs.js"),j=require("./walk-object-vr3sAS3_.cjs.js");function w(t){const{gap:r,direction:n}=t,a={column:{marginY:r,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},"column-reverse":{marginY:r,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},row:{marginX:r,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0},"row-reverse":{marginX:r,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0}};return{"&":j.mapObject(n,i=>a[i])}}function I(t){return e.Children.toArray(t).filter(r=>e.isValidElement(r))}const q=e.forwardRef(function(r,n){const{direction:a="column",align:i,justify:f,gap:s="0.5rem",wrap:h,children:c,separator:o,className:y,...k}=r,p=e.useMemo(()=>w({gap:s,direction:a}),[s,a]),S=e.useMemo(()=>o?I(c).map((l,u,x)=>{const b=typeof l.key<"u"?l.key:u,W=e.cloneElement(o,{css:[p,o.props.css]});return d.jsxs(e.Fragment,{children:[l,u===x.length-1?null:W]},b)}):c,[c,o,p]);return d.jsx(m.chakra.div,{ref:n,display:"flex",alignItems:i,justifyContent:f,flexDirection:a,flexWrap:h,gap:o?void 0:s,className:m.cx("chakra-stack",y),...k,children:S})}),g=t=>{const{ref:r,...n}=t;return d.jsx(q,{ref:r,...n})};g.displayName="Stack";exports.Stack=g;
+//# sourceMappingURL=stack-B2xQMEdj.cjs.js.map

package/dist/chunks/stack-B2xQMEdj.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-B2xQMEdj.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/stack/stack.js","../../src/components/stack/stack.tsx"],"sourcesContent":["\"use strict\";\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction getSeparatorStyles(options) {\n  const { gap, direction } = options;\n  const styles = {\n    column: {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    \"column-reverse\": {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    row: {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    },\n    \"row-reverse\": {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    }\n  };\n  return {\n    \"&\": mapObject(direction, (value) => styles[value])\n  };\n}\n\nexport { getSeparatorStyles };\n","\"use strict\";\n\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo, cloneElement, Fragment, Children, isValidElement } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { getSeparatorStyles } from './get-separator-style.js';\n\nfunction getValidChildren(children) {\n  return Children.toArray(children).filter(\n    (child) => isValidElement(child)\n  );\n}\nconst Stack = forwardRef(\n  function Stack2(props, ref) {\n    const {\n      direction = \"column\",\n      align,\n      justify,\n      gap = \"0.5rem\",\n      wrap,\n      children,\n      separator,\n      className,\n      ...rest\n    } = props;\n    const separatorStyle = useMemo(\n      () => getSeparatorStyles({ gap, direction }),\n      [gap, direction]\n    );\n    const clones = useMemo(() => {\n      if (!separator) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const sep = cloneElement(separator, {\n          css: [separatorStyle, separator.props.css]\n        });\n        return /* @__PURE__ */ jsxs(Fragment, { children: [\n          child,\n          index === arr.length - 1 ? null : sep\n        ] }, key);\n      });\n    }, [children, separator, separatorStyle]);\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        alignItems: align,\n        justifyContent: justify,\n        flexDirection: direction,\n        flexWrap: wrap,\n        gap: separator ? void 0 : gap,\n        className: cx(\"chakra-stack\", className),\n        ...rest,\n        children: clones\n      }\n    );\n  }\n);\n\nexport { Stack };\n","import {\n  Stack as ChakraStack,\n  type StackProps as ChakraStackProps,\n} from \"@chakra-ui/react/stack\";\n\nexport interface StackProps extends ChakraStackProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Stack\n *\n * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}\n */\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"names":["getSeparatorStyles","options","gap","direction","styles","mapObject","value","getValidChildren","children","Children","child","isValidElement","Stack","forwardRef","props","ref","align","justify","wrap","separator","className","rest","separatorStyle","useMemo","clones","index","arr","key","sep","cloneElement","jsxs","Fragment","jsx","chakra","cx","restProps","ChakraStack"],"mappings":"uJAGA,SAASA,EAAmBC,EAAS,CACnC,KAAM,CAAE,IAAAC,EAAK,UAAAC,CAAS,EAAKF,EACrBG,EAAS,CACb,OAAQ,CACN,QAASF,EACT,QAAS,EACT,uBAAwB,EACxB,eAAgB,KACtB,EACI,iBAAkB,CAChB,QAASA,EACT,QAAS,EACT,uBAAwB,EACxB,eAAgB,KACtB,EACI,IAAK,CACH,QAASA,EACT,QAAS,EACT,uBAAwB,MACxB,eAAgB,CACtB,EACI,cAAe,CACb,QAASA,EACT,QAAS,EACT,uBAAwB,MACxB,eAAgB,CACtB,CACA,EACE,MAAO,CACL,IAAKG,EAAAA,UAAUF,EAAYG,GAAUF,EAAOE,CAAK,CAAC,CACtD,CACA,CC1BA,SAASC,EAAiBC,EAAU,CAClC,OAAOC,WAAS,QAAQD,CAAQ,EAAE,OAC/BE,GAAUC,EAAAA,eAAeD,CAAK,CACnC,CACA,CACA,MAAME,EAAQC,EAAAA,WACZ,SAAgBC,EAAOC,EAAK,CAC1B,KAAM,CACJ,UAAAZ,EAAY,SACZ,MAAAa,EACA,QAAAC,EACA,IAAAf,EAAM,SACN,KAAAgB,EACA,SAAAV,EACA,UAAAW,EACA,UAAAC,EACA,GAAGC,CACT,EAAQP,EACEQ,EAAiBC,EAAAA,QACrB,IAAMvB,EAAmB,CAAE,IAAAE,EAAK,UAAAC,EAAW,EAC3C,CAACD,EAAKC,CAAS,CACrB,EACUqB,EAASD,EAAAA,QAAQ,IAChBJ,EACEZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,EAAOe,EAAOC,IAAQ,CAC3D,MAAMC,EAAM,OAAOjB,EAAM,IAAQ,IAAcA,EAAM,IAAMe,EACrDG,EAAMC,EAAAA,aAAaV,EAAW,CAClC,IAAK,CAACG,EAAgBH,EAAU,MAAM,GAAG,CACnD,CAAS,EACD,OAAuBW,EAAAA,KAAKC,WAAU,CAAE,SAAU,CAChDrB,EACAe,IAAUC,EAAI,OAAS,EAAI,KAAOE,CAC5C,CAAS,EAAID,CAAG,CACV,CAAC,EAVsBnB,EAWtB,CAACA,EAAUW,EAAWG,CAAc,CAAC,EACxC,OAAuBU,EAAAA,IACrBC,EAAAA,OAAO,IACP,CACE,IAAAlB,EACA,QAAS,OACT,WAAYC,EACZ,eAAgBC,EAChB,cAAed,EACf,SAAUe,EACV,IAAKC,EAAY,OAASjB,EAC1B,UAAWgC,EAAAA,GAAG,eAAgBd,CAAS,EACvC,GAAGC,EACH,SAAUG,CAClB,CACA,CACE,CACF,EC1CaZ,EAASE,GAAsB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGoB,CAAA,EAAcrB,EAC9B,OAAOkB,EAAAA,IAACI,EAAA,CAAY,IAAArB,EAAW,GAAGoB,CAAA,CAAW,CAC/C,EAEAvB,EAAM,YAAc","x_google_ignoreList":[0,1]}

package/dist/chunks/stack-DosdbBli.es.js

@@ -0,0 +1,89 @@
+import { jsxs as b, jsx as d } from "react/jsx-runtime";
+import { forwardRef as W, useMemo as p, cloneElement as j, Fragment as I, Children as v, isValidElement as w } from "react";
+import { c as T, a as X } from "./factory-Dwv06Ntb.es.js";
+import { m as Y } from "./walk-object-CvcTxMj1.es.js";
+function C(e) {
+  const { gap: r, direction: t } = e, n = {
+    column: {
+      marginY: r,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    "column-reverse": {
+      marginY: r,
+      marginX: 0,
+      borderInlineStartWidth: 0,
+      borderTopWidth: "1px"
+    },
+    row: {
+      marginX: r,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    },
+    "row-reverse": {
+      marginX: r,
+      marginY: 0,
+      borderInlineStartWidth: "1px",
+      borderTopWidth: 0
+    }
+  };
+  return {
+    "&": Y(t, (a) => n[a])
+  };
+}
+function N(e) {
+  return v.toArray(e).filter(
+    (r) => w(r)
+  );
+}
+const E = /* @__PURE__ */ W(
+  function(r, t) {
+    const {
+      direction: n = "column",
+      align: a,
+      justify: f,
+      gap: i = "0.5rem",
+      wrap: u,
+      children: s,
+      separator: o,
+      className: g,
+      ...h
+    } = r, l = p(
+      () => C({ gap: i, direction: n }),
+      [i, n]
+    ), y = p(() => o ? N(s).map((c, m, S) => {
+      const k = typeof c.key < "u" ? c.key : m, x = j(o, {
+        css: [l, o.props.css]
+      });
+      return /* @__PURE__ */ b(I, { children: [
+        c,
+        m === S.length - 1 ? null : x
+      ] }, k);
+    }) : s, [s, o, l]);
+    return /* @__PURE__ */ d(
+      T.div,
+      {
+        ref: t,
+        display: "flex",
+        alignItems: a,
+        justifyContent: f,
+        flexDirection: n,
+        flexWrap: u,
+        gap: o ? void 0 : i,
+        className: X("chakra-stack", g),
+        ...h,
+        children: y
+      }
+    );
+  }
+), V = (e) => {
+  const { ref: r, ...t } = e;
+  return /* @__PURE__ */ d(E, { ref: r, ...t });
+};
+V.displayName = "Stack";
+export {
+  V as S
+};
+//# sourceMappingURL=stack-DosdbBli.es.js.map

package/dist/chunks/stack-DosdbBli.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-DosdbBli.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.22.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__react-_673343cfc8d0b0ef4571b2c1f159c6b1/node_modules/@chakra-ui/react/dist/esm/components/stack/stack.js","../../src/components/stack/stack.tsx"],"sourcesContent":["\"use strict\";\nimport { mapObject } from '../../utils/walk-object.js';\n\nfunction getSeparatorStyles(options) {\n  const { gap, direction } = options;\n  const styles = {\n    column: {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    \"column-reverse\": {\n      marginY: gap,\n      marginX: 0,\n      borderInlineStartWidth: 0,\n      borderTopWidth: \"1px\"\n    },\n    row: {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    },\n    \"row-reverse\": {\n      marginX: gap,\n      marginY: 0,\n      borderInlineStartWidth: \"1px\",\n      borderTopWidth: 0\n    }\n  };\n  return {\n    \"&\": mapObject(direction, (value) => styles[value])\n  };\n}\n\nexport { getSeparatorStyles };\n","\"use strict\";\n\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo, cloneElement, Fragment, Children, isValidElement } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { getSeparatorStyles } from './get-separator-style.js';\n\nfunction getValidChildren(children) {\n  return Children.toArray(children).filter(\n    (child) => isValidElement(child)\n  );\n}\nconst Stack = forwardRef(\n  function Stack2(props, ref) {\n    const {\n      direction = \"column\",\n      align,\n      justify,\n      gap = \"0.5rem\",\n      wrap,\n      children,\n      separator,\n      className,\n      ...rest\n    } = props;\n    const separatorStyle = useMemo(\n      () => getSeparatorStyles({ gap, direction }),\n      [gap, direction]\n    );\n    const clones = useMemo(() => {\n      if (!separator) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const sep = cloneElement(separator, {\n          css: [separatorStyle, separator.props.css]\n        });\n        return /* @__PURE__ */ jsxs(Fragment, { children: [\n          child,\n          index === arr.length - 1 ? null : sep\n        ] }, key);\n      });\n    }, [children, separator, separatorStyle]);\n    return /* @__PURE__ */ jsx(\n      chakra.div,\n      {\n        ref,\n        display: \"flex\",\n        alignItems: align,\n        justifyContent: justify,\n        flexDirection: direction,\n        flexWrap: wrap,\n        gap: separator ? void 0 : gap,\n        className: cx(\"chakra-stack\", className),\n        ...rest,\n        children: clones\n      }\n    );\n  }\n);\n\nexport { Stack };\n","import {\n  Stack as ChakraStack,\n  type StackProps as ChakraStackProps,\n} from \"@chakra-ui/react/stack\";\n\nexport interface StackProps extends ChakraStackProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * # Stack\n *\n * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}\n */\nexport const Stack = (props: StackProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraStack ref={ref} {...restProps} />;\n};\n\nStack.displayName = \"Stack\";\n"],"names":["getSeparatorStyles","options","gap","direction","styles","mapObject","value","getValidChildren","children","Children","child","isValidElement","Stack","forwardRef","props","ref","align","justify","wrap","separator","className","rest","separatorStyle","useMemo","clones","index","arr","key","sep","cloneElement","jsxs","Fragment","jsx","chakra","cx","restProps","ChakraStack"],"mappings":";;;;AAGA,SAASA,EAAmBC,GAAS;AACnC,QAAM,EAAE,KAAAC,GAAK,WAAAC,EAAS,IAAKF,GACrBG,IAAS;AAAA,IACb,QAAQ;AAAA,MACN,SAASF;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACtB;AAAA,IACI,kBAAkB;AAAA,MAChB,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACtB;AAAA,IACI,KAAK;AAAA,MACH,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACtB;AAAA,IACI,eAAe;AAAA,MACb,SAASA;AAAA,MACT,SAAS;AAAA,MACT,wBAAwB;AAAA,MACxB,gBAAgB;AAAA,IACtB;AAAA,EACA;AACE,SAAO;AAAA,IACL,KAAKG,EAAUF,GAAW,CAACG,MAAUF,EAAOE,CAAK,CAAC;AAAA,EACtD;AACA;AC1BA,SAASC,EAAiBC,GAAU;AAClC,SAAOC,EAAS,QAAQD,CAAQ,EAAE;AAAA,IAChC,CAACE,MAAUC,EAAeD,CAAK;AAAA,EACnC;AACA;AACA,MAAME,IAAQ,gBAAAC;AAAA,EACZ,SAAgBC,GAAOC,GAAK;AAC1B,UAAM;AAAA,MACJ,WAAAZ,IAAY;AAAA,MACZ,OAAAa;AAAA,MACA,SAAAC;AAAA,MACA,KAAAf,IAAM;AAAA,MACN,MAAAgB;AAAA,MACA,UAAAV;AAAA,MACA,WAAAW;AAAA,MACA,WAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQP,GACEQ,IAAiBC;AAAA,MACrB,MAAMvB,EAAmB,EAAE,KAAAE,GAAK,WAAAC,GAAW;AAAA,MAC3C,CAACD,GAAKC,CAAS;AAAA,IACrB,GACUqB,IAASD,EAAQ,MAChBJ,IACEZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,GAAOe,GAAOC,MAAQ;AAC3D,YAAMC,IAAM,OAAOjB,EAAM,MAAQ,MAAcA,EAAM,MAAMe,GACrDG,IAAMC,EAAaV,GAAW;AAAA,QAClC,KAAK,CAACG,GAAgBH,EAAU,MAAM,GAAG;AAAA,MACnD,CAAS;AACD,aAAuB,gBAAAW,EAAKC,GAAU,EAAE,UAAU;AAAA,QAChDrB;AAAA,QACAe,MAAUC,EAAI,SAAS,IAAI,OAAOE;AAAA,MAC5C,EAAS,GAAID,CAAG;AAAA,IACV,CAAC,IAVsBnB,GAWtB,CAACA,GAAUW,GAAWG,CAAc,CAAC;AACxC,WAAuB,gBAAAU;AAAA,MACrBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAlB;AAAA,QACA,SAAS;AAAA,QACT,YAAYC;AAAA,QACZ,gBAAgBC;AAAA,QAChB,eAAed;AAAA,QACf,UAAUe;AAAA,QACV,KAAKC,IAAY,SAASjB;AAAA,QAC1B,WAAWgC,EAAG,gBAAgBd,CAAS;AAAA,QACvC,GAAGC;AAAA,QACH,UAAUG;AAAA,MAClB;AAAA,IACA;AAAA,EACE;AACF,GC1CaZ,IAAQ,CAACE,MAAsB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGoB,EAAA,IAAcrB;AAC9B,SAAO,gBAAAkB,EAACI,GAAA,EAAY,KAAArB,GAAW,GAAGoB,EAAA,CAAW;AAC/C;AAEAvB,EAAM,cAAc;","x_google_ignoreList":[0,1]}

package/dist/chunks/switch-C3AG1gUR.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),x=require("react"),$=require("@chakra-ui/react"),R=require("./visually-hidden-Uhh-2Y-q.cjs.js"),q=require("./extractStyleProps-wjyId_vK.cjs.js"),f=require("./create-slot-recipe-context-CHGQvGou.cjs.js"),w=require("./index-XyB4gGC8.cjs.js"),y=require("./useObjectRef-dXOJdONs.cjs.js"),j=require("./mergeProps-BA5Cwf5w.cjs.js"),g=require("./useToggleState-Dl-o05wQ.cjs.js"),m=require("./useToggle-BK36AEko.cjs.js"),k=require("./useFocusRing-DRIoF592.cjs.js");function v(s,e,c){let{labelProps:i,inputProps:l,isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}=m.$d2c8e2b0480f3f34$export$cbe85ee05b554577(s,e,c);return{labelProps:i,inputProps:{...l,role:"switch",checked:o},isSelected:o,isPressed:a,isDisabled:n,isReadOnly:d}}const{withProvider:D,withContext:u}=f.createSlotRecipeContext({key:"switch"}),O=D("label","root"),T=u("span","label"),C=u("span","track"),F=u("span","thumb"),b=({ref:s,...e})=>{const c=x.useRef(null),i=y.$df56164dff5785e2$export$4338b53315abf666(s?$.mergeRefs(c,s):c),l=f.useSlotRecipe({recipe:w.switchSlotRecipe}),[o,a]=l.splitVariantProps(e),[n,d]=q.extractStyleProps(a),p=g.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:h}=v(d,p,i),{isFocused:S,focusProps:P}=k.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":S||void 0};return t.jsxs(O,{"data-slot":"root",...o,...r,...n,children:[t.jsxs(C,{"data-slot":"track",...r,children:[t.jsx(F,{"data-slot":"thumb",...r}),t.jsx(R.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...j.$3ef42575df84b30b$export$9d1611c77c2fe928(h,P),ref:i})})]}),e.children&&t.jsx(T,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
+//# sourceMappingURL=switch-C3AG1gUR.cjs.js.map

package/dist/chunks/switch-C3AG1gUR.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-C3AG1gUR.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.6_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport interface SwitchRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof switchSlotRecipe>\n  > {}\nexport const SwitchRootSlot = withProvider<HTMLLabelElement, SwitchRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface SwitchLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchLabelSlot = withContext<HTMLSpanElement, SwitchLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface SwitchTrackProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchTrackSlot = withContext<HTMLSpanElement, SwitchTrackProps>(\n  \"span\",\n  \"track\"\n);\n\ninterface SwitchThumbProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchThumbSlot = withContext<HTMLSpanElement, SwitchThumbProps>(\n  \"span\",\n  \"thumb\"\n);\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":"2fAaA,SAASA,EAA0CC,EAAOC,EAAOC,EAAK,CAClE,GAAI,CAAE,WAAYC,EAAY,WAAYC,EAAY,WAAYC,EAAY,UAAWC,EAAW,WAAYC,EAAY,WAAYC,CAAU,EAASC,EAAAA,0CAAkBT,EAAOC,EAAOC,CAAG,EAC9L,MAAO,CACH,WAAYC,EACZ,WAAY,CACR,GAAGC,EACH,KAAM,SACN,QAASC,CACrB,EACQ,WAAYA,EACZ,UAAWC,EACX,WAAYC,EACZ,WAAYC,CACpB,CACA,CCnBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,QACP,CAAC,EAOYC,EAAiBH,EAC5B,QACA,MACF,EAGaI,EAAkBH,EAC7B,OACA,OACF,EAGaI,EAAkBJ,EAC7B,OACA,OACF,EAGaK,EAAkBL,EAC7B,OACA,OACF,ECfaM,EAAS,CAAC,CAAE,IAAKC,EAAa,GAAGlB,KAAyB,CACrE,MAAMmB,EAAWC,EAAAA,OAAyB,IAAI,EACxClB,EAAMmB,EAAAA,0CACVH,EAAcI,EAAAA,UAAUH,EAAUD,CAAW,EAAIC,CAAA,EAG7CI,EAASC,EAAAA,cAAc,CAAE,OAAQC,EAAAA,iBAAkB,EAEnD,CAACC,EAAaC,CAAe,EAAIJ,EAAO,kBAAkBvB,CAAK,EAC/D,CAAC4B,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE1B,EAAQ8B,EAAAA,0CAAe/B,CAAK,EAC5B,CAAE,WAAAI,CAAA,EAAe4B,EAAUH,EAAiB5B,EAAOC,CAAG,EAEtD,CAAE,UAAA+B,EAAW,WAAAC,CAAA,EAAeC,4CAAA,EAE5BC,EAAa,CACjB,gBAAiBnC,EAAM,WACvB,eAAgBD,EAAM,UACtB,gBAAiBA,EAAM,WACvB,aAAciC,GAAa,MAAA,EAE7B,OACEI,EAAAA,KAACxB,EAAA,CACC,YAAU,OACT,GAAGa,EACH,GAAGU,EACH,GAAGR,EAEJ,SAAA,CAAAS,EAAAA,KAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGqB,EACrC,SAAA,CAAAE,EAAAA,IAACtB,EAAA,CAAgB,YAAU,QAAS,GAAGoB,CAAA,CAAY,EACnDE,EAAAA,IAACC,EAAAA,eAAA,CAAe,GAAG,OACjB,SAAAD,EAAAA,IAAC,QAAA,CACC,YAAU,QACT,GAAGE,EAAAA,0CAAWpC,EAAY8B,CAAU,EACrC,IAAAhC,CAAA,CAAA,CACF,CACF,CAAA,EACF,EAECF,EAAM,UACLsC,MAACxB,EAAA,CAAgB,YAAU,QAAS,GAAGsB,EACpC,SAAApC,EAAM,QAAA,CACT,CAAA,CAAA,CAAA,CAIR,EACAiB,EAAO,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/switch-DEKbPCQG.es.js

@@ -0,0 +1,79 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { mergeRefs as P } from "@chakra-ui/react";
+import { V as S } from "./visually-hidden-vh07nrZa.es.js";
+import { e as w } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { c as x, u as R } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { b as y } from "./index-CPFuzoME.es.js";
+import { $ as k } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as v } from "./mergeProps-B_9syxhT.es.js";
+import { $ as D } from "./useToggleState-Uh0wTgdI.es.js";
+import { $ as O } from "./useToggle-DcdigPKG.es.js";
+import { $ as V } from "./useFocusRing-D8cwV0EM.es.js";
+function j(t, e, s) {
+  let { labelProps: o, inputProps: a, isSelected: i, isPressed: l, isDisabled: d, isReadOnly: n } = O(t, e, s);
+  return {
+    labelProps: o,
+    inputProps: {
+      ...a,
+      role: "switch",
+      checked: i
+    },
+    isSelected: i,
+    isPressed: l,
+    isDisabled: d,
+    isReadOnly: n
+  };
+}
+const { withProvider: C, withContext: p } = /* @__PURE__ */ x({
+  key: "switch"
+}), L = /* @__PURE__ */ C(
+  "label",
+  "root"
+), T = /* @__PURE__ */ p(
+  "span",
+  "label"
+), g = /* @__PURE__ */ p(
+  "span",
+  "track"
+), F = /* @__PURE__ */ p(
+  "span",
+  "thumb"
+), H = ({ ref: t, ...e }) => {
+  const s = u(null), o = k(
+    t ? P(s, t) : s
+  ), a = R({ recipe: y }), [i, l] = a.splitVariantProps(e), [d, n] = w(l), f = D(e), { inputProps: b } = j(n, f, o), { isFocused: $, focusProps: h } = V(), r = {
+    "data-selected": f.isSelected,
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled,
+    "data-focus": $ || void 0
+  };
+  return /* @__PURE__ */ m(
+    L,
+    {
+      "data-slot": "root",
+      ...i,
+      ...r,
+      ...d,
+      children: [
+        /* @__PURE__ */ m(g, { "data-slot": "track", ...r, children: [
+          /* @__PURE__ */ c(F, { "data-slot": "thumb", ...r }),
+          /* @__PURE__ */ c(S, { as: "span", children: /* @__PURE__ */ c(
+            "input",
+            {
+              "data-slot": "input",
+              ...v(b, h),
+              ref: o
+            }
+          ) })
+        ] }),
+        e.children && /* @__PURE__ */ c(T, { "data-slot": "label", ...r, children: e.children })
+      ]
+    }
+  );
+};
+H.displayName = "Switch";
+export {
+  H as S
+};
+//# sourceMappingURL=switch-DEKbPCQG.es.js.map

package/dist/chunks/switch-DEKbPCQG.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DEKbPCQG.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.6_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport interface SwitchRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof switchSlotRecipe>\n  > {}\nexport const SwitchRootSlot = withProvider<HTMLLabelElement, SwitchRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface SwitchLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchLabelSlot = withContext<HTMLSpanElement, SwitchLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface SwitchTrackProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchTrackSlot = withContext<HTMLSpanElement, SwitchTrackProps>(\n  \"span\",\n  \"track\"\n);\n\ninterface SwitchThumbProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchThumbSlot = withContext<HTMLSpanElement, SwitchThumbProps>(\n  \"span\",\n  \"thumb\"\n);\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * # Switch\n *\n * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":";;;;;;;;;;;;AAaA,SAASA,EAA0CC,GAAOC,GAAOC,GAAK;AAClE,MAAI,EAAE,YAAYC,GAAY,YAAYC,GAAY,YAAYC,GAAY,WAAWC,GAAW,YAAYC,GAAY,YAAYC,EAAU,IAASC,EAAkBT,GAAOC,GAAOC,CAAG;AAC9L,SAAO;AAAA,IACH,YAAYC;AAAA,IACZ,YAAY;AAAA,MACR,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,SAASC;AAAA,IACrB;AAAA,IACQ,YAAYA;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,EACpB;AACA;ACnBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IAAiB,gBAAAH;AAAA,EAC5B;AAAA,EACA;AACF,GAGaI,IAAkB,gBAAAH;AAAA,EAC7B;AAAA,EACA;AACF,GAGaI,IAAkB,gBAAAJ;AAAA,EAC7B;AAAA,EACA;AACF,GAGaK,IAAkB,gBAAAL;AAAA,EAC7B;AAAA,EACA;AACF,GCfaM,IAAS,CAAC,EAAE,KAAKC,GAAa,GAAGlB,QAAyB;AACrE,QAAMmB,IAAWC,EAAyB,IAAI,GACxClB,IAAMmB;AAAAA,IACVH,IAAcI,EAAUH,GAAUD,CAAW,IAAIC;AAAA,EAAA,GAG7CI,IAASC,EAAc,EAAE,QAAQC,GAAkB,GAEnD,CAACC,GAAaC,CAAe,IAAIJ,EAAO,kBAAkBvB,CAAK,GAC/D,CAAC4B,GAAYC,CAAe,IAAIC,EAAkBH,CAAe,GAEjE1B,IAAQ8B,EAAe/B,CAAK,GAC5B,EAAE,YAAAI,EAAA,IAAe4B,EAAUH,GAAiB5B,GAAOC,CAAG,GAEtD,EAAE,WAAA+B,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5BC,IAAa;AAAA,IACjB,iBAAiBnC,EAAM;AAAA,IACvB,gBAAgBD,EAAM;AAAA,IACtB,iBAAiBA,EAAM;AAAA,IACvB,cAAciC,KAAa;AAAA,EAAA;AAE7B,SACE,gBAAAI;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGa;AAAA,MACH,GAAGU;AAAA,MACH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGqB,GACrC,UAAA;AAAA,UAAA,gBAAAE,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGoB,EAAA,CAAY;AAAA,UACnD,gBAAAE,EAACC,GAAA,EAAe,IAAG,QACjB,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACT,GAAGE,EAAWpC,GAAY8B,CAAU;AAAA,cACrC,KAAAhC;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,QAECF,EAAM,YACL,gBAAAsC,EAACxB,GAAA,EAAgB,aAAU,SAAS,GAAGsB,GACpC,UAAApC,EAAM,SAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAiB,EAAO,cAAc;","x_google_ignoreList":[0]}