@commercetools/nimbus 0.0.0-canary-20251016170725 → 0.0.0-canary-20251020195126

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-D1m7jEzh.es.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SplitButtonRootSlotProps,\n  SplitButtonButtonGroupSlotProps,\n  SplitButtonPrimaryButtonSlotProps,\n  SplitButtonTriggerSlotProps,\n} from \"./split-button.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"splitButton\",\n});\n\n// Root Container\nexport const SplitButtonRootSlot: SlotComponent<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n> = withProvider<HTMLDivElement, SplitButtonRootSlotProps>(\"div\", \"root\");\n\n// Button Group Container\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger 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 { Icon } from \"@/components/icon\";\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 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    icon,\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  type MenuItemProps = {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  };\n\n  type 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  // All children are menu items\n  const menuItems = props.children;\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            {icon && <Icon>{icon}</Icon>}\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","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","icon","buttonProps","isMenuItemWithId","element","React","hasChildren","menuItems","hasActionableMenuItems","children","hasActionable","child","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Icon","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-DCQPz8zr.cjs.js","sources":["../../src/components/split-button/split-button.slots.tsx","../../src/components/split-button/split-button.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SplitButtonRootSlotProps,\n  SplitButtonButtonGroupSlotProps,\n  SplitButtonPrimaryButtonSlotProps,\n  SplitButtonTriggerSlotProps,\n} from \"./split-button.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"splitButton\",\n});\n\n// Root Container\nexport const SplitButtonRootSlot: SlotComponent<\n  HTMLDivElement,\n  SplitButtonRootSlotProps\n> = withProvider<HTMLDivElement, SplitButtonRootSlotProps>(\"div\", \"root\");\n\n// Button Group Container\nexport const SplitButtonButtonGroupSlot = withContext<\n  HTMLDivElement,\n  SplitButtonButtonGroupSlotProps\n>(\"div\", \"buttonGroup\");\n\n// Primary Action Button\nexport const SplitButtonPrimaryButtonSlot = withContext<\n  HTMLButtonElement,\n  SplitButtonPrimaryButtonSlotProps\n>(\"button\", \"primaryButton\");\n\n// Dropdown Trigger 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 { Icon } from \"@/components/icon\";\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 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    icon,\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  type MenuItemProps = {\n    id: string;\n    children: React.ReactNode;\n    isDisabled?: boolean;\n    isCritical?: boolean;\n  };\n\n  type 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  // All children are menu items\n  const menuItems = props.children;\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            {icon && <Icon>{icon}</Icon>}\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","SplitButtonRootSlot","SplitButtonButtonGroupSlot","SplitButtonPrimaryButtonSlot","SplitButtonTriggerSlot","SplitButton","props","size","variant","tone","isDisabled","ariaLabel","onAction","isOpen","defaultOpen","onOpenChange","icon","buttonProps","isMenuItemWithId","element","React","hasChildren","menuItems","hasActionableMenuItems","children","hasActionable","child","findPrimaryMenuItem","allMenuItems","collectMenuItems","item","hasActionableItems","buttonContent","executePrimaryAction","isPrimaryDisabled","isDropdownTriggerDisabled","jsx","jsxs","Button","Icon","Menu","key","IconButton","KeyboardArrowDown"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),$=require("react"),f=require("@chakra-ui/react"),x=require("@chakra-ui/react/styled-system"),R=require("./extract-style-props-Dk3fpLyQ.cjs.js"),q=require("./index-CRFg4Mhx.cjs.js"),w=require("./useObjectRef-4v2MxSjQ.cjs.js"),y=require("./mergeProps-CxnHrnow.cjs.js"),j=require("./useToggleState-D7k4zllv.cjs.js"),m=require("./useToggle-DWRQYar0.cjs.js"),g=require("./useFocusRing-B7_ogYbr.cjs.js"),k=require("./visually-hidden-BjtXUoFK.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=$.useRef(null),i=w.$df56164dff5785e2$export$4338b53315abf666(s?f.mergeRefs(c,s):c),l=x.useSlotRecipe({recipe:q.switchSlotRecipe}),[o,a]=l.splitVariantProps(e),[n,d]=R.extractStyleProps(a),p=j.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:S}=v(d,p,i),{isFocused:h,focusProps:P}=g.$f7dceffc5ad7768b$export$4e328f61c538687f(),r={"data-selected":p.isSelected,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":h||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(k.VisuallyHidden,{as:"span",children:t.jsx("input",{"data-slot":"input",...y.$3ef42575df84b30b$export$9d1611c77c2fe928(S,P),ref:i})})]}),e.children&&t.jsx(T,{"data-slot":"label",...r,children:e.children})]})};b.displayName="Switch";exports.Switch=b;
+//# sourceMappingURL=switch-DCARSVF8.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-DCARSVF8.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.8_react-dom@19.2.0_react@19.2.0__react@19.2.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","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SwitchRootSlotProps,\n  SwitchLabelSlotProps,\n  SwitchTrackSlotProps,\n  SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n  HTMLLabelElement,\n  SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n  HTMLSpanElement,\n  SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n  HTMLSpanElement,\n  SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n  HTMLSpanElement,\n  SwitchThumbSlotProps\n>(\"span\", \"thumb\");\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\";\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":"+eAaA,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,CClBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,QACP,CAAC,EAEYC,EAGTH,EAAoD,QAAS,MAAM,EAE1DI,EAAkBH,EAG7B,OAAQ,OAAO,EAEJI,EAAkBJ,EAG7B,OAAQ,OAAO,EAEJK,EAAkBL,EAG7B,OAAQ,OAAO,ECRJM,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-D_3c0qqj.es.js

