@commercetools/nimbus 0.0.12-rc1 → 0.0.12-rc2

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

@@ -0,0 +1,103 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import i from "react";
+import { B as V } from "./button-DNPDogwN.es.js";
+import { I as O } from "./icon-button-EonZGbth.es.js";
+import { createSlotRecipeContext as j } from "@chakra-ui/react";
+import { a as G } from "./index-Dvel3Oj5.es.js";
+import { KeyboardArrowDown as N } from "@commercetools/nimbus-icons";
+import { M as d } from "./menu-CKJfYhIU.es.js";
+const { withProvider: _, withContext: u } = /* @__PURE__ */ j({
+  recipe: G
+}), z = /* @__PURE__ */ _("div", "root"), K = /* @__PURE__ */ u("div", "buttonGroup"), L = /* @__PURE__ */ u("button", "primaryButton"), W = /* @__PURE__ */ u("button", "dropdownTrigger"), k = (m) => {
+  const {
+    size: B = "md",
+    variant: f = "solid",
+    tone: y,
+    isDisabled: b = !1,
+    "aria-label": C,
+    onAction: a,
+    isOpen: M,
+    defaultOpen: A,
+    onOpenChange: E
+  } = m, h = { size: B, variant: f, tone: y }, I = (t) => {
+    if (!i.isValidElement(t) || !t.props) return !1;
+    const o = t.props;
+    return "id" in o && typeof o.id == "string";
+  }, D = (t) => !i.isValidElement(t) || !t.props ? !1 : "children" in t.props, S = i.Children.toArray(m.children), P = S.find(
+    (t) => i.isValidElement(t) && t.props?.slot === "icon"
+  ), l = S.filter(
+    (t) => !i.isValidElement(t) || t.props?.slot !== "icon"
+  ), g = (t) => {
+    let o = !1;
+    return i.Children.forEach(t, (s) => {
+      if (!o) {
+        if (I(s) && !s.props.isDisabled) {
+          o = !0;
+          return;
+        }
+        D(s) && (o = g(s.props.children));
+      }
+    }), o;
+  }, v = () => {
+    const t = [], o = (p) => {
+      i.Children.forEach(p, (r) => {
+        I(r) && t.push({
+          content: r.props.children,
+          isDisabled: r.props.isDisabled || !1,
+          actionId: r.props.id
+        }), D(r) && o(r.props.children);
+      });
+    };
+    return o(l), t.find((p) => !p.isDisabled) || t[0] || {
+      // TODO: Localize this
+      content: "No actions available",
+      isDisabled: !0,
+      actionId: null
+    };
+  }, w = g(l), e = v(), x = () => {
+    !e.isDisabled && e.actionId && a && a(e.actionId);
+  }, R = b || e.isDisabled, T = b || !w;
+  return /* @__PURE__ */ n(z, { variant: f, "data-mode": "split", children: /* @__PURE__ */ c(K, { children: [
+    /* @__PURE__ */ n(L, { asChild: !0, children: /* @__PURE__ */ c(
+      V,
+      {
+        ...h,
+        isDisabled: R,
+        onPress: x,
+        children: [
+          P,
+          e.content
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ c(
+      d.Root,
+      {
+        trigger: "press",
+        isOpen: M,
+        defaultOpen: A,
+        onOpenChange: E,
+        placement: "bottom end",
+        selectionMode: "none",
+        onAction: a ? (t) => a(String(t)) : void 0,
+        children: [
+          /* @__PURE__ */ n(d.Trigger, { asChild: !0, children: /* @__PURE__ */ n(W, { asChild: !0, children: /* @__PURE__ */ n(
+            O,
+            {
+              ...h,
+              "aria-label": C,
+              isDisabled: T,
+              children: /* @__PURE__ */ n(N, {})
+            }
+          ) }) }),
+          /* @__PURE__ */ n(d.Content, { children: l })
+        ]
+      }
+    )
+  ] }) });
+};
+k.displayName = "SplitButton";
+export {
+  k as S
+};
+//# sourceMappingURL=split-button-BWXYRDuQ.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-BWXYRDuQ.es.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["/* 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","splitButtonSlotRecipe","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","buttonProps","isMenuItemWithId","element","React","hasChildren","childArray","iconElement","child","menuItems","hasActionableMenuItems","children","hasActionable","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

package/dist/chunks/split-button-i2Ezbf3P.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),R=require("./button-BfmWlfwH.cjs.js"),T=require("./icon-button-D0NyGafI.cjs.js"),V=require("@chakra-ui/react"),O=require("./index-sFOzzmTG.cjs.js"),G=require("@commercetools/nimbus-icons"),u=require("./menu-CImIQ6uJ.cjs.js"),{withProvider:N,withContext:d}=V.createSlotRecipeContext({recipe:O.splitButtonSlotRecipe}),z=N("div","root"),K=d("div","buttonGroup"),L=d("button","primaryButton"),W=d("button","dropdownTrigger"),D=p=>{const{size:S="md",variant:b="solid",tone:g,isDisabled:m=!1,"aria-label":y,onAction:l,isOpen:C,defaultOpen:j,onOpenChange:M}=p,h={size:S,variant:b,tone:g},f=t=>{if(!o.isValidElement(t)||!t.props)return!1;const n=t.props;return"id"in n&&typeof n.id=="string"},I=t=>!o.isValidElement(t)||!t.props?!1:"children"in t.props,x=o.Children.toArray(p.children),A=x.find(t=>o.isValidElement(t)&&t.props?.slot==="icon"),a=x.filter(t=>!o.isValidElement(t)||t.props?.slot!=="icon"),B=t=>{let n=!1;return o.Children.forEach(t,r=>{if(!n){if(f(r)&&!r.props.isDisabled){n=!0;return}I(r)&&(n=B(r.props.children))}}),n},q=()=>{const t=[],n=c=>{o.Children.forEach(c,i=>{f(i)&&t.push({content:i.props.children,isDisabled:i.props.isDisabled||!1,actionId:i.props.id}),I(i)&&n(i.props.children)})};return n(a),t.find(c=>!c.isDisabled)||t[0]||{content:"No actions available",isDisabled:!0,actionId:null}},E=B(a),s=q(),P=()=>{!s.isDisabled&&s.actionId&&l&&l(s.actionId)},v=m||s.isDisabled,w=m||!E;return e.jsx(z,{variant:b,"data-mode":"split",children:e.jsxs(K,{children:[e.jsx(L,{asChild:!0,children:e.jsxs(R.Button,{...h,isDisabled:v,onPress:P,children:[A,s.content]})}),e.jsxs(u.Menu.Root,{trigger:"press",isOpen:C,defaultOpen:j,onOpenChange:M,placement:"bottom end",selectionMode:"none",onAction:l?t=>l(String(t)):void 0,children:[e.jsx(u.Menu.Trigger,{asChild:!0,children:e.jsx(W,{asChild:!0,children:e.jsx(T.IconButton,{...h,"aria-label":y,isDisabled:w,children:e.jsx(G.KeyboardArrowDown,{})})})}),e.jsx(u.Menu.Content,{children:a})]})]})})};D.displayName="SplitButton";exports.SplitButton=D;
+//# sourceMappingURL=split-button-i2Ezbf3P.cjs.js.map

package/dist/chunks/split-button-i2Ezbf3P.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-i2Ezbf3P.cjs.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["/* 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","splitButtonSlotRecipe","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","buttonProps","isMenuItemWithId","element","React","hasChildren","childArray","iconElement","child","menuItems","hasActionableMenuItems","children","hasActionable","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-BG0j9HvT.cjs.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/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, isValidElement, cloneElement, Fragment, Children } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.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 (!isValidElement(separator)) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const typedSep = separator;\n        const sep = cloneElement(typedSep, {\n          css: [separatorStyle, typedSep.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","typedSep","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,IAChBZ,EAAAA,eAAeQ,CAAS,EACtBZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,EAAOe,EAAOC,IAAQ,CAC3D,MAAMC,EAAM,OAAOjB,EAAM,IAAQ,IAAcA,EAAM,IAAMe,EACrDG,EAAWT,EACXU,EAAMC,EAAAA,aAAaF,EAAU,CACjC,IAAK,CAACN,EAAgBM,EAAS,MAAM,GAAG,CAClD,CAAS,EACD,OAAuBG,EAAAA,KAAKC,WAAU,CAAE,SAAU,CAChDtB,EACAe,IAAUC,EAAI,OAAS,EAAI,KAAOG,CAC5C,CAAS,EAAIF,CAAG,CACV,CAAC,EAXsCnB,EAYtC,CAACA,EAAUW,EAAWG,CAAc,CAAC,EACxC,OAAuBW,EAAAA,IACrBC,EAAAA,OAAO,IACP,CACE,IAAAnB,EACA,QAAS,OACT,WAAYC,EACZ,eAAgBC,EAChB,cAAed,EACf,SAAUe,EACV,IAAKC,EAAY,OAASjB,EAC1B,UAAWiC,EAAAA,GAAG,eAAgBf,CAAS,EACvC,GAAGC,EACH,SAAUG,CAClB,CACA,CACE,CACF,EC3CaZ,EAASE,GAAsB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGqB,CAAA,EAActB,EAC9B,OAAOmB,EAAAA,IAACI,EAAA,CAAY,IAAAtB,EAAW,GAAGqB,CAAA,CAAW,CAC/C,EAEAxB,EAAM,YAAc","x_google_ignoreList":[0,1]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-QzuqKTKb.es.js","sources":["../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/node_modules/@chakra-ui/react/dist/esm/components/stack/get-separator-style.js","../../../../node_modules/.pnpm/@chakra-ui+react@3.26.0_@emotion+react@11.14.0_@types+react@19.1.12_react@19.1.1__react_cde2bdb0fef9fb736bd8b62efad0d89e/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, isValidElement, cloneElement, Fragment, Children } from 'react';\nimport { chakra } from '../../styled-system/factory.js';\nimport { cx } from '../../utils/cx.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 (!isValidElement(separator)) return children;\n      return getValidChildren(children).map((child, index, arr) => {\n        const key = typeof child.key !== \"undefined\" ? child.key : index;\n        const typedSep = separator;\n        const sep = cloneElement(typedSep, {\n          css: [separatorStyle, typedSep.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","typedSep","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,MAChBZ,EAAeQ,CAAS,IACtBZ,EAAiBC,CAAQ,EAAE,IAAI,CAACE,GAAOe,GAAOC,MAAQ;AAC3D,YAAMC,IAAM,OAAOjB,EAAM,MAAQ,MAAcA,EAAM,MAAMe,GACrDG,IAAWT,GACXU,IAAMC,EAAaF,GAAU;AAAA,QACjC,KAAK,CAACN,GAAgBM,EAAS,MAAM,GAAG;AAAA,MAClD,CAAS;AACD,aAAuB,gBAAAG,EAAKC,GAAU,EAAE,UAAU;AAAA,QAChDtB;AAAA,QACAe,MAAUC,EAAI,SAAS,IAAI,OAAOG;AAAA,MAC5C,EAAS,GAAIF,CAAG;AAAA,IACV,CAAC,IAXsCnB,GAYtC,CAACA,GAAUW,GAAWG,CAAc,CAAC;AACxC,WAAuB,gBAAAW;AAAA,MACrBC,EAAO;AAAA,MACP;AAAA,QACE,KAAAnB;AAAA,QACA,SAAS;AAAA,QACT,YAAYC;AAAA,QACZ,gBAAgBC;AAAA,QAChB,eAAed;AAAA,QACf,UAAUe;AAAA,QACV,KAAKC,IAAY,SAASjB;AAAA,QAC1B,WAAWiC,EAAG,gBAAgBf,CAAS;AAAA,QACvC,GAAGC;AAAA,QACH,UAAUG;AAAA,MAClB;AAAA,IACA;AAAA,EACE;AACF,GC3CaZ,IAAQ,CAACE,MAAsB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGqB,EAAA,IAActB;AAC9B,SAAO,gBAAAmB,EAACI,GAAA,EAAY,KAAAtB,GAAW,GAAGqB,EAAA,CAAW;AAC/C;AAEAxB,EAAM,cAAc;","x_google_ignoreList":[0,1]}

package/dist/chunks/switch-kNksAQM3.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-Bh-G5QHv.cjs.js"),q=require("./extractStyleProps-BFdEZDYW.cjs.js"),f=require("./create-slot-recipe-context-CimocFDH.cjs.js"),w=require("./index-sFOzzmTG.cjs.js"),y=require("./useObjectRef-dXOJdONs.cjs.js"),j=require("./mergeProps-BA5Cwf5w.cjs.js"),g=require("./useToggleState-Dl-o05wQ.cjs.js"),m=require("./useToggle-VJWgbeCC.cjs.js"),k=require("./useFocusRing-CzFer4bD.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-kNksAQM3.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-kNksAQM3.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.7_react-dom@19.1.1_react@19.1.1__react@19.1.1/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-rkewogOb.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-BluyWhUI.es.js";
+import { e as w } from "./extractStyleProps-D6vCCKog.es.js";
+import { c as x, u as R } from "./create-slot-recipe-context--T0CaFjW.es.js";
+import { c as y } from "./index-Dvel3Oj5.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-DqruaaTq.es.js";
+import { $ as V } from "./useFocusRing-updnkDQg.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-rkewogOb.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-rkewogOb.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.7_react-dom@19.1.1_react@19.1.1__react@19.1.1/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]}