lynote-ui 0.0.1

package/dist/tabs/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/root/TabsRootContext.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/root/TabsRootDataAttributes.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/root/stateAttributesMapping.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/root/TabsRoot.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/list/TabsListContext.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/tab/TabsTab.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/panel/TabsPanelDataAttributes.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/tabs/list/TabsList.js","../../src/tabs/index.tsx"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\n/**\n * @internal\n */\nexport const TabsRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") TabsRootContext.displayName = \"TabsRootContext\";\nexport function useTabsRootContext() {\n  const context = React.useContext(TabsRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.' : _formatErrorMessage(64));\n  }\n  return context;\n}","export let TabsRootDataAttributes = /*#__PURE__*/function (TabsRootDataAttributes) {\n  /**\n   * Indicates the direction of the activation (based on the previous active tab).\n   * @type {'left' | 'right' | 'up' | 'down' | 'none'}\n   */\n  TabsRootDataAttributes[\"activationDirection\"] = \"data-activation-direction\";\n  /**\n   * Indicates the orientation of the tabs.\n   * @type {'horizontal' | 'vertical'}\n   */\n  TabsRootDataAttributes[\"orientation\"] = \"data-orientation\";\n  return TabsRootDataAttributes;\n}({});","import { TabsRootDataAttributes } from \"./TabsRootDataAttributes.js\";\nexport const tabsStateAttributesMapping = {\n  tabActivationDirection: dir => ({\n    [TabsRootDataAttributes.activationDirection]: dir\n  })\n};","'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { CompositeList } from \"../../composite/list/CompositeList.js\";\nimport { useDirection } from \"../../direction-provider/DirectionContext.js\";\nimport { TabsRootContext } from \"./TabsRootContext.js\";\nimport { tabsStateAttributesMapping } from \"./stateAttributesMapping.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups the tabs and the corresponding panels.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)\n */\nexport const TabsRoot = /*#__PURE__*/React.forwardRef(function TabsRoot(componentProps, forwardedRef) {\n  const {\n    className,\n    defaultValue: defaultValueProp = 0,\n    onValueChange: onValueChangeProp,\n    orientation = 'horizontal',\n    render,\n    value: valueProp,\n    ...elementProps\n  } = componentProps;\n  const direction = useDirection();\n\n  // Track whether the user explicitly provided a `defaultValue` prop.\n  // Used to determine if we should honor a disabled tab selection.\n  const hasExplicitDefaultValueProp = Object.hasOwn(componentProps, 'defaultValue');\n  const tabPanelRefs = React.useRef([]);\n  const [mountedTabPanels, setMountedTabPanels] = React.useState(() => new Map());\n  const [value, setValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValueProp,\n    name: 'Tabs',\n    state: 'value'\n  });\n  const isControlled = valueProp !== undefined;\n  const [tabMap, setTabMap] = React.useState(() => new Map());\n  const [tabActivationDirection, setTabActivationDirection] = React.useState('none');\n  const onValueChange = useStableCallback((newValue, eventDetails) => {\n    onValueChangeProp?.(newValue, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setValue(newValue);\n    setTabActivationDirection(eventDetails.activationDirection);\n  });\n  const registerMountedTabPanel = useStableCallback((panelValue, panelId) => {\n    setMountedTabPanels(prev => {\n      if (prev.get(panelValue) === panelId) {\n        return prev;\n      }\n      const next = new Map(prev);\n      next.set(panelValue, panelId);\n      return next;\n    });\n  });\n  const unregisterMountedTabPanel = useStableCallback((panelValue, panelId) => {\n    setMountedTabPanels(prev => {\n      if (!prev.has(panelValue) || prev.get(panelValue) !== panelId) {\n        return prev;\n      }\n      const next = new Map(prev);\n      next.delete(panelValue);\n      return next;\n    });\n  });\n\n  // get the `id` attribute of <Tabs.Panel> to set as the value of `aria-controls` on <Tabs.Tab>\n  const getTabPanelIdByValue = React.useCallback(tabValue => {\n    return mountedTabPanels.get(tabValue);\n  }, [mountedTabPanels]);\n\n  // get the `id` attribute of <Tabs.Tab> to set as the value of `aria-labelledby` on <Tabs.Panel>\n  const getTabIdByPanelValue = React.useCallback(tabPanelValue => {\n    for (const tabMetadata of tabMap.values()) {\n      if (tabPanelValue === tabMetadata?.value) {\n        return tabMetadata?.id;\n      }\n    }\n    return undefined;\n  }, [tabMap]);\n\n  // used in `useActivationDirectionDetector` for setting data-activation-direction\n  const getTabElementBySelectedValue = React.useCallback(selectedValue => {\n    if (selectedValue === undefined) {\n      return null;\n    }\n    for (const [tabElement, tabMetadata] of tabMap.entries()) {\n      if (tabMetadata != null && selectedValue === (tabMetadata.value ?? tabMetadata.index)) {\n        return tabElement;\n      }\n    }\n    return null;\n  }, [tabMap]);\n  const tabsContextValue = React.useMemo(() => ({\n    direction,\n    getTabElementBySelectedValue,\n    getTabIdByPanelValue,\n    getTabPanelIdByValue,\n    onValueChange,\n    orientation,\n    registerMountedTabPanel,\n    setTabMap,\n    unregisterMountedTabPanel,\n    tabActivationDirection,\n    value\n  }), [direction, getTabElementBySelectedValue, getTabIdByPanelValue, getTabPanelIdByValue, onValueChange, orientation, registerMountedTabPanel, setTabMap, unregisterMountedTabPanel, tabActivationDirection, value]);\n  const selectedTabMetadata = React.useMemo(() => {\n    for (const tabMetadata of tabMap.values()) {\n      if (tabMetadata != null && tabMetadata.value === value) {\n        return tabMetadata;\n      }\n    }\n    return undefined;\n  }, [tabMap, value]);\n\n  // Find the first non-disabled tab value.\n  // Used as a fallback when the current selection is disabled or missing.\n  const firstEnabledTabValue = React.useMemo(() => {\n    for (const tabMetadata of tabMap.values()) {\n      if (tabMetadata != null && !tabMetadata.disabled) {\n        return tabMetadata.value;\n      }\n    }\n    return undefined;\n  }, [tabMap]);\n\n  // Automatically switch to the first enabled tab when:\n  // - The current selection is disabled (and wasn't explicitly set via defaultValue)\n  // - The current selection is missing (tab was removed from DOM)\n  // Falls back to null if all tabs are disabled.\n  useIsoLayoutEffect(() => {\n    if (isControlled || tabMap.size === 0) {\n      return;\n    }\n    const selectionIsDisabled = selectedTabMetadata?.disabled;\n    const selectionIsMissing = selectedTabMetadata == null && value !== null;\n    const shouldHonorExplicitDefaultSelection = hasExplicitDefaultValueProp && selectionIsDisabled && value === defaultValueProp;\n    if (shouldHonorExplicitDefaultSelection) {\n      return;\n    }\n    if (!selectionIsDisabled && !selectionIsMissing) {\n      return;\n    }\n    const fallbackValue = firstEnabledTabValue ?? null;\n    if (value === fallbackValue) {\n      return;\n    }\n    setValue(fallbackValue);\n    setTabActivationDirection('none');\n  }, [defaultValueProp, firstEnabledTabValue, hasExplicitDefaultValueProp, isControlled, selectedTabMetadata, setTabActivationDirection, setValue, tabMap, value]);\n  const state = {\n    orientation,\n    tabActivationDirection\n  };\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: tabsStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(TabsRootContext.Provider, {\n    value: tabsContextValue,\n    children: /*#__PURE__*/_jsx(CompositeList, {\n      elementsRef: tabPanelRefs,\n      children: element\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") TabsRoot.displayName = \"TabsRoot\";","'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const TabsListContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") TabsListContext.displayName = \"TabsListContext\";\nexport function useTabsListContext() {\n  const context = React.useContext(TabsListContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.' : _formatErrorMessage(65));\n  }\n  return context;\n}","'use client';\n\nimport * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { ACTIVE_COMPOSITE_ITEM } from \"../../composite/constants.js\";\nimport { useCompositeItem } from \"../../composite/item/useCompositeItem.js\";\nimport { useTabsRootContext } from \"../root/TabsRootContext.js\";\nimport { useTabsListContext } from \"../list/TabsListContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { activeElement, contains } from \"../../floating-ui-react/utils.js\";\n\n/**\n * An individual interactive tab button that toggles the corresponding panel.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)\n */\nexport const TabsTab = /*#__PURE__*/React.forwardRef(function TabsTab(componentProps, forwardedRef) {\n  const {\n    className,\n    disabled = false,\n    render,\n    value,\n    id: idProp,\n    nativeButton = true,\n    ...elementProps\n  } = componentProps;\n  const {\n    value: activeTabValue,\n    getTabPanelIdByValue,\n    orientation\n  } = useTabsRootContext();\n  const {\n    activateOnFocus,\n    highlightedTabIndex,\n    onTabActivation,\n    registerTabResizeObserverElement,\n    setHighlightedTabIndex,\n    tabsListElement\n  } = useTabsListContext();\n  const id = useBaseUiId(idProp);\n  const tabMetadata = React.useMemo(() => ({\n    disabled,\n    id,\n    value\n  }), [disabled, id, value]);\n  const {\n    compositeProps,\n    compositeRef,\n    index\n    // hook is used instead of the CompositeItem component\n    // because the index is needed for Tab internals\n  } = useCompositeItem({\n    metadata: tabMetadata\n  });\n  const active = value === activeTabValue;\n  const isNavigatingRef = React.useRef(false);\n  const tabElementRef = React.useRef(null);\n  React.useEffect(() => {\n    const tabElement = tabElementRef.current;\n    if (!tabElement) {\n      return undefined;\n    }\n    return registerTabResizeObserverElement(tabElement);\n  }, [registerTabResizeObserverElement]);\n\n  // Keep the highlighted item in sync with the currently active tab\n  // when the value prop changes externally (controlled mode)\n  useIsoLayoutEffect(() => {\n    if (isNavigatingRef.current) {\n      isNavigatingRef.current = false;\n      return;\n    }\n    if (!(active && index > -1 && highlightedTabIndex !== index)) {\n      return;\n    }\n\n    // If focus is currently within the tabs list, don't override the roving\n    // focus highlight. This keeps keyboard navigation relative to the focused\n    // item after an external/asynchronous selection change.\n    const listElement = tabsListElement;\n    if (listElement != null) {\n      const activeEl = activeElement(ownerDocument(listElement));\n      if (activeEl && contains(listElement, activeEl)) {\n        return;\n      }\n    }\n\n    // Don't highlight disabled tabs to prevent them from interfering with keyboard navigation.\n    // Keyboard focus (tabIndex) should remain on an enabled tab even when a disabled tab is selected.\n    if (!disabled) {\n      setHighlightedTabIndex(index);\n    }\n  }, [active, index, highlightedTabIndex, setHighlightedTabIndex, disabled, tabsListElement]);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton,\n    focusableWhenDisabled: true\n  });\n  const tabPanelId = getTabPanelIdByValue(value);\n  const isPressingRef = React.useRef(false);\n  const isMainButtonRef = React.useRef(false);\n  function onClick(event) {\n    if (active || disabled) {\n      return;\n    }\n    onTabActivation(value, createChangeEventDetails(REASONS.none, event.nativeEvent, undefined, {\n      activationDirection: 'none'\n    }));\n  }\n  function onFocus(event) {\n    if (active) {\n      return;\n    }\n\n    // Only highlight enabled tabs when focused (disabled tabs remain focusable via focusableWhenDisabled).\n    if (index > -1 && !disabled) {\n      setHighlightedTabIndex(index);\n    }\n    if (disabled) {\n      return;\n    }\n    if (activateOnFocus && (!isPressingRef.current ||\n    // keyboard or touch focus\n    isPressingRef.current && isMainButtonRef.current) // mouse focus\n    ) {\n      onTabActivation(value, createChangeEventDetails(REASONS.none, event.nativeEvent, undefined, {\n        activationDirection: 'none'\n      }));\n    }\n  }\n  function onPointerDown(event) {\n    if (active || disabled) {\n      return;\n    }\n    isPressingRef.current = true;\n    function handlePointerUp() {\n      isPressingRef.current = false;\n      isMainButtonRef.current = false;\n    }\n    if (!event.button || event.button === 0) {\n      isMainButtonRef.current = true;\n      const doc = ownerDocument(event.currentTarget);\n      doc.addEventListener('pointerup', handlePointerUp, {\n        once: true\n      });\n    }\n  }\n  const state = {\n    disabled,\n    active,\n    orientation\n  };\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [forwardedRef, buttonRef, compositeRef, tabElementRef],\n    props: [compositeProps, {\n      role: 'tab',\n      'aria-controls': tabPanelId,\n      'aria-selected': active,\n      id,\n      onClick,\n      onFocus,\n      onPointerDown,\n      [ACTIVE_COMPOSITE_ITEM]: active ? '' : undefined,\n      onKeyDownCapture() {\n        isNavigatingRef.current = true;\n      }\n    }, elementProps, getButtonProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") TabsTab.displayName = \"TabsTab\";","import { TransitionStatusDataAttributes } from \"../../utils/stateAttributesMapping.js\";\nexport let TabsPanelDataAttributes = function (TabsPanelDataAttributes) {\n  /**\n   * Indicates the index of the tab panel.\n   */\n  TabsPanelDataAttributes[\"index\"] = \"data-index\";\n  /**\n   * Indicates the direction of the activation (based on the previous active tab).\n   * @type {'left' | 'right' | 'up' | 'down' | 'none'}\n   */\n  TabsPanelDataAttributes[\"activationDirection\"] = \"data-activation-direction\";\n  /**\n   * Indicates the orientation of the tabs.\n   * @type {'horizontal' | 'vertical'}\n   */\n  TabsPanelDataAttributes[\"orientation\"] = \"data-orientation\";\n  /**\n   * Present when the panel is hidden.\n   */\n  TabsPanelDataAttributes[\"hidden\"] = \"data-hidden\";\n  /**\n   * Present when the panel is animating in.\n   */\n  TabsPanelDataAttributes[TabsPanelDataAttributes[\"startingStyle\"] = TransitionStatusDataAttributes.startingStyle] = \"startingStyle\";\n  /**\n   * Present when the panel is animating out.\n   */\n  TabsPanelDataAttributes[TabsPanelDataAttributes[\"endingStyle\"] = TransitionStatusDataAttributes.endingStyle] = \"endingStyle\";\n  return TabsPanelDataAttributes;\n}({});","'use client';\n\nimport * as React from 'react';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCompositeListItem } from \"../../composite/list/useCompositeListItem.js\";\nimport { tabsStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useTabsRootContext } from \"../root/TabsRootContext.js\";\nimport { TabsPanelDataAttributes } from \"./TabsPanelDataAttributes.js\";\nconst stateAttributesMapping = {\n  ...tabsStateAttributesMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A panel displayed when the corresponding tab is active.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)\n */\nexport const TabsPanel = /*#__PURE__*/React.forwardRef(function TabPanel(componentProps, forwardedRef) {\n  const {\n    className,\n    value,\n    render,\n    keepMounted = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    value: selectedValue,\n    getTabIdByPanelValue,\n    orientation,\n    tabActivationDirection,\n    registerMountedTabPanel,\n    unregisterMountedTabPanel\n  } = useTabsRootContext();\n  const id = useBaseUiId();\n  const metadata = React.useMemo(() => ({\n    id,\n    value\n  }), [id, value]);\n  const {\n    ref: listItemRef,\n    index\n  } = useCompositeListItem({\n    metadata\n  });\n  const open = value === selectedValue;\n  const {\n    mounted,\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(open);\n  const hidden = !mounted;\n  const correspondingTabId = getTabIdByPanelValue(value);\n  const state = {\n    hidden,\n    orientation,\n    tabActivationDirection,\n    transitionStatus\n  };\n  const panelRef = React.useRef(null);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, listItemRef, panelRef],\n    props: [{\n      'aria-labelledby': correspondingTabId,\n      hidden,\n      id,\n      role: 'tabpanel',\n      tabIndex: open ? 0 : -1,\n      inert: inertValue(!open),\n      [TabsPanelDataAttributes.index]: index\n    }, elementProps],\n    stateAttributesMapping\n  });\n  useOpenChangeComplete({\n    open,\n    ref: panelRef,\n    onComplete() {\n      if (!open) {\n        setMounted(false);\n      }\n    }\n  });\n  useIsoLayoutEffect(() => {\n    if (hidden && !keepMounted) {\n      return undefined;\n    }\n    if (id == null) {\n      return undefined;\n    }\n    registerMountedTabPanel(value, id);\n    return () => {\n      unregisterMountedTabPanel(value, id);\n    };\n  }, [hidden, keepMounted, value, id, registerMountedTabPanel, unregisterMountedTabPanel]);\n  const shouldRender = keepMounted || mounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") TabsPanel.displayName = \"TabsPanel\";","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { CompositeRoot } from \"../../composite/root/CompositeRoot.js\";\nimport { tabsStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useTabsRootContext } from \"../root/TabsRootContext.js\";\nimport { TabsListContext } from \"./TabsListContext.js\";\nimport { EMPTY_ARRAY } from \"../../utils/constants.js\";\n\n/**\n * Groups the individual tab buttons.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Tabs](https://base-ui.com/react/components/tabs)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TabsList = /*#__PURE__*/React.forwardRef(function TabsList(componentProps, forwardedRef) {\n  const {\n    activateOnFocus = false,\n    className,\n    loopFocus = true,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    getTabElementBySelectedValue,\n    onValueChange,\n    orientation,\n    value,\n    setTabMap,\n    tabActivationDirection\n  } = useTabsRootContext();\n  const [highlightedTabIndex, setHighlightedTabIndex] = React.useState(0);\n  const [tabsListElement, setTabsListElement] = React.useState(null);\n  const indicatorUpdateListenersRef = React.useRef(new Set());\n  const tabResizeObserverElementsRef = React.useRef(new Set());\n  const resizeObserverRef = React.useRef(null);\n  const notifyIndicatorUpdateListeners = useStableCallback(() => {\n    indicatorUpdateListenersRef.current.forEach(listener => {\n      listener();\n    });\n  });\n  React.useEffect(() => {\n    if (typeof ResizeObserver === 'undefined') {\n      return undefined;\n    }\n    const resizeObserver = new ResizeObserver(() => {\n      if (!indicatorUpdateListenersRef.current.size) {\n        return;\n      }\n      notifyIndicatorUpdateListeners();\n    });\n    resizeObserverRef.current = resizeObserver;\n    if (tabsListElement) {\n      resizeObserver.observe(tabsListElement);\n    }\n    tabResizeObserverElementsRef.current.forEach(element => {\n      resizeObserver.observe(element);\n    });\n    return () => {\n      resizeObserver.disconnect();\n      resizeObserverRef.current = null;\n    };\n  }, [tabsListElement, notifyIndicatorUpdateListeners]);\n  const registerIndicatorUpdateListener = useStableCallback(listener => {\n    indicatorUpdateListenersRef.current.add(listener);\n    return () => {\n      indicatorUpdateListenersRef.current.delete(listener);\n    };\n  });\n  const registerTabResizeObserverElement = useStableCallback(element => {\n    tabResizeObserverElementsRef.current.add(element);\n    resizeObserverRef.current?.observe(element);\n    return () => {\n      tabResizeObserverElementsRef.current.delete(element);\n      resizeObserverRef.current?.unobserve(element);\n    };\n  });\n  const detectActivationDirection = useActivationDirectionDetector(value,\n  // the old value\n  orientation, tabsListElement, getTabElementBySelectedValue);\n  const onTabActivation = useStableCallback((newValue, eventDetails) => {\n    if (newValue !== value) {\n      const activationDirection = detectActivationDirection(newValue);\n      eventDetails.activationDirection = activationDirection;\n      onValueChange(newValue, eventDetails);\n    }\n  });\n  const state = {\n    orientation,\n    tabActivationDirection\n  };\n  const defaultProps = {\n    'aria-orientation': orientation === 'vertical' ? 'vertical' : undefined,\n    role: 'tablist'\n  };\n  const tabsListContextValue = React.useMemo(() => ({\n    activateOnFocus,\n    highlightedTabIndex,\n    registerIndicatorUpdateListener,\n    registerTabResizeObserverElement,\n    onTabActivation,\n    setHighlightedTabIndex,\n    tabsListElement\n  }), [activateOnFocus, highlightedTabIndex, registerIndicatorUpdateListener, registerTabResizeObserverElement, onTabActivation, setHighlightedTabIndex, tabsListElement]);\n  return /*#__PURE__*/_jsx(TabsListContext.Provider, {\n    value: tabsListContextValue,\n    children: /*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      refs: [forwardedRef, setTabsListElement],\n      props: [defaultProps, elementProps],\n      stateAttributesMapping: tabsStateAttributesMapping,\n      highlightedIndex: highlightedTabIndex,\n      enableHomeAndEndKeys: true,\n      loopFocus: loopFocus,\n      orientation: orientation,\n      onHighlightedIndexChange: setHighlightedTabIndex,\n      onMapChange: setTabMap,\n      disabledIndices: EMPTY_ARRAY\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") TabsList.displayName = \"TabsList\";\nfunction getInset(tab, tabsList) {\n  const {\n    left: tabLeft,\n    top: tabTop\n  } = tab.getBoundingClientRect();\n  const {\n    left: listLeft,\n    top: listTop\n  } = tabsList.getBoundingClientRect();\n  const left = tabLeft - listLeft;\n  const top = tabTop - listTop;\n  return {\n    left,\n    top\n  };\n}\nfunction useActivationDirectionDetector(\n// the old value\nactiveTabValue, orientation, tabsListElement, getTabElement) {\n  const [previousTabEdge, setPreviousTabEdge] = React.useState(null);\n  useIsoLayoutEffect(() => {\n    // Whenever orientation changes, reset the state.\n    if (activeTabValue == null || tabsListElement == null) {\n      setPreviousTabEdge(null);\n      return;\n    }\n    const activeTab = getTabElement(activeTabValue);\n    if (activeTab == null) {\n      setPreviousTabEdge(null);\n      return;\n    }\n    const {\n      left,\n      top\n    } = getInset(activeTab, tabsListElement);\n    setPreviousTabEdge(orientation === 'horizontal' ? left : top);\n  }, [orientation, getTabElement, tabsListElement, activeTabValue]);\n  return React.useCallback(newValue => {\n    if (newValue === activeTabValue) {\n      return 'none';\n    }\n    if (newValue == null) {\n      setPreviousTabEdge(null);\n      return 'none';\n    }\n    if (newValue != null && tabsListElement != null) {\n      const activeTabElement = getTabElement(newValue);\n      if (activeTabElement != null) {\n        const {\n          left,\n          top\n        } = getInset(activeTabElement, tabsListElement);\n        if (previousTabEdge == null) {\n          setPreviousTabEdge(orientation === 'horizontal' ? left : top);\n          return 'none';\n        }\n        if (orientation === 'horizontal') {\n          if (left < previousTabEdge) {\n            setPreviousTabEdge(left);\n            return 'left';\n          }\n          if (left > previousTabEdge) {\n            setPreviousTabEdge(left);\n            return 'right';\n          }\n        } else if (top < previousTabEdge) {\n          setPreviousTabEdge(top);\n          return 'up';\n        } else if (top > previousTabEdge) {\n          setPreviousTabEdge(top);\n          return 'down';\n        }\n      }\n    }\n    return 'none';\n  }, [getTabElement, orientation, previousTabEdge, tabsListElement, activeTabValue]);\n}","\"use client\"\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-horizontal:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["_formatErrorMessage","TabsRootDataAttributes","TabsRoot","_jsx","TabsTab","REASONS.none","TabsPanelDataAttributes","TabsList","_a","jsx","TabsPrimitive.Root","TabsPrimitive.List","TabsPrimitive.Tab","TabsPrimitive.Panel"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,MAAM,kBAA+B,sBAAM,cAAc,MAAS;AACzE,IAAI,QAAQ,IAAI,aAAa,aAAc,iBAAgB,cAAc;AAClE,SAAS,qBAAqB;AACnC,QAAM,UAAU,MAAM,WAAW,eAAe;AAChD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,uFAAuFA,mBAAoB,EAAE,CAAC;AAAA,EACxK;AACA,SAAO;AACT;ACfO,IAAI,yBAAsC,0BAAUC,yBAAwB;AAKjF,EAAAA,wBAAuB,qBAAqB,IAAI;AAKhD,EAAAA,wBAAuB,aAAa,IAAI;AACxC,SAAOA;AACT,GAAE,EAAE;ACXG,MAAM,6BAA6B;AAAA,EACxC,wBAAwB,UAAQ;AAAA,IAC9B,CAAC,uBAAuB,mBAAmB,GAAG;AAAA,EAClD;AACA;ACaO,MAAM,WAAwB,sBAAM,WAAW,SAASC,UAAS,gBAAgB,cAAc;AACpG,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,mBAAmB;AAAA,IACjC,eAAe;AAAA,IACf,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACP,IAAM;AACJ,QAAM,YAAY,aAAY;AAI9B,QAAM,8BAA8B,OAAO,OAAO,gBAAgB,cAAc;AAChF,QAAM,eAAe,MAAM,OAAO,EAAE;AACpC,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,MAAM,oBAAI,KAAK;AAC9E,QAAM,CAAC,OAAO,QAAQ,IAAI,cAAc;AAAA,IACtC,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EACX,CAAG;AACD,QAAM,eAAe,cAAc;AACnC,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,MAAM,oBAAI,KAAK;AAC1D,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,MAAM,SAAS,MAAM;AACjF,QAAM,gBAAgB,kBAAkB,CAAC,UAAU,iBAAiB;AAClE,2DAAoB,UAAU;AAC9B,QAAI,aAAa,YAAY;AAC3B;AAAA,IACF;AACA,aAAS,QAAQ;AACjB,8BAA0B,aAAa,mBAAmB;AAAA,EAC5D,CAAC;AACD,QAAM,0BAA0B,kBAAkB,CAAC,YAAY,YAAY;AACzE,wBAAoB,UAAQ;AAC1B,UAAI,KAAK,IAAI,UAAU,MAAM,SAAS;AACpC,eAAO;AAAA,MACT;AACA,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,WAAK,IAAI,YAAY,OAAO;AAC5B,aAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACD,QAAM,4BAA4B,kBAAkB,CAAC,YAAY,YAAY;AAC3E,wBAAoB,UAAQ;AAC1B,UAAI,CAAC,KAAK,IAAI,UAAU,KAAK,KAAK,IAAI,UAAU,MAAM,SAAS;AAC7D,eAAO;AAAA,MACT;AACA,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,WAAK,OAAO,UAAU;AACtB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AAGD,QAAM,uBAAuB,MAAM,YAAY,cAAY;AACzD,WAAO,iBAAiB,IAAI,QAAQ;AAAA,EACtC,GAAG,CAAC,gBAAgB,CAAC;AAGrB,QAAM,uBAAuB,MAAM,YAAY,mBAAiB;AAC9D,eAAW,eAAe,OAAO,UAAU;AACzC,UAAI,mBAAkB,2CAAa,QAAO;AACxC,eAAO,2CAAa;AAAA,MACtB;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAGX,QAAM,+BAA+B,MAAM,YAAY,mBAAiB;AACtE,QAAI,kBAAkB,QAAW;AAC/B,aAAO;AAAA,IACT;AACA,eAAW,CAAC,YAAY,WAAW,KAAK,OAAO,QAAO,GAAI;AACxD,UAAI,eAAe,QAAQ,mBAAmB,YAAY,SAAS,YAAY,QAAQ;AACrF,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AACX,QAAM,mBAAmB,MAAM,QAAQ,OAAO;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,CAAC,WAAW,8BAA8B,sBAAsB,sBAAsB,eAAe,aAAa,yBAAyB,WAAW,2BAA2B,wBAAwB,KAAK,CAAC;AACnN,QAAM,sBAAsB,MAAM,QAAQ,MAAM;AAC9C,eAAW,eAAe,OAAO,UAAU;AACzC,UAAI,eAAe,QAAQ,YAAY,UAAU,OAAO;AACtD,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,KAAK,CAAC;AAIlB,QAAM,uBAAuB,MAAM,QAAQ,MAAM;AAC/C,eAAW,eAAe,OAAO,UAAU;AACzC,UAAI,eAAe,QAAQ,CAAC,YAAY,UAAU;AAChD,eAAO,YAAY;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAMX,qBAAmB,MAAM;AACvB,QAAI,gBAAgB,OAAO,SAAS,GAAG;AACrC;AAAA,IACF;AACA,UAAM,sBAAsB,2DAAqB;AACjD,UAAM,qBAAqB,uBAAuB,QAAQ,UAAU;AACpE,UAAM,sCAAsC,+BAA+B,uBAAuB,UAAU;AAC5G,QAAI,qCAAqC;AACvC;AAAA,IACF;AACA,QAAI,CAAC,uBAAuB,CAAC,oBAAoB;AAC/C;AAAA,IACF;AACA,UAAM,gBAAgB,wBAAwB;AAC9C,QAAI,UAAU,eAAe;AAC3B;AAAA,IACF;AACA,aAAS,aAAa;AACtB,8BAA0B,MAAM;AAAA,EAClC,GAAG,CAAC,kBAAkB,sBAAsB,6BAA6B,cAAc,qBAAqB,2BAA2B,UAAU,QAAQ,KAAK,CAAC;AAC/J,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,EACJ;AACE,QAAM,UAAU,iBAAiB,OAAO,gBAAgB;AAAA,IACtD;AAAA,IACA,KAAK;AAAA,IACL,OAAO;AAAA,IACP,wBAAwB;AAAA,EAC5B,CAAG;AACD,SAAoBC,kCAAAA,IAAK,gBAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP,UAAuBA,kCAAAA,IAAK,eAAe;AAAA,MACzC,aAAa;AAAA,MACb,UAAU;AAAA,IAChB,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAc,UAAS,cAAc;AC3K3D,MAAM,kBAA+B,sBAAM,cAAc,MAAS;AACzE,IAAI,QAAQ,IAAI,aAAa,aAAc,iBAAgB,cAAc;AAClE,SAAS,qBAAqB;AACnC,QAAM,UAAU,MAAM,WAAW,eAAe;AAChD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,2FAA2FH,mBAAoB,EAAE,CAAC;AAAA,EAC5K;AACA,SAAO;AACT;ACUO,MAAM,UAAuB,sBAAM,WAAW,SAASI,SAAQ,gBAAgB,cAAc;AAClG,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ,eAAe;AAAA,IACf,GAAG;AAAA,EACP,IAAM;AACJ,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACJ,IAAM,mBAAkB;AACtB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,mBAAkB;AACtB,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,cAAc,MAAM,QAAQ,OAAO;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,CAAC,UAAU,IAAI,KAAK,CAAC;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,EAGJ,IAAM,iBAAiB;AAAA,IACnB,UAAU;AAAA,EACd,CAAG;AACD,QAAM,SAAS,UAAU;AACzB,QAAM,kBAAkB,MAAM,OAAO,KAAK;AAC1C,QAAM,gBAAgB,MAAM,OAAO,IAAI;AACvC,QAAM,UAAU,MAAM;AACpB,UAAM,aAAa,cAAc;AACjC,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AACA,WAAO,iCAAiC,UAAU;AAAA,EACpD,GAAG,CAAC,gCAAgC,CAAC;AAIrC,qBAAmB,MAAM;AACvB,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,UAAU;AAC1B;AAAA,IACF;AACA,QAAI,EAAE,UAAU,QAAQ,MAAM,wBAAwB,QAAQ;AAC5D;AAAA,IACF;AAKA,UAAM,cAAc;AACpB,QAAI,eAAe,MAAM;AACvB,YAAM,WAAW,cAAc,cAAc,WAAW,CAAC;AACzD,UAAI,YAAY,SAAS,aAAa,QAAQ,GAAG;AAC/C;AAAA,MACF;AAAA,IACF;AAIA,QAAI,CAAC,UAAU;AACb,6BAAuB,KAAK;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,qBAAqB,wBAAwB,UAAU,eAAe,CAAC;AAC1F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACJ,IAAM,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,IACR,uBAAuB;AAAA,EAC3B,CAAG;AACD,QAAM,aAAa,qBAAqB,KAAK;AAC7C,QAAM,gBAAgB,MAAM,OAAO,KAAK;AACxC,QAAM,kBAAkB,MAAM,OAAO,KAAK;AAC1C,WAAS,QAAQ,OAAO;AACtB,QAAI,UAAU,UAAU;AACtB;AAAA,IACF;AACA,oBAAgB,OAAO,yBAAyBC,MAAc,MAAM,aAAa,QAAW;AAAA,MAC1F,qBAAqB;AAAA,IAC3B,CAAK,CAAC;AAAA,EACJ;AACA,WAAS,QAAQ,OAAO;AACtB,QAAI,QAAQ;AACV;AAAA,IACF;AAGA,QAAI,QAAQ,MAAM,CAAC,UAAU;AAC3B,6BAAuB,KAAK;AAAA,IAC9B;AACA,QAAI,UAAU;AACZ;AAAA,IACF;AACA,QAAI,oBAAoB,CAAC,cAAc;AAAA,IAEvC,cAAc,WAAW,gBAAgB,UACvC;AACA,sBAAgB,OAAO,yBAAyBA,MAAc,MAAM,aAAa,QAAW;AAAA,QAC1F,qBAAqB;AAAA,MAC7B,CAAO,CAAC;AAAA,IACJ;AAAA,EACF;AACA,WAAS,cAAc,OAAO;AAC5B,QAAI,UAAU,UAAU;AACtB;AAAA,IACF;AACA,kBAAc,UAAU;AACxB,aAAS,kBAAkB;AACzB,oBAAc,UAAU;AACxB,sBAAgB,UAAU;AAAA,IAC5B;AACA,QAAI,CAAC,MAAM,UAAU,MAAM,WAAW,GAAG;AACvC,sBAAgB,UAAU;AAC1B,YAAM,MAAM,cAAc,MAAM,aAAa;AAC7C,UAAI,iBAAiB,aAAa,iBAAiB;AAAA,QACjD,MAAM;AAAA,MACd,CAAO;AAAA,IACH;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACE,QAAM,UAAU,iBAAiB,UAAU,gBAAgB;AAAA,IACzD;AAAA,IACA,KAAK,CAAC,cAAc,WAAW,cAAc,aAAa;AAAA,IAC1D,OAAO,CAAC,gBAAgB;AAAA,MACtB,MAAM;AAAA,MACN,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,CAAC,qBAAqB,GAAG,SAAS,KAAK;AAAA,MACvC,mBAAmB;AACjB,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACN,GAAO,cAAc,cAAc;AAAA,EACnC,CAAG;AACD,SAAO;AACT,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAc,SAAQ,cAAc;ACnL1D,IAAI,2BAA0B,SAAUC,0BAAyB;AAItE,EAAAA,yBAAwB,OAAO,IAAI;AAKnC,EAAAA,yBAAwB,qBAAqB,IAAI;AAKjD,EAAAA,yBAAwB,aAAa,IAAI;AAIzC,EAAAA,yBAAwB,QAAQ,IAAI;AAIpC,EAAAA,yBAAwBA,yBAAwB,eAAe,IAAI,+BAA+B,aAAa,IAAI;AAInH,EAAAA,yBAAwBA,yBAAwB,aAAa,IAAI,+BAA+B,WAAW,IAAI;AAC/G,SAAOA;AACT,GAAE,EAAE;ACfJ,MAAM,yBAAyB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AACL;AAQO,MAAM,YAAyB,sBAAM,WAAW,SAAS,SAAS,gBAAgB,cAAc;AACrG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACP,IAAM;AACJ,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,mBAAkB;AACtB,QAAM,KAAK,YAAW;AACtB,QAAM,WAAW,MAAM,QAAQ,OAAO;AAAA,IACpC;AAAA,IACA;AAAA,EACJ,IAAM,CAAC,IAAI,KAAK,CAAC;AACf,QAAM;AAAA,IACJ,KAAK;AAAA,IACL;AAAA,EACJ,IAAM,qBAAqB;AAAA,IACvB;AAAA,EACJ,CAAG;AACD,QAAM,OAAO,UAAU;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,oBAAoB,IAAI;AAC5B,QAAM,SAAS,CAAC;AAChB,QAAM,qBAAqB,qBAAqB,KAAK;AACrD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACE,QAAM,WAAW,MAAM,OAAO,IAAI;AAClC,QAAM,UAAU,iBAAiB,OAAO,gBAAgB;AAAA,IACtD;AAAA,IACA,KAAK,CAAC,cAAc,aAAa,QAAQ;AAAA,IACzC,OAAO,CAAC;AAAA,MACN,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,UAAU,OAAO,IAAI;AAAA,MACrB,OAAO,WAAW,CAAC,IAAI;AAAA,MACvB,CAAC,wBAAwB,KAAK,GAAG;AAAA,IACvC,GAAO,YAAY;AAAA,IACf;AAAA,EACJ,CAAG;AACD,wBAAsB;AAAA,IACpB;AAAA,IACA,KAAK;AAAA,IACL,aAAa;AACX,UAAI,CAAC,MAAM;AACT,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA,EACJ,CAAG;AACD,qBAAmB,MAAM;AACvB,QAAI,UAAU,CAAC,aAAa;AAC1B,aAAO;AAAA,IACT;AACA,QAAI,MAAM,MAAM;AACd,aAAO;AAAA,IACT;AACA,4BAAwB,OAAO,EAAE;AACjC,WAAO,MAAM;AACX,gCAA0B,OAAO,EAAE;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,QAAQ,aAAa,OAAO,IAAI,yBAAyB,yBAAyB,CAAC;AACvF,QAAM,eAAe,eAAe;AACpC,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,SAAO;AACT,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAc,WAAU,cAAc;AC1F5D,MAAMC,aAAwB,sBAAM,WAAW,SAAS,SAAS,gBAAgB,cAAc;AACpG,QAAM;AAAA,IACJ,kBAAkB;AAAA,IAClB;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACP,IAAM;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,mBAAkB;AACtB,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAAS,CAAC;AACtE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,IAAI;AACjE,QAAM,8BAA8B,MAAM,OAAO,oBAAI,IAAG,CAAE;AAC1D,QAAM,+BAA+B,MAAM,OAAO,oBAAI,IAAG,CAAE;AAC3D,QAAM,oBAAoB,MAAM,OAAO,IAAI;AAC3C,QAAM,iCAAiC,kBAAkB,MAAM;AAC7D,gCAA4B,QAAQ,QAAQ,cAAY;AACtD,eAAQ;AAAA,IACV,CAAC;AAAA,EACH,CAAC;AACD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,mBAAmB,aAAa;AACzC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,UAAI,CAAC,4BAA4B,QAAQ,MAAM;AAC7C;AAAA,MACF;AACA,qCAA8B;AAAA,IAChC,CAAC;AACD,sBAAkB,UAAU;AAC5B,QAAI,iBAAiB;AACnB,qBAAe,QAAQ,eAAe;AAAA,IACxC;AACA,iCAA6B,QAAQ,QAAQ,aAAW;AACtD,qBAAe,QAAQ,OAAO;AAAA,IAChC,CAAC;AACD,WAAO,MAAM;AACX,qBAAe,WAAU;AACzB,wBAAkB,UAAU;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,iBAAiB,8BAA8B,CAAC;AACpD,QAAM,kCAAkC,kBAAkB,cAAY;AACpE,gCAA4B,QAAQ,IAAI,QAAQ;AAChD,WAAO,MAAM;AACX,kCAA4B,QAAQ,OAAO,QAAQ;AAAA,IACrD;AAAA,EACF,CAAC;AACD,QAAM,mCAAmC,kBAAkB,aAAW;;AACpE,iCAA6B,QAAQ,IAAI,OAAO;AAChD,4BAAkB,YAAlB,mBAA2B,QAAQ;AACnC,WAAO,MAAM;;AACX,mCAA6B,QAAQ,OAAO,OAAO;AACnD,OAAAC,MAAA,kBAAkB,YAAlB,gBAAAA,IAA2B,UAAU;AAAA,IACvC;AAAA,EACF,CAAC;AACD,QAAM,4BAA4B;AAAA,IAA+B;AAAA;AAAA,IAEjE;AAAA,IAAa;AAAA,IAAiB;AAAA,EAA4B;AAC1D,QAAM,kBAAkB,kBAAkB,CAAC,UAAU,iBAAiB;AACpE,QAAI,aAAa,OAAO;AACtB,YAAM,sBAAsB,0BAA0B,QAAQ;AAC9D,mBAAa,sBAAsB;AACnC,oBAAc,UAAU,YAAY;AAAA,IACtC;AAAA,EACF,CAAC;AACD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,EACJ;AACE,QAAM,eAAe;AAAA,IACnB,oBAAoB,gBAAgB,aAAa,aAAa;AAAA,IAC9D,MAAM;AAAA,EACV;AACE,QAAM,uBAAuB,MAAM,QAAQ,OAAO;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAM,CAAC,iBAAiB,qBAAqB,iCAAiC,kCAAkC,iBAAiB,wBAAwB,eAAe,CAAC;AACvK,SAAoBL,kCAAAA,IAAK,gBAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP,UAAuBA,kCAAAA,IAAK,eAAe;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,CAAC,cAAc,kBAAkB;AAAA,MACvC,OAAO,CAAC,cAAc,YAAY;AAAA,MAClC,wBAAwB;AAAA,MACxB,kBAAkB;AAAA,MAClB,sBAAsB;AAAA,MACtB;AAAA,MACA;AAAA,MACA,0BAA0B;AAAA,MAC1B,aAAa;AAAA,MACb,iBAAiB;AAAA,IACvB,CAAK;AAAA,EACL,CAAG;AACH,CAAC;AACD,IAAI,QAAQ,IAAI,aAAa,aAAcI,YAAS,cAAc;AAClE,SAAS,SAAS,KAAK,UAAU;AAC/B,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,KAAK;AAAA,EACT,IAAM,IAAI,sBAAqB;AAC7B,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,KAAK;AAAA,EACT,IAAM,SAAS,sBAAqB;AAClC,QAAM,OAAO,UAAU;AACvB,QAAM,MAAM,SAAS;AACrB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACJ;AACA;AACA,SAAS,+BAET,gBAAgB,aAAa,iBAAiB,eAAe;AAC3D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,IAAI;AACjE,qBAAmB,MAAM;AAEvB,QAAI,kBAAkB,QAAQ,mBAAmB,MAAM;AACrD,yBAAmB,IAAI;AACvB;AAAA,IACF;AACA,UAAM,YAAY,cAAc,cAAc;AAC9C,QAAI,aAAa,MAAM;AACrB,yBAAmB,IAAI;AACvB;AAAA,IACF;AACA,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACN,IAAQ,SAAS,WAAW,eAAe;AACvC,uBAAmB,gBAAgB,eAAe,OAAO,GAAG;AAAA,EAC9D,GAAG,CAAC,aAAa,eAAe,iBAAiB,cAAc,CAAC;AAChE,SAAO,MAAM,YAAY,cAAY;AACnC,QAAI,aAAa,gBAAgB;AAC/B,aAAO;AAAA,IACT;AACA,QAAI,YAAY,MAAM;AACpB,yBAAmB,IAAI;AACvB,aAAO;AAAA,IACT;AACA,QAAI,YAAY,QAAQ,mBAAmB,MAAM;AAC/C,YAAM,mBAAmB,cAAc,QAAQ;AAC/C,UAAI,oBAAoB,MAAM;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,QACV,IAAY,SAAS,kBAAkB,eAAe;AAC9C,YAAI,mBAAmB,MAAM;AAC3B,6BAAmB,gBAAgB,eAAe,OAAO,GAAG;AAC5D,iBAAO;AAAA,QACT;AACA,YAAI,gBAAgB,cAAc;AAChC,cAAI,OAAO,iBAAiB;AAC1B,+BAAmB,IAAI;AACvB,mBAAO;AAAA,UACT;AACA,cAAI,OAAO,iBAAiB;AAC1B,+BAAmB,IAAI;AACvB,mBAAO;AAAA,UACT;AAAA,QACF,WAAW,MAAM,iBAAiB;AAChC,6BAAmB,GAAG;AACtB,iBAAO;AAAA,QACT,WAAW,MAAM,iBAAiB;AAChC,6BAAmB,GAAG;AACtB,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,aAAa,iBAAiB,iBAAiB,cAAc,CAAC;AACnF;ACpMA,SAAS,KAAK;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAA6B;AAC3B,SACEE,kCAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASH,UAAS;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAqE;AACnE,SACEE,kCAAAA;AAAAA,IAACE;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;AACrE,SACEF,kCAAAA;AAAAA,IAACG;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoC;AACvE,SACEH,kCAAAA;AAAAA,IAACI;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}