@@ -0,0 +1,67 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { createSlotRecipeContext as P, mergeRefs as S } from "@chakra-ui/react";
+import { useSlotRecipe as w } from "@chakra-ui/react/styled-system";
+import { e as x } from "./extract-style-props-Cg1pKYtC.es.js";
+import { e as R } from "./index-D6WdXWQX.es.js";
+import { $ as y } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as k } from "./mergeProps-_eTFpDiB.es.js";
+import { $ as v } from "./useToggleState-Uh0wTgdI.es.js";
+import { $ as D } from "./useToggle-Zn-Mv-4t.es.js";
+import { $ as O } from "./useFocusRing-BOzVUoTi.es.js";
+import { V } from "./visually-hidden-CkxAz94w.es.js";
+function j(t, e, s) {
+  let { labelProps: o, inputProps: a, isSelected: i, isPressed: l, isDisabled: d, isReadOnly: n } = D(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__ */ P({
+  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 = y(
+    t ? S(s, t) : s
+  ), a = w({ recipe: R }), [i, l] = a.splitVariantProps(e), [d, n] = x(l), f = v(e), { inputProps: b } = j(n, f, o), { isFocused: $, focusProps: h } = O(), 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(V, { as: "span", children: /* @__PURE__ */ c(
+            "input",
+            {
+              "data-slot": "input",
+              ...k(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-D_3c0qqj.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-D_3c0qqj.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.8_react-dom@19.2.0_react@19.2.0__react@19.2.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","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  SwitchRootSlotProps,\n  SwitchLabelSlotProps,\n  SwitchTrackSlotProps,\n  SwitchThumbSlotProps,\n} from \"./switch.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport const SwitchRootSlot: SlotComponent<\n  HTMLLabelElement,\n  SwitchRootSlotProps\n> = withProvider<HTMLLabelElement, SwitchRootSlotProps>(\"label\", \"root\");\n\nexport const SwitchLabelSlot = withContext<\n  HTMLSpanElement,\n  SwitchLabelSlotProps\n>(\"span\", \"label\");\n\nexport const SwitchTrackSlot = withContext<\n  HTMLSpanElement,\n  SwitchTrackSlotProps\n>(\"span\", \"track\");\n\nexport const SwitchThumbSlot = withContext<\n  HTMLSpanElement,\n  SwitchThumbSlotProps\n>(\"span\", \"thumb\");\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\";\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;AClBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAGT,gBAAAH,EAAoD,SAAS,MAAM,GAE1DI,IAAkB,gBAAAH,EAG7B,QAAQ,OAAO,GAEJI,IAAkB,gBAAAJ,EAG7B,QAAQ,OAAO,GAEJK,IAAkB,gBAAAL,EAG7B,QAAQ,OAAO,GCRJM,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]}

package/dist/chunks/tabs-Bu_-Hx4D.es.js

@@ -0,0 +1,428 @@
+import { jsx as c, jsxs as G, Fragment as J } from "react/jsx-runtime";
+import { g as Q, e as X, h as O, k as Y, l as Z } from "./SelectionManager-Dn0USbbI.es.js";
+import { a as D, d as V, $ as _, e as ee } from "./utils-DF3YB901.es.js";
+import { a as te, $ as ie } from "./SelectionIndicator-B27AsfqE.es.js";
+import { $ as ae, g as H, f as se, a as le } from "./CollectionBuilder-D6lZ-33j.es.js";
+import { $ as re } from "./Hidden-X9vuhkMZ.es.js";
+import { a as v, $ as oe } from "./mergeProps-_eTFpDiB.es.js";
+import { $ as g } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as F } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as M } from "./inertValue-B7loUihk.es.js";
+import f, { useMemo as E, useRef as de, useEffect as ne, forwardRef as C, useContext as x, createContext as A } from "react";
+import { $ as z } from "./useLabels-DKXyqbI2.es.js";
+import { $ as ce } from "./useHasTabbableChild-B5nn4ySF.es.js";
+import { c as fe } from "./openLink-D7--QlSJ.es.js";
+import { $ as ue } from "./useFocusable-WbQD7vwU.es.js";
+import { $ as be } from "./context-DW7UvQ8z.es.js";
+import { $ as w } from "./useFocusRing-BOzVUoTi.es.js";
+import { $ as $e } from "./useHover-CKzcGypZ.es.js";
+import { $ as pe } from "./useSingleSelectListState-DU73GKrB.es.js";
+import { createSlotRecipeContext as he } from "@chakra-ui/react";
+import { e as ve } from "./extract-style-props-Cg1pKYtC.es.js";
+const B = /* @__PURE__ */ new WeakMap();
+function K(i, e, t) {
+  if (!i)
+    return "";
+  typeof e == "string" && (e = e.replace(/\s+/g, ""));
+  let a = B.get(i);
+  return process.env.NODE_ENV !== "production" && !a && console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."), `${a}-${t}-${e}`;
+}
+function me(i, e, t) {
+  let { key: a, isDisabled: s, shouldSelectOnPressUp: l } = i, { selectionManager: o, selectedKey: n } = e, r = a === n, d = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: b, isPressed: u } = Q({
+    selectionManager: o,
+    key: a,
+    ref: t,
+    isDisabled: d,
+    shouldSelectOnPressUp: l,
+    linkBehavior: "selection"
+  }), $ = K(e, a, "tab"), h = K(e, a, "tabpanel"), { tabIndex: m } = b, p = e.collection.getItem(a), y = g(p?.props, {
+    labelable: !0
+  });
+  delete y.id;
+  let W = fe(p?.props), { focusableProps: q } = ue({
+    isDisabled: d
+  }, t);
+  return {
+    tabProps: v(y, q, W, b, {
+      id: $,
+      "aria-selected": r,
+      "aria-disabled": d || void 0,
+      "aria-controls": r ? h : void 0,
+      tabIndex: d ? void 0 : m,
+      role: "tab"
+    }),
+    isSelected: r,
+    isDisabled: d,
+    isPressed: u
+  };
+}
+function ye(i, e, t) {
+  let a = ce(t) ? void 0 : 0;
+  var s;
+  const l = K(e, (s = i.id) !== null && s !== void 0 ? s : e?.selectedKey, "tabpanel"), o = z({
+    ...i,
+    id: l,
+    "aria-labelledby": K(e, e?.selectedKey, "tab")
+  });
+  return {
+    tabPanelProps: v(o, {
+      tabIndex: a,
+      role: "tabpanel",
+      "aria-describedby": i["aria-describedby"],
+      "aria-details": i["aria-details"]
+    })
+  };
+}
+class Pe {
+  getKeyLeftOf(e) {
+    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
+  }
+  getKeyRightOf(e) {
+    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
+  }
+  isDisabled(e) {
+    var t, a;
+    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled);
+  }
+  getFirstKey() {
+    let e = this.collection.getFirstKey();
+    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
+  }
+  getLastKey() {
+    let e = this.collection.getLastKey();
+    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
+  }
+  getKeyAbove(e) {
+    return this.tabDirection ? null : this.getPreviousKey(e);
+  }
+  getKeyBelow(e) {
+    return this.tabDirection ? null : this.getNextKey(e);
+  }
+  getNextKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyAfter(t), t == null && (t = this.collection.getFirstKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  getPreviousKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyBefore(t), t == null && (t = this.collection.getLastKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  constructor(e, t, a, s = /* @__PURE__ */ new Set()) {
+    this.collection = e, this.flipDirection = t === "rtl" && a === "horizontal", this.disabledKeys = s, this.tabDirection = a === "horizontal";
+  }
+}
+function xe(i, e, t) {
+  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = i, { collection: l, selectionManager: o, disabledKeys: n } = e, { direction: r } = be(), d = E(() => new Pe(l, r, a, n), [
+    l,
+    n,
+    a,
+    r
+  ]), { collectionProps: b } = X({
+    ref: t,
+    selectionManager: o,
+    keyboardDelegate: d,
+    selectOnFocus: s === "automatic",
+    disallowEmptySelection: !0,
+    scrollRef: t,
+    linkBehavior: "selection"
+  }), u = oe();
+  B.set(e, u);
+  let $ = z({
+    ...i,
+    id: u
+  });
+  return {
+    tabListProps: {
+      ...v(b, $),
+      role: "tablist",
+      "aria-orientation": a,
+      tabIndex: void 0
+    }
+  };
+}
+function ge(i) {
+  var e, t;
+  let a = pe({
+    ...i,
+    onSelectionChange: i.onSelectionChange ? (r) => {
+      var d;
+      r != null && ((d = i.onSelectionChange) === null || d === void 0 || d.call(i, r));
+    } : void 0,
+    suppressTextValueWarning: !0,
+    defaultSelectedKey: (t = (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : I(i.collection, i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
+  }), { selectionManager: s, collection: l, selectedKey: o } = a, n = de(o);
+  return ne(() => {
+    let r = o;
+    i.selectedKey == null && (s.isEmpty || r == null || !l.getItem(r)) && (r = I(l, a.disabledKeys), r != null && s.setSelectedKeys([
+      r
+    ])), (r != null && s.focusedKey == null || !s.isFocused && r !== n.current) && s.setFocusedKey(r), n.current = r;
+  }), {
+    ...a,
+    isDisabled: i.isDisabled || !1
+  };
+}
+function I(i, e) {
+  let t = null;
+  if (i) {
+    var a, s, l, o;
+    for (t = i.getFirstKey(); t != null && (e.has(t) || !((s = i.getItem(t)) === null || s === void 0 || (a = s.props) === null || a === void 0) && a.isDisabled) && t !== i.getLastKey(); ) t = i.getKeyAfter(t);
+    t != null && (e.has(t) || !((o = i.getItem(t)) === null || o === void 0 || (l = o.props) === null || l === void 0) && l.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
+  }
+  return t;
+}
+const S = /* @__PURE__ */ A(null), P = /* @__PURE__ */ A(null), Ke = /* @__PURE__ */ C(function(e, t) {
+  [e, t] = _(e, t, S);
+  let { children: a, orientation: s = "horizontal" } = e;
+  return a = E(() => typeof a == "function" ? a({
+    orientation: s,
+    defaultChildren: null
+  }) : a, [
+    a,
+    s
+  ]), /* @__PURE__ */ f.createElement(se, {
+    content: a
+  }, (l) => /* @__PURE__ */ f.createElement(De, {
+    props: e,
+    collection: l,
+    tabsRef: t
+  }));
+});
+function De({ props: i, tabsRef: e, collection: t }) {
+  let { orientation: a = "horizontal" } = i, s = ge({
+    ...i,
+    collection: t,
+    children: void 0
+  }), { focusProps: l, isFocused: o, isFocusVisible: n } = w({
+    within: !0
+  }), r = E(() => ({
+    orientation: a,
+    isFocusWithin: o,
+    isFocusVisible: n
+  }), [
+    a,
+    o,
+    n
+  ]), d = D({
+    ...i,
+    defaultClassName: "react-aria-Tabs",
+    values: r
+  }), b = g(i, {
+    global: !0
+  });
+  return /* @__PURE__ */ f.createElement("div", {
+    ...v(b, d, l),
+    ref: e,
+    slot: i.slot || void 0,
+    "data-focused": o || void 0,
+    "data-orientation": a,
+    "data-focus-visible": n || void 0,
+    "data-disabled": s.isDisabled || void 0
+  }, /* @__PURE__ */ f.createElement(V, {
+    values: [
+      [
+        S,
+        i
+      ],
+      [
+        P,
+        s
+      ]
+    ]
+  }, d.children));
+}
+const Se = /* @__PURE__ */ C(function(e, t) {
+  return x(P) ? /* @__PURE__ */ f.createElement(Te, {
+    props: e,
+    forwardedRef: t
+  }) : /* @__PURE__ */ f.createElement(H, e);
+});
+function Te({ props: i, forwardedRef: e }) {
+  let t = x(P), { CollectionRoot: a } = x(O), { orientation: s = "horizontal", keyboardActivation: l = "automatic" } = ee(S), o = F(e), { tabListProps: n } = xe({
+    ...i,
+    orientation: s,
+    keyboardActivation: l
+  }, t, o), r = D({
+    ...i,
+    children: null,
+    defaultClassName: "react-aria-TabList",
+    values: {
+      orientation: s,
+      state: t
+    }
+  }), d = g(i, {
+    global: !0
+  });
+  return delete d.id, /* @__PURE__ */ f.createElement("div", {
+    ...v(d, r, n),
+    ref: o,
+    "data-orientation": s || void 0
+  }, /* @__PURE__ */ f.createElement(ie, null, /* @__PURE__ */ f.createElement(a, {
+    collection: t.collection,
+    persistedKeys: Z(t.selectionManager.focusedKey)
+  })));
+}
+class j extends le {
+}
+j.type = "item";
+const Fe = /* @__PURE__ */ ae(j, (i, e, t) => {
+  let a = x(P), s = F(e), { tabProps: l, isSelected: o, isDisabled: n, isPressed: r } = me({
+    key: t.key,
+    ...i
+  }, a, s), { focusProps: d, isFocused: b, isFocusVisible: u } = w(), { hoverProps: $, isHovered: h } = $e({
+    isDisabled: n,
+    onHoverStart: i.onHoverStart,
+    onHoverEnd: i.onHoverEnd,
+    onHoverChange: i.onHoverChange
+  }), m = D({
+    ...i,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-Tab",
+    values: {
+      isSelected: o,
+      isDisabled: n,
+      isFocused: b,
+      isFocusVisible: u,
+      isPressed: r,
+      isHovered: h
+    }
+  }), p = t.props.href ? "a" : "div", y = g(i, {
+    global: !0
+  });
+  return delete y.id, delete y.onClick, /* @__PURE__ */ f.createElement(p, {
+    ...v(y, m, l, d, $),
+    ref: s,
+    "data-selected": o || void 0,
+    "data-disabled": n || void 0,
+    "data-focused": b || void 0,
+    "data-focus-visible": u || void 0,
+    "data-pressed": r || void 0,
+    "data-hovered": h || void 0
+  }, /* @__PURE__ */ f.createElement(te.Provider, {
+    value: {
+      isSelected: o
+    }
+  }, m.children));
+}), Ee = /* @__PURE__ */ re(function(e, t) {
+  const a = x(P);
+  let s = F(t), { id: l, ...o } = e, { tabPanelProps: n } = ye(e, a, s), { focusProps: r, isFocused: d, isFocusVisible: b } = w(), u = a.selectedKey === e.id, $ = D({
+    ...e,
+    defaultClassName: "react-aria-TabPanel",
+    values: {
+      isFocused: d,
+      isFocusVisible: b,
+      // @ts-ignore - compatibility with React < 19
+      isInert: M(!u),
+      state: a
+    }
+  });
+  if (!u && !e.shouldForceMount) return null;
+  let h = g(o, {
+    global: !0
+  });
+  delete h.id;
+  let m = u ? v(h, n, r, $) : $;
+  return /* @__PURE__ */ f.createElement("div", {
+    ...m,
+    ref: s,
+    "data-focused": d || void 0,
+    "data-focus-visible": b || void 0,
+    // @ts-ignore
+    inert: M(!u || e.inert),
+    "data-inert": u ? void 0 : "true"
+  }, /* @__PURE__ */ f.createElement(V, {
+    values: [
+      [
+        S,
+        null
+      ],
+      [
+        P,
+        null
+      ]
+    ]
+  }, /* @__PURE__ */ f.createElement(O.Provider, {
+    value: Y
+  }, $.children)));
+}), { withProvider: Ce, withContext: T } = /* @__PURE__ */ he({
+  key: "tabs"
+}), we = /* @__PURE__ */ Ce(
+  "div",
+  "root"
+), Le = /* @__PURE__ */ T(
+  "div",
+  "list"
+), Ne = /* @__PURE__ */ T(
+  "button",
+  "tab"
+), Re = /* @__PURE__ */ T("div", "panels"), ke = /* @__PURE__ */ T("div", "panel"), L = ({ children: i, isDisabled: e, ...t }) => /* @__PURE__ */ c(Ne, { asChild: !0, ...t, children: /* @__PURE__ */ c(Fe, { isDisabled: e, children: i }) });
+L.displayName = "Tabs.Tab";
+const N = ({ tabs: i, children: e, ...t }) => {
+  const [a, s] = ve(t);
+  if (!i && !e)
+    throw new Error(
+      'Tabs.List: Either provide "tabs" prop or "children" must be provided'
+    );
+  return /* @__PURE__ */ c(Le, { ...a, asChild: !0, children: /* @__PURE__ */ c(Se, { items: i, ...s, children: i ? (l) => /* @__PURE__ */ c(L, { id: l.id, isDisabled: l.isDisabled, children: l.tabLabel }, l.id) : e }) });
+};
+N.displayName = "Tabs.List";
+const R = /* @__PURE__ */ C(
+  ({ children: i, ...e }, t) => {
+    if (!i)
+      throw new Error("Tabs.Panel: children prop is required");
+    return /* @__PURE__ */ c(ke, { asChild: !0, ref: t, ...e, children: /* @__PURE__ */ c(Ee, { children: i }) });
+  }
+);
+R.displayName = "Tabs.Panel";
+const k = ({ tabs: i, children: e, ...t }) => {
+  if (!i && !e)
+    throw new Error(
+      'Tabs.Panels: Either provide "items" prop or "children" must be provided'
+    );
+  return /* @__PURE__ */ c(Re, { ...t, children: i ? /* @__PURE__ */ c(H, { items: i, children: (a) => /* @__PURE__ */ c(R, { id: a.id, children: a.panelContent }, a.id) }) : e });
+};
+k.displayName = "Tabs.Panels";
+const U = ({
+  children: i,
+  orientation: e = "horizontal",
+  disabledKeys: t,
+  placement: a = "start",
+  size: s = "md",
+  tabs: l,
+  ...o
+}) => /* @__PURE__ */ c(
+  we,
+  {
+    asChild: !0,
+    orientation: e,
+    placement: a,
+    size: s,
+    ...o,
+    children: /* @__PURE__ */ c(Ke, { disabledKeys: t, ...l, children: i || /* @__PURE__ */ G(J, { children: [
+      /* @__PURE__ */ c(N, { tabs: l }),
+      /* @__PURE__ */ c(k, { tabs: l })
+    ] }) })
+  }
+);
+U.displayName = "Tabs.Root";
+const it = {
+  Root: U,
+  List: N,
+  Tab: L,
+  Panels: k,
+  Panel: R
+};
+export {
+  it as T,
+  U as a,
+  N as b,
+  L as c,
+  k as d,
+  R as e
+};
+//# sourceMappingURL=tabs-Bu_-Hx4D.es.js.map