package/dist/textarea/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/textarea/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const utils = require("../utils-ij3i9zTT.js");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: utils.cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+exports.Textarea = Textarea;
+//# sourceMappingURL=index.js.map

package/dist/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/textarea/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["jsx","cn"],"mappings":";;;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,SACEA,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}

package/dist/textarea/index.mjs

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Textarea
+};
+//# sourceMappingURL=index.mjs.map

package/dist/textarea/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/textarea/index.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../lib\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["jsx"],"mappings":";;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;AAC3E,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/toggle/index.d.ts

@@ -0,0 +1,9 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

package/dist/toggle/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../jsx-runtime-CPzt8Nmm.js");
+require("class-variance-authority");
+const toggle = require("../index-zBgD3uv6.js");
+require("../utils-ij3i9zTT.js");
+exports.Toggle = toggle.Toggle;
+exports.toggleVariants = toggle.toggleVariants;
+//# sourceMappingURL=index.js.map

package/dist/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/toggle/index.mjs

@@ -0,0 +1,9 @@
+import "../jsx-runtime-Dog7MAYX.mjs";
+import "class-variance-authority";
+import { T, t } from "../index-B3i3Mf61.mjs";
+import "../utils-H80jjgLf.mjs";
+export {
+  T as Toggle,
+  t as toggleVariants
+};
+//# sourceMappingURL=index.mjs.map

package/dist/toggle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/toggle-group/index.d.ts

@@ -0,0 +1,10 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from '../toggle';
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants> & {
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/toggle-group/index.js

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const React = require("react");
+const toggle = require("../index-zBgD3uv6.js");
+const useStableCallback = require("../useStableCallback-CfE_knIO.js");
+const useControlled = require("../useControlled-DTjTIpeU.js");
+const useRenderElement = require("../useRenderElement-CtyURhhF.js");
+const CompositeRoot = require("../CompositeRoot-DhWDFM9v.js");
+const ToolbarRootContext = require("../ToolbarRootContext-C8eU2VAC.js");
+const utils = require("../utils-ij3i9zTT.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+let ToggleGroupDataAttributes = /* @__PURE__ */ (function(ToggleGroupDataAttributes2) {
+  ToggleGroupDataAttributes2["disabled"] = "data-disabled";
+  ToggleGroupDataAttributes2["orientation"] = "data-orientation";
+  ToggleGroupDataAttributes2["multiple"] = "data-multiple";
+  return ToggleGroupDataAttributes2;
+})({});
+const stateAttributesMapping = {
+  multiple(value) {
+    if (value) {
+      return {
+        [ToggleGroupDataAttributes.multiple]: ""
+      };
+    }
+    return null;
+  }
+};
+const ToggleGroup$1 = /* @__PURE__ */ React__namespace.forwardRef(function ToggleGroup(componentProps, forwardedRef) {
+  const {
+    defaultValue: defaultValueProp,
+    disabled: disabledProp = false,
+    loopFocus = true,
+    onValueChange,
+    orientation = "horizontal",
+    multiple = false,
+    value: valueProp,
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const toolbarContext = ToolbarRootContext.useToolbarRootContext();
+  const defaultValue = React__namespace.useMemo(() => {
+    if (valueProp === void 0) {
+      return defaultValueProp ?? [];
+    }
+    return void 0;
+  }, [valueProp, defaultValueProp]);
+  const isValueInitialized = React__namespace.useMemo(() => valueProp !== void 0 || defaultValueProp !== void 0, [valueProp, defaultValueProp]);
+  const disabled = ((toolbarContext == null ? void 0 : toolbarContext.disabled) ?? false) || disabledProp;
+  const [groupValue, setValueState] = useControlled.useControlled({
+    controlled: valueProp,
+    default: defaultValue,
+    name: "ToggleGroup",
+    state: "value"
+  });
+  const setGroupValue = useStableCallback.useStableCallback((newValue, nextPressed, eventDetails) => {
+    let newGroupValue;
+    if (multiple) {
+      newGroupValue = groupValue.slice();
+      if (nextPressed) {
+        newGroupValue.push(newValue);
+      } else {
+        newGroupValue.splice(groupValue.indexOf(newValue), 1);
+      }
+    } else {
+      newGroupValue = nextPressed ? [newValue] : [];
+    }
+    if (Array.isArray(newGroupValue)) {
+      onValueChange == null ? void 0 : onValueChange(newGroupValue, eventDetails);
+      if (eventDetails.isCanceled) {
+        return;
+      }
+      setValueState(newGroupValue);
+    }
+  });
+  const state = {
+    disabled,
+    multiple,
+    orientation
+  };
+  const contextValue = React__namespace.useMemo(() => ({
+    disabled,
+    orientation,
+    setGroupValue,
+    value: groupValue,
+    isValueInitialized
+  }), [disabled, orientation, setGroupValue, groupValue, isValueInitialized]);
+  const defaultProps = {
+    role: "group"
+  };
+  const element = useRenderElement.useRenderElement("div", componentProps, {
+    enabled: Boolean(toolbarContext),
+    state,
+    ref: forwardedRef,
+    props: [defaultProps, elementProps],
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(toggle.ToggleGroupContext.Provider, {
+    value: contextValue,
+    children: toolbarContext ? element : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CompositeRoot.CompositeRoot, {
+      render,
+      className,
+      state,
+      refs: [forwardedRef],
+      props: [defaultProps, elementProps],
+      stateAttributesMapping,
+      loopFocus,
+      enableHomeAndEndKeys: true
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") ToggleGroup$1.displayName = "ToggleGroup";
+const ToggleGroupContext = React__namespace.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+function ToggleGroup2({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    ToggleGroup$1,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: utils.cn(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ToggleGroupContext.Provider,
+        {
+          value: { variant, size, spacing, orientation },
+          children
+        }
+      )
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  const context = React__namespace.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    toggle.Toggle$1,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      "data-spacing": context.spacing,
+      className: utils.cn(
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        toggle.toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+exports.ToggleGroup = ToggleGroup2;
+exports.ToggleGroupItem = ToggleGroupItem;
+//# sourceMappingURL=index.js.map

package/dist/toggle-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/toggle-group/ToggleGroupDataAttributes.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/toggle-group/ToggleGroup.js","../../src/toggle-group/index.tsx"],"sourcesContent":["export let ToggleGroupDataAttributes = /*#__PURE__*/function (ToggleGroupDataAttributes) {\n  /**\n   * Present when the toggle group is disabled.\n   */\n  ToggleGroupDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Indicates the orientation of the toggle group.\n   * @type {'horizontal' | 'vertical'}\n   */\n  ToggleGroupDataAttributes[\"orientation\"] = \"data-orientation\";\n  /**\n   * Present when the toggle group allows multiple buttons to be in the pressed state at the same time.\n   */\n  ToggleGroupDataAttributes[\"multiple\"] = \"data-multiple\";\n  return ToggleGroupDataAttributes;\n}({});","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useRenderElement } from \"../utils/useRenderElement.js\";\nimport { CompositeRoot } from \"../composite/root/CompositeRoot.js\";\nimport { useToolbarRootContext } from \"../toolbar/root/ToolbarRootContext.js\";\nimport { ToggleGroupContext } from \"./ToggleGroupContext.js\";\nimport { ToggleGroupDataAttributes } from \"./ToggleGroupDataAttributes.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  multiple(value) {\n    if (value) {\n      return {\n        [ToggleGroupDataAttributes.multiple]: ''\n      };\n    }\n    return null;\n  }\n};\n\n/**\n * Provides a shared state to a series of toggle buttons.\n *\n * Documentation: [Base UI Toggle Group](https://base-ui.com/react/components/toggle-group)\n */\nexport const ToggleGroup = /*#__PURE__*/React.forwardRef(function ToggleGroup(componentProps, forwardedRef) {\n  const {\n    defaultValue: defaultValueProp,\n    disabled: disabledProp = false,\n    loopFocus = true,\n    onValueChange,\n    orientation = 'horizontal',\n    multiple = false,\n    value: valueProp,\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const toolbarContext = useToolbarRootContext(true);\n  const defaultValue = React.useMemo(() => {\n    if (valueProp === undefined) {\n      return defaultValueProp ?? [];\n    }\n    return undefined;\n  }, [valueProp, defaultValueProp]);\n  const isValueInitialized = React.useMemo(() => valueProp !== undefined || defaultValueProp !== undefined, [valueProp, defaultValueProp]);\n  const disabled = (toolbarContext?.disabled ?? false) || disabledProp;\n  const [groupValue, setValueState] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'ToggleGroup',\n    state: 'value'\n  });\n  const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {\n    let newGroupValue;\n    if (multiple) {\n      newGroupValue = groupValue.slice();\n      if (nextPressed) {\n        newGroupValue.push(newValue);\n      } else {\n        newGroupValue.splice(groupValue.indexOf(newValue), 1);\n      }\n    } else {\n      newGroupValue = nextPressed ? [newValue] : [];\n    }\n    if (Array.isArray(newGroupValue)) {\n      onValueChange?.(newGroupValue, eventDetails);\n      if (eventDetails.isCanceled) {\n        return;\n      }\n      setValueState(newGroupValue);\n    }\n  });\n  const state = {\n    disabled,\n    multiple,\n    orientation\n  };\n  const contextValue = React.useMemo(() => ({\n    disabled,\n    orientation,\n    setGroupValue,\n    value: groupValue,\n    isValueInitialized\n  }), [disabled, orientation, setGroupValue, groupValue, isValueInitialized]);\n  const defaultProps = {\n    role: 'group'\n  };\n  const element = useRenderElement('div', componentProps, {\n    enabled: Boolean(toolbarContext),\n    state,\n    ref: forwardedRef,\n    props: [defaultProps, elementProps],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(ToggleGroupContext.Provider, {\n    value: contextValue,\n    children: toolbarContext ? element : /*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      refs: [forwardedRef],\n      props: [defaultProps, elementProps],\n      stateAttributesMapping: stateAttributesMapping,\n      loopFocus: loopFocus,\n      enableHomeAndEndKeys: true\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ToggleGroup.displayName = \"ToggleGroup\";","\"use client\"\n\nimport * as React from \"react\"\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\"\nimport { type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../lib\"\nimport { toggleVariants } from \"../toggle\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: ToggleGroupPrimitive.Props &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }) {\n  return (\n    <ToggleGroupPrimitive\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <TogglePrimitive\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupDataAttributes","ToggleGroup","React","useToolbarRootContext","useControlled","useStableCallback","useRenderElement","_jsx","ToggleGroupContext","CompositeRoot","jsx","ToggleGroupPrimitive","cn","TogglePrimitive","toggleVariants"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/toggle-group/index.mjs

@@ -0,0 +1,182 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import * as React from "react";
+import { a as ToggleGroupContext$1, b as Toggle, t as toggleVariants } from "../index-B3i3Mf61.mjs";
+import { u as useStableCallback } from "../useStableCallback-8_xI9oDo.mjs";
+import { u as useControlled } from "../useControlled-DITi2kHX.mjs";
+import { u as useRenderElement } from "../useRenderElement-DtkRtCHE.mjs";
+import { C as CompositeRoot } from "../CompositeRoot-Clz7hqk6.mjs";
+import { u as useToolbarRootContext } from "../ToolbarRootContext-B_HxjkNI.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+let ToggleGroupDataAttributes = /* @__PURE__ */ (function(ToggleGroupDataAttributes2) {
+  ToggleGroupDataAttributes2["disabled"] = "data-disabled";
+  ToggleGroupDataAttributes2["orientation"] = "data-orientation";
+  ToggleGroupDataAttributes2["multiple"] = "data-multiple";
+  return ToggleGroupDataAttributes2;
+})({});
+const stateAttributesMapping = {
+  multiple(value) {
+    if (value) {
+      return {
+        [ToggleGroupDataAttributes.multiple]: ""
+      };
+    }
+    return null;
+  }
+};
+const ToggleGroup$1 = /* @__PURE__ */ React.forwardRef(function ToggleGroup(componentProps, forwardedRef) {
+  const {
+    defaultValue: defaultValueProp,
+    disabled: disabledProp = false,
+    loopFocus = true,
+    onValueChange,
+    orientation = "horizontal",
+    multiple = false,
+    value: valueProp,
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const toolbarContext = useToolbarRootContext();
+  const defaultValue = React.useMemo(() => {
+    if (valueProp === void 0) {
+      return defaultValueProp ?? [];
+    }
+    return void 0;
+  }, [valueProp, defaultValueProp]);
+  const isValueInitialized = React.useMemo(() => valueProp !== void 0 || defaultValueProp !== void 0, [valueProp, defaultValueProp]);
+  const disabled = ((toolbarContext == null ? void 0 : toolbarContext.disabled) ?? false) || disabledProp;
+  const [groupValue, setValueState] = useControlled({
+    controlled: valueProp,
+    default: defaultValue,
+    name: "ToggleGroup",
+    state: "value"
+  });
+  const setGroupValue = useStableCallback((newValue, nextPressed, eventDetails) => {
+    let newGroupValue;
+    if (multiple) {
+      newGroupValue = groupValue.slice();
+      if (nextPressed) {
+        newGroupValue.push(newValue);
+      } else {
+        newGroupValue.splice(groupValue.indexOf(newValue), 1);
+      }
+    } else {
+      newGroupValue = nextPressed ? [newValue] : [];
+    }
+    if (Array.isArray(newGroupValue)) {
+      onValueChange == null ? void 0 : onValueChange(newGroupValue, eventDetails);
+      if (eventDetails.isCanceled) {
+        return;
+      }
+      setValueState(newGroupValue);
+    }
+  });
+  const state = {
+    disabled,
+    multiple,
+    orientation
+  };
+  const contextValue = React.useMemo(() => ({
+    disabled,
+    orientation,
+    setGroupValue,
+    value: groupValue,
+    isValueInitialized
+  }), [disabled, orientation, setGroupValue, groupValue, isValueInitialized]);
+  const defaultProps = {
+    role: "group"
+  };
+  const element = useRenderElement("div", componentProps, {
+    enabled: Boolean(toolbarContext),
+    state,
+    ref: forwardedRef,
+    props: [defaultProps, elementProps],
+    stateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleGroupContext$1.Provider, {
+    value: contextValue,
+    children: toolbarContext ? element : /* @__PURE__ */ jsxRuntimeExports.jsx(CompositeRoot, {
+      render,
+      className,
+      state,
+      refs: [forwardedRef],
+      props: [defaultProps, elementProps],
+      stateAttributesMapping,
+      loopFocus,
+      enableHomeAndEndKeys: true
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") ToggleGroup$1.displayName = "ToggleGroup";
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+function ToggleGroup2({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ToggleGroup$1,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      "data-orientation": orientation,
+      style: { "--gap": spacing },
+      className: cn(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ToggleGroupContext.Provider,
+        {
+          value: { variant, size, spacing, orientation },
+          children
+        }
+      )
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Toggle,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      "data-spacing": context.spacing,
+      className: cn(
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  ToggleGroup2 as ToggleGroup,
+  ToggleGroupItem
+};
+//# sourceMappingURL=index.mjs.map