@womp/kookie-ui 0.7.0 → 0.8.1

package/dist/cjs/components/_internal/menu-context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/menu-context.tsx", "../../../../src/components/theme.tsx", "../../../../src/helpers/get-matching-gray-color.ts", "../../../../src/hooks/use-prop-synced-state.ts", "../../../../src/helpers/use-deprecation-warning.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/radius.prop.ts", "../../../../src/components/theme.props.tsx", "../../../../src/components/_internal/base-menu.utils.tsx", "../../../../src/hooks/use-breakpoint.ts", "../../../../src/components/shell.types.ts"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useThemeContext } from '../theme.js';\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/** Map menu size to item height in pixels at 100% scaling */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 24, // --space-5\n  '2': 32, // --space-6\n};\n\n/** Item height in px for a size at the given theme scaling (\"100%\", \"110%\"\u2026). */\nexport function getMenuItemHeight(size: MenuSize, scaling: string | undefined): number {\n  const scale = scaling ? parseFloat(scaling) / 100 : 1;\n  return menuSizeToItemHeight[size] * (Number.isFinite(scale) ? scale : 1);\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const { scaling } = useThemeContext();\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize, scaling) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  panelBackground: themePropDefs.panelBackground.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir=\"ltr\">\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = usePropSyncedState(effectiveMaterial);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = usePropSyncedState(material);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    panelBackground = props.panelBackground ??\n      context?.panelBackground ??\n      themePropDefs.panelBackground.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n", "import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n", "import * as React from 'react';\n\n/**\n * State that tracks a prop but can also be set imperatively \u2014 the shape `Theme`\n * needs, where a prop sets the value and `ThemePanel` can change it at runtime.\n *\n * Adjusts state during render rather than syncing in a `useEffect`. An effect\n * would commit one render carrying the *old* value and schedule a second one,\n * which for a provider means every consumer renders twice and the browser can\n * paint the stale value in between.\n *\n * @see https://react.dev/reference/react/useState#storing-information-from-previous-renders\n */\nexport function usePropSyncedState<T>(propValue: T) {\n  const [value, setValue] = React.useState(propValue);\n  const [previousPropValue, setPreviousPropValue] = React.useState(propValue);\n\n  if (!Object.is(propValue, previousPropValue)) {\n    setPreviousPropValue(propValue);\n    setValue(propValue);\n  }\n\n  return [value, setValue] as const;\n}\n", "import * as React from 'react';\n\nconst PANEL_BACKGROUND_MESSAGE = 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.';\n\nconst warned = new Set<string>();\n\nfunction warnOnce(message: string) {\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(message);\n}\n\n/**\n * Warns, in development only, that `panelBackground` is deprecated.\n *\n * The `process.env.NODE_ENV` check is a compile-time constant, so a production\n * bundle minifies the effect body away to an empty function instead of reading\n * props and formatting a message per mounted component. The message is also\n * logged once per session rather than once per component instance.\n */\nexport function useDeprecatedPanelBackgroundWarning(panelBackground: unknown) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (panelBackground !== undefined) warnOnce(PANEL_BACKGROUND_MESSAGE);\n  }, [panelBackground]);\n}\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\n */\nfunction resolveResponsiveValue<T>(\n  value: T | Partial<Record<Breakpoint, T>> | undefined,\n  currentBreakpoint: Breakpoint,\n  defaultValue: T,\n): T {\n  if (value === undefined || value === null) return defaultValue;\n  if (typeof value !== 'object') return value;\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n  for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n    const resolved = map[BREAKPOINTS_DESCENDING[i]];\n    if (resolved !== undefined) return resolved;\n  }\n  return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n  const isResponsive = typeof value === 'object' && value !== null;\n  const { breakpoint } = useBreakpoint(isResponsive);\n  return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\ntype MenuMaterial = 'solid' | 'translucent';\n\n/**\n * The menu surface material. The component props win, then the nearest\n * Theme's `material`. Theme keeps `panelBackground` in sync with `material` at\n * the root, but a nested `<Theme material=\"solid\">` only updates `material`,\n * so reading the deprecated `panelBackground` from the theme gave the wrong\n * surface there.\n */\nfunction resolveMenuMaterial(\n  material: MenuMaterial | undefined,\n  panelBackground: MenuMaterial | undefined,\n  theme: { material: MenuMaterial; panelBackground: MenuMaterial },\n): MenuMaterial {\n  return material ?? panelBackground ?? theme.material ?? theme.panelBackground;\n}\n\n/** Content padding per menu size, in px at 100% scaling (see base-menu.css). */\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 12 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding, which scales with the theme.\n */\nfunction getMenuAlignOffset(size: string, scaling: string | undefined): number {\n  const scale = scaling ? parseFloat(scaling) / 100 : 1;\n  const padding = CONTENT_PADDING[size] ?? CONTENT_PADDING['2'];\n  return -Math.round(padding * (Number.isFinite(scale) ? scale : 1));\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n  '\u2318': 'Meta',\n  cmd: 'Meta',\n  command: 'Meta',\n  meta: 'Meta',\n  '\u2325': 'Alt',\n  option: 'Alt',\n  opt: 'Alt',\n  alt: 'Alt',\n  '\u21E7': 'Shift',\n  shift: 'Shift',\n  '\u2303': 'Control',\n  ctrl: 'Control',\n  control: 'Control',\n  '\u232B': 'Backspace',\n  '\u2326': 'Delete',\n  '\u23CE': 'Enter',\n  '\u21B5': 'Enter',\n  '\u238B': 'Escape',\n  esc: 'Escape',\n  '\u21E5': 'Tab',\n  '\u2191': 'ArrowUp',\n  '\u2193': 'ArrowDown',\n  '\u2190': 'ArrowLeft',\n  '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n  const cached = ariaKeyShortcutsCache.get(shortcut);\n  if (cached !== undefined) return cached || undefined;\n\n  // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n  const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n  const keys = tokens.map((token) => {\n    const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n    return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n  });\n  const result = keys.join('+');\n  ariaKeyShortcutsCache.set(shortcut, result);\n  return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n  return (\n    <div aria-hidden className={classNames('rt-BaseMenuShortcut', className)}>\n      <Kbd size=\"1\">{shortcut}</Kbd>\n    </div>\n  );\n}\n\nexport {\n  resolveResponsiveValue,\n  useResolvedResponsiveValue,\n  resolveMenuMaterial,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  MenuShortcut,\n};\nexport type { MenuMaterial };\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  height?: string | number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
-  "mappings": "slBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,kBAAAE,GAAA,sBAAAC,GAAA,yBAAAC,GAAA,mBAAAC,KAAA,eAAAC,GAAAN,IAEA,IAAAO,EAAuB,oBCAvB,IAAAC,EAAuB,oBACvBC,GAAuB,yBACvBC,EAA6D,oBAC7DC,EAAiD,6BCD1C,SAASC,GAAqBC,EAA+B,CAClE,OAAQA,EAAa,CACnB,IAAK,SACL,IAAK,MACL,IAAK,OACL,IAAK,UACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,SACH,MAAO,QACT,IAAK,OACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,OACH,MAAO,QACT,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,QACH,MAAO,OACT,IAAK,QACL,IAAK,OACH,MAAO,QACT,IAAK,SACL,IAAK,QACL,IAAK,SACL,IAAK,QACL,IAAK,OACL,IAAK,SACH,MAAO,OACT,IAAK,OACH,MAAO,MACX,CACF,CCvCA,IAAAC,EAAuB,oBAahB,SAASC,EAAsBC,EAAc,CAClD,GAAM,CAACC,EAAOC,CAAQ,EAAU,WAASF,CAAS,EAC5C,CAACG,EAAmBC,CAAoB,EAAU,WAASJ,CAAS,EAE1E,OAAK,OAAO,GAAGA,EAAWG,CAAiB,IACzCC,EAAqBJ,CAAS,EAC9BE,EAASF,CAAS,GAGb,CAACC,EAAOC,CAAQ,CACzB,CCvBA,IAAAG,GAAuB,oBAEjBC,GAA2B,0HAE3BC,GAAS,IAAI,IAEnB,SAASC,GAASC,EAAiB,CAC7BF,GAAO,IAAIE,CAAO,IACtBF,GAAO,IAAIE,CAAO,EAClB,QAAQ,KAAKA,CAAO,EACtB,CAUO,SAASC,GAAoCC,EAA0B,CACtE,aAAU,IAAM,CAGtB,EAAG,CAACA,CAAe,CAAC,CACtB,CCvBA,IAAMC,GAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,GAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAEjPC,GAAa,CAAC,OAAQ,OAAQ,QAAS,QAAS,OAAQ,QAAS,MAAM,ECH7E,IAAMC,GAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,ECIzD,IAAMC,GAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,GAAmB,CAAC,QAAS,aAAa,EAC1CC,GAAY,CAAC,QAAS,aAAa,EACnCC,GAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,GAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAgB,CACpB,GAAGC,GAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQN,GAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQO,GAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,GAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQN,GAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,GAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,GAAO,QAAS,MAAO,EAOvD,QAAS,CAAE,KAAM,OAAQ,OAAQN,GAAU,QAAS,MAAO,EAS3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,GAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,EAAa,CAC1D,EP5EA,IAAMM,EAAO,IAAM,CAAC,EAuCdC,GAAyC,CAC7C,WAAYC,EAAc,WAAW,QACrC,YAAaA,EAAc,YAAY,QACvC,UAAWA,EAAc,UAAU,QACnC,kBAAmBA,EAAc,UAAU,QAC3C,SAAUA,EAAc,SAAS,QACjC,gBAAiBA,EAAc,gBAAgB,QAC/C,OAAQA,EAAc,OAAO,QAC7B,QAASA,EAAc,QAAQ,QAC/B,WAAYA,EAAc,WAAW,QACrC,kBAAmB,OACnB,mBAAoBF,EACpB,oBAAqBA,EACrB,kBAAmBA,EACnB,iBAAkBA,EAClB,wBAAyBA,EACzB,eAAgBA,EAChB,gBAAiBA,EACjB,mBAAoBA,EACpB,0BAA2BA,CAC7B,EAEMG,EAAqB,gBAA6C,MAAS,EAEjF,SAASC,IAAkB,CAGzB,OAFsB,aAAWD,CAAY,GAE3BF,EACpB,CAGA,IAAMI,GAAc,aAAyC,CAACC,EAAOC,IAC7C,aAAWJ,CAAY,IAClB,OAGvB,gBAAC,EAAAK,QAAiB,SAAjB,CAA0B,cAAe,KACxC,gBAAC,YAAU,SAAV,CAAmB,IAAI,OACtB,gBAACC,GAAA,CAAW,GAAGH,EAAO,IAAKC,EAAc,CAC3C,CACF,EAGG,gBAACG,EAAA,CAAW,GAAGJ,EAAO,IAAKC,EAAc,CACjD,EACDF,GAAM,YAAc,QAEpB,IAAMI,GAAkB,aACtB,CAACH,EAAOC,IAAiB,CACvB,GAAM,CACJ,WAAYI,EAAiBT,EAAc,WAAW,QACtD,YAAaU,EAAkBV,EAAc,YAAY,QACzD,UAAWW,EAAgBX,EAAc,UAAU,QACnD,SAAUY,EAAeZ,EAAc,SAAS,QAChD,gBAAiBa,EAAsBb,EAAc,gBAAgB,QACrE,OAAQc,EAAad,EAAc,OAAO,QAC1C,QAASe,EAAcf,EAAc,QAAQ,QAC7C,WAAYgB,EAAiBhB,EAAc,WAAW,QACtD,kBAAmBiB,EACnB,cAAAC,EAAgBlB,EAAc,cAAc,QAC5C,GAAGmB,CACL,EAAIf,EAEJgB,GAAoChB,EAAM,eAAe,EAMzD,GAAM,CAACiB,EAAYC,CAAa,EAAIC,EAAmBd,CAAc,EAC/D,CAACe,EAAaC,CAAc,EAAIF,EAAmBb,CAAe,EAClE,CAACgB,EAAWC,CAAY,EAAIJ,EAAmBZ,CAAa,EAG5DiB,EACJhB,IAAiBZ,EAAc,SAAS,QAAUY,EAAeC,EAC7D,CAACgB,EAAUC,CAAW,EAAIP,EAAmBK,CAAiB,EAG9D,CAACG,EAAiBC,CAAkB,EAAIT,EAAmBM,CAAQ,EAEnE,CAACI,EAAQC,CAAS,EAAIX,EAAmBT,CAAU,EACnD,CAACqB,EAASC,CAAU,EAAIb,EAAmBR,CAAW,EACtD,CAACsB,EAAYC,CAAa,EAAIf,EAAmBP,CAAc,EAC/D,CAACuB,EAAmBC,CAAoB,EAAIjB,EAAmBN,CAAqB,EAE1F,OACE,gBAACT,EAAA,CACE,GAAGW,EACJ,IAAKd,EACL,OAAM,GACN,cAAea,EAEf,WAAYG,EACZ,YAAaG,EACb,UAAWE,EACX,SAAUG,EACV,gBAAiBE,EACjB,OAAQE,EACR,QAASE,EACT,WAAYE,EACZ,kBAAmBE,EAEnB,mBAAoBjB,EACpB,oBAAqBG,EACrB,kBAAmBE,EACnB,iBAAkBG,EAClB,wBAAyBE,EACzB,eAAgBE,EAChB,gBAAiBE,EACjB,mBAAoBE,EACpB,0BAA2BE,EAC7B,CAEJ,CACF,EACAjC,GAAU,YAAc,YAUxB,SAASkC,IAAyD,CAChE,GAAI,OAAO,UAAc,IAAa,OACtC,IAAMC,EAAK,UAAU,UACrB,GAAIA,EAAG,SAAS,KAAK,EAAG,MAAO,UAC/B,GAAIA,EAAG,SAAS,KAAK,EAAG,MAAO,QAC/B,GAAIA,EAAG,SAAS,OAAO,EAAG,MAAO,OAEnC,CAEA,IAAMlC,EAAkB,aAA6C,CAACJ,EAAOC,IAAiB,CAC5F,IAAMsC,EAAgB,aAAW1C,CAAY,EACvC,CACJ,QAAA2C,EACA,OAAAC,EACA,cAAeC,EAEf,WAAAzB,EAAajB,EAAM,YAAcuC,GAAS,YAAc3C,EAAc,WAAW,QACjF,YAAAwB,EAAcpB,EAAM,aAAeuC,GAAS,aAAe3C,EAAc,YAAY,QACrF,UAAA0B,EAAYtB,EAAM,WAAauC,GAAS,mBAAqB3C,EAAc,UAAU,QACrF,SAAA6B,EAAWzB,EAAM,UAAYuC,GAAS,UAAY3C,EAAc,SAAS,QACzE,gBAAA+B,EAAkB3B,EAAM,iBACtBuC,GAAS,iBACT3C,EAAc,gBAAgB,QAChC,OAAAiC,EAAS7B,EAAM,QAAUuC,GAAS,QAAU3C,EAAc,OAAO,QACjE,QAAAmC,EAAU/B,EAAM,SAAWuC,GAAS,SAAW3C,EAAc,QAAQ,QACrE,WAAAqC,EAAajC,EAAM,YAAcuC,GAAS,YAAc3C,EAAc,WAAW,QACjF,kBAAAuC,EAAoBnC,EAAM,mBAAqBuC,GAAS,kBAExD,mBAAAI,EAAqBjD,EACrB,oBAAAkD,EAAsBlD,EACtB,kBAAAmD,EAAoBnD,EACpB,iBAAAoD,EAAmBpD,EACnB,wBAAAqD,EAA0BrD,EAC1B,eAAAsD,EAAiBtD,EACjB,gBAAAuD,EAAkBvD,EAClB,mBAAAwD,EAAqBxD,EACrB,0BAAAyD,EAA4BzD,EAE5B,GAAG0D,CACL,EAAIpD,EACEqD,EAAOb,EAAU,OAAK,KAAO,MAC7Bc,EAAoBhC,IAAc,OAASiC,GAAqBnC,CAAW,EAAIE,EAC/EkC,EAAuBxD,EAAM,aAAe,SAAWA,EAAM,aAAe,OAC5Ec,EACJ4B,IAAsB,OAAYD,GAAUe,EAAuBd,EAM/De,EAAgB,SAAyB,IAAI,EAC7CC,KAAc,mBAAgBzD,EAAcwD,CAAO,EACnDE,EAAgB,YAAaP,EAEnC,4BAAgB,IAAM,CACpB,GAAI,CAACX,GAAUkB,EAAe,OAC9B,IAAMC,EAAOH,EAAQ,QACrB,GAAI,CAACG,EAAM,OAEX,IAAMC,EAAKxB,GAAY,EACvB,GAAKwB,EACL,OAAAD,EAAK,aAAa,UAAWC,CAAE,EACxB,IAAMD,EAAK,gBAAgB,SAAS,CAC7C,EAAG,CAACnB,EAAQkB,CAAa,CAAC,EAGxB,gBAAC9D,EAAa,SAAb,CACC,MAAa,UACX,KAAO,CACL,WAAAoB,EACA,YAAAG,EACA,UAAAE,EACA,kBAAAgC,EACA,SAAA7B,EACA,gBAAAE,EACA,OAAAE,EACA,QAAAE,EACA,WAAAE,EACA,kBAAAE,EAEA,mBAAAQ,EACA,oBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,0BAAAC,CACF,GACA,CACElC,EACAG,EACAE,EACAgC,EACA7B,EACAE,EACAE,EACAE,EACAE,EACAE,EAEAQ,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,GAEA,gBAACE,EAAA,CACC,qBAAoBZ,EAAS,OAAS,QACtC,oBAAmBrB,EACnB,kBAAiBkC,EAEjB,sBAAqBxC,EAAgB,OAAS,QAC9C,gBAAeW,EACf,wBAAuBE,EACvB,cAAaE,EACb,eAAcE,EACd,mBAAkBE,EAClB,2BAA0BE,EAC1B,IAAKuB,EACJ,GAAGN,EACJ,aAAW,GAAAU,SACT,eACA,CACE,MAAO7C,IAAe,QACtB,KAAMA,IAAe,MACvB,EACAmC,EAAW,SACb,EACF,CACF,CAEJ,CAAC,EACDhD,EAAU,YAAc,YQ9TxB,IAAA2D,GAAuB,oBACvBC,GAAuB,yBCDvB,IAAAC,EAAuB,oBCuChB,IAAMC,GAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,ED1CA,IAAMC,GAAU,OAAO,QAAQC,EAAY,EASvCC,EAA8D,KAC5DC,EAAY,IAAI,IAClBC,EAAsC,KAE1C,SAASC,GAAqB,CAC5B,OAAAH,MAAoBF,GAAQ,IAAI,CAAC,CAACM,EAAMC,CAAK,IAAM,CAACD,EAAM,OAAO,WAAWC,CAAK,CAAC,CAAiC,GAC5GL,CACT,CAEA,SAASM,GAAgC,CAEvC,IAAIC,EAAsB,UAC1B,OAAW,CAACH,EAAMI,CAAG,IAAKL,EAAmB,EACvCK,EAAI,UAASD,EAAUH,GAE7B,OAAOG,CACT,CAEA,SAASE,GAAe,CACtB,IAAMC,EAAOJ,EAAkB,EAC3BI,IAASR,IACbA,EAAmBQ,EACnBT,EAAU,QAASU,GAAaA,EAAS,CAAC,EAC5C,CAEA,SAASC,GAAUD,EAAoB,CACrC,GAAI,OAAO,OAAW,IAAa,MAAO,IAAM,CAAC,EAEjD,GAAIV,EAAU,OAAS,EAAG,CACxBC,EAAmBI,EAAkB,EACrC,OAAW,CAAC,CAAEE,CAAG,IAAKL,EAAmB,EAEnC,OAAOK,EAAI,kBAAqB,WAAYA,EAAI,iBAAiB,SAAUC,CAAY,EACtFD,EAAI,cAAcC,CAAY,CAEvC,CAEA,OAAAR,EAAU,IAAIU,CAAQ,EAEf,IAAM,CAEX,GADAV,EAAU,OAAOU,CAAQ,EACrB,EAAAV,EAAU,KAAO,GAErB,QAAW,CAAC,CAAEO,CAAG,IAAKL,EAAmB,EACvC,GAAI,CACE,OAAOK,EAAI,qBAAwB,WAAYA,EAAI,oBAAoB,SAAUC,CAAY,EAC5FD,EAAI,iBAAiBC,CAAY,CACxC,MAAgB,CAKhB,CAEFP,EAAmB,KACrB,CACF,CAMA,SAASW,IAA0B,CACjC,OAAI,OAAO,OAAW,IAAoB,WAC1CX,MAAqBI,EAAkB,GAChCJ,EACT,CAEA,SAASY,IAAgC,CACvC,MAAO,SACT,CAEA,IAAMC,GAAmB,IAAM,GACzBC,GAAyB,IAAM,GAE/BC,GAAgB,IAAM,IAAM,CAAC,EAC7BC,GAAqB,IAAkB,UActC,SAASC,GAAcC,EAAU,GAAkD,CAGxF,IAAMC,EAAmB,uBACvBD,EAAUR,GAAYK,GACtBG,EAAUP,GAAcK,GACxBJ,EACF,EACMQ,EAAc,uBAClBF,EAAUR,GAAYK,GACtBF,GACAC,EACF,EAEA,OAAa,UAAQ,KAAO,CAAE,WAAAK,EAAY,MAAAC,CAAM,GAAI,CAACD,EAAYC,CAAK,CAAC,CACzE,CD7GA,IAAMC,EAAuC,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,SAAS,EAMrF,SAASC,GACPC,EACAC,EACAC,EACG,CACH,GAA2BF,GAAU,KAAM,OAAOE,EAClD,GAAI,OAAOF,GAAU,SAAU,OAAOA,EAEtC,IAAMG,EAAMH,EACZ,QAASI,EAAIN,EAAuB,QAAQG,CAAiB,EAAGG,EAAIN,EAAuB,OAAQM,IAAK,CACtG,IAAMC,EAAWF,EAAIL,EAAuBM,CAAC,CAAC,EAC9C,GAAIC,IAAa,OAAW,OAAOA,CACrC,CACA,OAAOH,CACT,CAOA,SAASI,GAA8BN,EAAkCE,EAAoB,CAC3F,IAAMK,EAAe,OAAOP,GAAU,UAAYA,IAAU,KACtD,CAAE,WAAAQ,CAAW,EAAIC,GAAcF,CAAY,EACjD,OAAOR,GAAuBC,EAAyDQ,EAAYN,CAAY,CACjH,CTbA,IAAMQ,GAAoB,gBAAgC,CAAE,aAAc,EAAM,CAAC,EASpEC,GAAiD,CAC5D,EAAK,GACL,EAAK,EACP,EAGO,SAASC,GAAkBC,EAAgBC,EAAqC,CACrF,IAAMC,EAAQD,EAAU,WAAWA,CAAO,EAAI,IAAM,EACpD,OAAOH,GAAqBE,CAAI,GAAK,OAAO,SAASE,CAAK,EAAIA,EAAQ,EACxE,CAEO,SAASC,GAAa,CAAE,SAAAC,EAAU,KAAAJ,CAAK,EAAsB,CAClE,IAAMK,EAAeC,GAAiDN,EAAM,MAAS,EAC/E,CAAE,QAAAC,CAAQ,EAAIM,GAAgB,EAC9BC,EAAaH,EAAeN,GAAkBM,EAAcJ,CAAO,EAAI,OACvEQ,EAAc,UAClB,KAAO,CAAE,aAAc,GAAM,KAAMJ,EAAc,WAAAG,CAAW,GAC5D,CAACH,EAAcG,CAAU,CAC3B,EACA,OAAO,gBAACX,GAAY,SAAZ,CAAqB,MAAOY,GAAQL,CAAS,CACvD,CAEO,SAASM,IAAiB,CAC/B,OAAa,aAAWb,EAAW,CACrC",
-  "names": ["menu_context_exports", "__export", "MenuProvider", "getMenuItemHeight", "menuSizeToItemHeight", "useMenuContext", "__toCommonJS", "React", "React", "import_classnames", "import_radix_ui", "import_internal", "getMatchingGrayColor", "accentColor", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "React", "PANEL_BACKGROUND_MESSAGE", "warned", "warnOnce", "message", "useDeprecatedPanelBackgroundWarning", "panelBackground", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "panelBackgroundProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "hasExplicitOS", "node", "os", "classNames", "React", "import_classnames", "React", "_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "ready", "BREAKPOINTS_DESCENDING", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "i", "resolved", "useResolvedResponsiveValue", "isResponsive", "breakpoint", "useBreakpoint", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "scaling", "scale", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "useThemeContext", "itemHeight", "value", "useMenuContext"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useThemeContext } from '../theme.js';\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/** Map menu size to item height in pixels at 100% scaling */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 24, // --space-5\n  '2': 32, // --space-6\n};\n\n/** Item height in px for a size at the given theme scaling (\"100%\", \"110%\"\u2026). */\nexport function getMenuItemHeight(size: MenuSize, scaling: string | undefined): number {\n  const scale = scaling ? parseFloat(scaling) / 100 : 1;\n  return menuSizeToItemHeight[size] * (Number.isFinite(scale) ? scale : 1);\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const { scaling } = useThemeContext();\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize, scaling) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  panelBackground: themePropDefs.panelBackground.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir=\"ltr\">\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = usePropSyncedState(effectiveMaterial);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = usePropSyncedState(material);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    panelBackground = props.panelBackground ??\n      context?.panelBackground ??\n      themePropDefs.panelBackground.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n", "import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n", "import * as React from 'react';\n\n/**\n * State that tracks a prop but can also be set imperatively \u2014 the shape `Theme`\n * needs, where a prop sets the value and `ThemePanel` can change it at runtime.\n *\n * Adjusts state during render rather than syncing in a `useEffect`. An effect\n * would commit one render carrying the *old* value and schedule a second one,\n * which for a provider means every consumer renders twice and the browser can\n * paint the stale value in between.\n *\n * @see https://react.dev/reference/react/useState#storing-information-from-previous-renders\n */\nexport function usePropSyncedState<T>(propValue: T) {\n  const [value, setValue] = React.useState(propValue);\n  const [previousPropValue, setPreviousPropValue] = React.useState(propValue);\n\n  if (!Object.is(propValue, previousPropValue)) {\n    setPreviousPropValue(propValue);\n    setValue(propValue);\n  }\n\n  return [value, setValue] as const;\n}\n", "import * as React from 'react';\n\nconst PANEL_BACKGROUND_MESSAGE = 'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.';\n\nconst warned = new Set<string>();\n\nfunction warnOnce(message: string) {\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(message);\n}\n\n/**\n * Warns, in development only, that `panelBackground` is deprecated.\n *\n * The `process.env.NODE_ENV` check is a compile-time constant, so a production\n * bundle minifies the effect body away to an empty function instead of reading\n * props and formatting a message per mounted component. The message is also\n * logged once per session rather than once per component instance.\n */\nexport function useDeprecatedPanelBackgroundWarning(panelBackground: unknown) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (panelBackground !== undefined) warnOnce(PANEL_BACKGROUND_MESSAGE);\n  }, [panelBackground]);\n}\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  material: { type: 'enum', values: materials, default: 'translucent' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  material: PropDef<(typeof materials)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n", "'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\n */\nfunction resolveResponsiveValue<T>(\n  value: T | Partial<Record<Breakpoint, T>> | undefined,\n  currentBreakpoint: Breakpoint,\n  defaultValue: T,\n): T {\n  if (value === undefined || value === null) return defaultValue;\n  if (typeof value !== 'object') return value;\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n  for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n    const resolved = map[BREAKPOINTS_DESCENDING[i]];\n    if (resolved !== undefined) return resolved;\n  }\n  return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n  const isResponsive = typeof value === 'object' && value !== null;\n  const { breakpoint } = useBreakpoint(isResponsive);\n  return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\ntype MenuMaterial = 'solid' | 'translucent';\n\n/**\n * The menu surface material. The component props win, then the nearest\n * Theme's `material`. Theme keeps `panelBackground` in sync with `material` at\n * the root, but a nested `<Theme material=\"solid\">` only updates `material`,\n * so reading the deprecated `panelBackground` from the theme gave the wrong\n * surface there.\n */\nfunction resolveMenuMaterial(\n  material: MenuMaterial | undefined,\n  panelBackground: MenuMaterial | undefined,\n  theme: { material: MenuMaterial; panelBackground: MenuMaterial },\n): MenuMaterial {\n  return material ?? panelBackground ?? theme.material ?? theme.panelBackground;\n}\n\n/** Content padding per menu size, in px at 100% scaling (see base-menu.css). */\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 12 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding, which scales with the theme.\n */\nfunction getMenuAlignOffset(size: string, scaling: string | undefined): number {\n  const scale = scaling ? parseFloat(scaling) / 100 : 1;\n  const padding = CONTENT_PADDING[size] ?? CONTENT_PADDING['2'];\n  return -Math.round(padding * (Number.isFinite(scale) ? scale : 1));\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n  '\u2318': 'Meta',\n  cmd: 'Meta',\n  command: 'Meta',\n  meta: 'Meta',\n  '\u2325': 'Alt',\n  option: 'Alt',\n  opt: 'Alt',\n  alt: 'Alt',\n  '\u21E7': 'Shift',\n  shift: 'Shift',\n  '\u2303': 'Control',\n  ctrl: 'Control',\n  control: 'Control',\n  '\u232B': 'Backspace',\n  '\u2326': 'Delete',\n  '\u23CE': 'Enter',\n  '\u21B5': 'Enter',\n  '\u238B': 'Escape',\n  esc: 'Escape',\n  '\u21E5': 'Tab',\n  '\u2191': 'ArrowUp',\n  '\u2193': 'ArrowDown',\n  '\u2190': 'ArrowLeft',\n  '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n  const cached = ariaKeyShortcutsCache.get(shortcut);\n  if (cached !== undefined) return cached || undefined;\n\n  // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n  const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n  const keys = tokens.map((token) => {\n    const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n    return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n  });\n  const result = keys.join('+');\n  ariaKeyShortcutsCache.set(shortcut, result);\n  return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n  return (\n    <div aria-hidden className={classNames('rt-BaseMenuShortcut', className)}>\n      <Kbd size=\"1\">{shortcut}</Kbd>\n    </div>\n  );\n}\n\nexport {\n  resolveResponsiveValue,\n  useResolvedResponsiveValue,\n  resolveMenuMaterial,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  MenuShortcut,\n};\nexport type { MenuMaterial };\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\n/**\n * The breakpoint right now, outside React's render. For an effect that needs\n * the answer at the moment it runs rather than the one its render saw.\n */\nexport function readBreakpoint(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  return computeBreakpoint();\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\n/**\n * Why a pane's open state changed. Since 0.8.0 only a user action is reported:\n * `toggle` for a Trigger, a handle double-click or a drag past\n * `collapseThreshold`, and `dismiss` for Escape or a press on the scrim.\n * `init`, `responsive`, `panel` and `left` are kept in the types for\n * compatibility and are never sent.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss' | 'init' | 'responsive';\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  /** @deprecated Removed in 1.0. Snap in your own `onSizeChange` and pass `size`. */\n  snapPoints?: number[];\n  /** @deprecated Removed in 1.0, with `snapPoints`. */\n  snapTolerance?: number;\n  /** @deprecated Removed in 1.0. Close the pane from your own `onResizeEnd`. */\n  collapseThreshold?: number;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  paneId?: string;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\n/** Every breakpoint, smallest first. The stylesheet's @media blocks follow this order. */\nexport const SHELL_BREAKPOINTS: readonly Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/** The panes a Trigger can drive. `left` is the deprecated name for `rail`. */\nexport type PaneName = Exclude<PaneTarget, 'left'>;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
+  "mappings": "slBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,kBAAAE,GAAA,sBAAAC,GAAA,yBAAAC,GAAA,mBAAAC,KAAA,eAAAC,GAAAN,IAEA,IAAAO,EAAuB,oBCAvB,IAAAC,EAAuB,oBACvBC,GAAuB,yBACvBC,EAA6D,oBAC7DC,EAAiD,6BCD1C,SAASC,GAAqBC,EAA+B,CAClE,OAAQA,EAAa,CACnB,IAAK,SACL,IAAK,MACL,IAAK,OACL,IAAK,UACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,SACH,MAAO,QACT,IAAK,OACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,OACH,MAAO,QACT,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,QACH,MAAO,OACT,IAAK,QACL,IAAK,OACH,MAAO,QACT,IAAK,SACL,IAAK,QACL,IAAK,SACL,IAAK,QACL,IAAK,OACL,IAAK,SACH,MAAO,OACT,IAAK,OACH,MAAO,MACX,CACF,CCvCA,IAAAC,EAAuB,oBAahB,SAASC,EAAsBC,EAAc,CAClD,GAAM,CAACC,EAAOC,CAAQ,EAAU,WAASF,CAAS,EAC5C,CAACG,EAAmBC,CAAoB,EAAU,WAASJ,CAAS,EAE1E,OAAK,OAAO,GAAGA,EAAWG,CAAiB,IACzCC,EAAqBJ,CAAS,EAC9BE,EAASF,CAAS,GAGb,CAACC,EAAOC,CAAQ,CACzB,CCvBA,IAAAG,GAAuB,oBAEjBC,GAA2B,0HAE3BC,GAAS,IAAI,IAEnB,SAASC,GAASC,EAAiB,CAC7BF,GAAO,IAAIE,CAAO,IACtBF,GAAO,IAAIE,CAAO,EAClB,QAAQ,KAAKA,CAAO,EACtB,CAUO,SAASC,GAAoCC,EAA0B,CACtE,aAAU,IAAM,CAGtB,EAAG,CAACA,CAAe,CAAC,CACtB,CCvBA,IAAMC,GAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,GAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAEjPC,GAAa,CAAC,OAAQ,OAAQ,QAAS,QAAS,OAAQ,QAAS,MAAM,ECH7E,IAAMC,GAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,ECIzD,IAAMC,GAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,GAAmB,CAAC,QAAS,aAAa,EAC1CC,GAAY,CAAC,QAAS,aAAa,EACnCC,GAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAChDC,GAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAgB,CACpB,GAAGC,GAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQN,GAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQO,GAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,GAAY,QAAS,OAAQ,EAQhE,SAAU,CAAE,KAAM,OAAQ,OAAQN,GAAW,QAAS,aAAc,EAUpE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,GAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQQ,GAAO,QAAS,MAAO,EAOvD,QAAS,CAAE,KAAM,OAAQ,OAAQN,GAAU,QAAS,MAAO,EAS3D,WAAY,CAAE,KAAM,OAAQ,OAAQC,GAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,EAAa,CAC1D,EP5EA,IAAMM,EAAO,IAAM,CAAC,EAuCdC,GAAyC,CAC7C,WAAYC,EAAc,WAAW,QACrC,YAAaA,EAAc,YAAY,QACvC,UAAWA,EAAc,UAAU,QACnC,kBAAmBA,EAAc,UAAU,QAC3C,SAAUA,EAAc,SAAS,QACjC,gBAAiBA,EAAc,gBAAgB,QAC/C,OAAQA,EAAc,OAAO,QAC7B,QAASA,EAAc,QAAQ,QAC/B,WAAYA,EAAc,WAAW,QACrC,kBAAmB,OACnB,mBAAoBF,EACpB,oBAAqBA,EACrB,kBAAmBA,EACnB,iBAAkBA,EAClB,wBAAyBA,EACzB,eAAgBA,EAChB,gBAAiBA,EACjB,mBAAoBA,EACpB,0BAA2BA,CAC7B,EAEMG,EAAqB,gBAA6C,MAAS,EAEjF,SAASC,IAAkB,CAGzB,OAFsB,aAAWD,CAAY,GAE3BF,EACpB,CAGA,IAAMI,GAAc,aAAyC,CAACC,EAAOC,IAC7C,aAAWJ,CAAY,IAClB,OAGvB,gBAAC,EAAAK,QAAiB,SAAjB,CAA0B,cAAe,KACxC,gBAAC,YAAU,SAAV,CAAmB,IAAI,OACtB,gBAACC,GAAA,CAAW,GAAGH,EAAO,IAAKC,EAAc,CAC3C,CACF,EAGG,gBAACG,EAAA,CAAW,GAAGJ,EAAO,IAAKC,EAAc,CACjD,EACDF,GAAM,YAAc,QAEpB,IAAMI,GAAkB,aACtB,CAACH,EAAOC,IAAiB,CACvB,GAAM,CACJ,WAAYI,EAAiBT,EAAc,WAAW,QACtD,YAAaU,EAAkBV,EAAc,YAAY,QACzD,UAAWW,EAAgBX,EAAc,UAAU,QACnD,SAAUY,EAAeZ,EAAc,SAAS,QAChD,gBAAiBa,EAAsBb,EAAc,gBAAgB,QACrE,OAAQc,EAAad,EAAc,OAAO,QAC1C,QAASe,EAAcf,EAAc,QAAQ,QAC7C,WAAYgB,EAAiBhB,EAAc,WAAW,QACtD,kBAAmBiB,EACnB,cAAAC,EAAgBlB,EAAc,cAAc,QAC5C,GAAGmB,CACL,EAAIf,EAEJgB,GAAoChB,EAAM,eAAe,EAMzD,GAAM,CAACiB,EAAYC,CAAa,EAAIC,EAAmBd,CAAc,EAC/D,CAACe,EAAaC,CAAc,EAAIF,EAAmBb,CAAe,EAClE,CAACgB,EAAWC,CAAY,EAAIJ,EAAmBZ,CAAa,EAG5DiB,EACJhB,IAAiBZ,EAAc,SAAS,QAAUY,EAAeC,EAC7D,CAACgB,EAAUC,CAAW,EAAIP,EAAmBK,CAAiB,EAG9D,CAACG,EAAiBC,CAAkB,EAAIT,EAAmBM,CAAQ,EAEnE,CAACI,EAAQC,CAAS,EAAIX,EAAmBT,CAAU,EACnD,CAACqB,EAASC,CAAU,EAAIb,EAAmBR,CAAW,EACtD,CAACsB,EAAYC,CAAa,EAAIf,EAAmBP,CAAc,EAC/D,CAACuB,EAAmBC,CAAoB,EAAIjB,EAAmBN,CAAqB,EAE1F,OACE,gBAACT,EAAA,CACE,GAAGW,EACJ,IAAKd,EACL,OAAM,GACN,cAAea,EAEf,WAAYG,EACZ,YAAaG,EACb,UAAWE,EACX,SAAUG,EACV,gBAAiBE,EACjB,OAAQE,EACR,QAASE,EACT,WAAYE,EACZ,kBAAmBE,EAEnB,mBAAoBjB,EACpB,oBAAqBG,EACrB,kBAAmBE,EACnB,iBAAkBG,EAClB,wBAAyBE,EACzB,eAAgBE,EAChB,gBAAiBE,EACjB,mBAAoBE,EACpB,0BAA2BE,EAC7B,CAEJ,CACF,EACAjC,GAAU,YAAc,YAUxB,SAASkC,IAAyD,CAChE,GAAI,OAAO,UAAc,IAAa,OACtC,IAAMC,EAAK,UAAU,UACrB,GAAIA,EAAG,SAAS,KAAK,EAAG,MAAO,UAC/B,GAAIA,EAAG,SAAS,KAAK,EAAG,MAAO,QAC/B,GAAIA,EAAG,SAAS,OAAO,EAAG,MAAO,OAEnC,CAEA,IAAMlC,EAAkB,aAA6C,CAACJ,EAAOC,IAAiB,CAC5F,IAAMsC,EAAgB,aAAW1C,CAAY,EACvC,CACJ,QAAA2C,EACA,OAAAC,EACA,cAAeC,EAEf,WAAAzB,EAAajB,EAAM,YAAcuC,GAAS,YAAc3C,EAAc,WAAW,QACjF,YAAAwB,EAAcpB,EAAM,aAAeuC,GAAS,aAAe3C,EAAc,YAAY,QACrF,UAAA0B,EAAYtB,EAAM,WAAauC,GAAS,mBAAqB3C,EAAc,UAAU,QACrF,SAAA6B,EAAWzB,EAAM,UAAYuC,GAAS,UAAY3C,EAAc,SAAS,QACzE,gBAAA+B,EAAkB3B,EAAM,iBACtBuC,GAAS,iBACT3C,EAAc,gBAAgB,QAChC,OAAAiC,EAAS7B,EAAM,QAAUuC,GAAS,QAAU3C,EAAc,OAAO,QACjE,QAAAmC,EAAU/B,EAAM,SAAWuC,GAAS,SAAW3C,EAAc,QAAQ,QACrE,WAAAqC,EAAajC,EAAM,YAAcuC,GAAS,YAAc3C,EAAc,WAAW,QACjF,kBAAAuC,EAAoBnC,EAAM,mBAAqBuC,GAAS,kBAExD,mBAAAI,EAAqBjD,EACrB,oBAAAkD,EAAsBlD,EACtB,kBAAAmD,EAAoBnD,EACpB,iBAAAoD,EAAmBpD,EACnB,wBAAAqD,EAA0BrD,EAC1B,eAAAsD,EAAiBtD,EACjB,gBAAAuD,EAAkBvD,EAClB,mBAAAwD,EAAqBxD,EACrB,0BAAAyD,EAA4BzD,EAE5B,GAAG0D,CACL,EAAIpD,EACEqD,EAAOb,EAAU,OAAK,KAAO,MAC7Bc,EAAoBhC,IAAc,OAASiC,GAAqBnC,CAAW,EAAIE,EAC/EkC,EAAuBxD,EAAM,aAAe,SAAWA,EAAM,aAAe,OAC5Ec,EACJ4B,IAAsB,OAAYD,GAAUe,EAAuBd,EAM/De,EAAgB,SAAyB,IAAI,EAC7CC,KAAc,mBAAgBzD,EAAcwD,CAAO,EACnDE,EAAgB,YAAaP,EAEnC,4BAAgB,IAAM,CACpB,GAAI,CAACX,GAAUkB,EAAe,OAC9B,IAAMC,EAAOH,EAAQ,QACrB,GAAI,CAACG,EAAM,OAEX,IAAMC,EAAKxB,GAAY,EACvB,GAAKwB,EACL,OAAAD,EAAK,aAAa,UAAWC,CAAE,EACxB,IAAMD,EAAK,gBAAgB,SAAS,CAC7C,EAAG,CAACnB,EAAQkB,CAAa,CAAC,EAGxB,gBAAC9D,EAAa,SAAb,CACC,MAAa,UACX,KAAO,CACL,WAAAoB,EACA,YAAAG,EACA,UAAAE,EACA,kBAAAgC,EACA,SAAA7B,EACA,gBAAAE,EACA,OAAAE,EACA,QAAAE,EACA,WAAAE,EACA,kBAAAE,EAEA,mBAAAQ,EACA,oBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,wBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,0BAAAC,CACF,GACA,CACElC,EACAG,EACAE,EACAgC,EACA7B,EACAE,EACAE,EACAE,EACAE,EACAE,EAEAQ,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,GAEA,gBAACE,EAAA,CACC,qBAAoBZ,EAAS,OAAS,QACtC,oBAAmBrB,EACnB,kBAAiBkC,EAEjB,sBAAqBxC,EAAgB,OAAS,QAC9C,gBAAeW,EACf,wBAAuBE,EACvB,cAAaE,EACb,eAAcE,EACd,mBAAkBE,EAClB,2BAA0BE,EAC1B,IAAKuB,EACJ,GAAGN,EACJ,aAAW,GAAAU,SACT,eACA,CACE,MAAO7C,IAAe,QACtB,KAAMA,IAAe,MACvB,EACAmC,EAAW,SACb,EACF,CACF,CAEJ,CAAC,EACDhD,EAAU,YAAc,YQ9TxB,IAAA2D,GAAuB,oBACvBC,GAAuB,yBCDvB,IAAAC,EAAuB,oBCqDhB,IAAMC,GAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EDxDA,IAAMC,GAAU,OAAO,QAAQC,EAAY,EASvCC,EAA8D,KAC5DC,EAAY,IAAI,IAClBC,EAAsC,KAE1C,SAASC,GAAqB,CAC5B,OAAAH,MAAoBF,GAAQ,IAAI,CAAC,CAACM,EAAMC,CAAK,IAAM,CAACD,EAAM,OAAO,WAAWC,CAAK,CAAC,CAAiC,GAC5GL,CACT,CAEA,SAASM,GAAgC,CAEvC,IAAIC,EAAsB,UAC1B,OAAW,CAACH,EAAMI,CAAG,IAAKL,EAAmB,EACvCK,EAAI,UAASD,EAAUH,GAE7B,OAAOG,CACT,CAEA,SAASE,GAAe,CACtB,IAAMC,EAAOJ,EAAkB,EAC3BI,IAASR,IACbA,EAAmBQ,EACnBT,EAAU,QAASU,GAAaA,EAAS,CAAC,EAC5C,CAEA,SAASC,GAAUD,EAAoB,CACrC,GAAI,OAAO,OAAW,IAAa,MAAO,IAAM,CAAC,EAEjD,GAAIV,EAAU,OAAS,EAAG,CACxBC,EAAmBI,EAAkB,EACrC,OAAW,CAAC,CAAEE,CAAG,IAAKL,EAAmB,EAEnC,OAAOK,EAAI,kBAAqB,WAAYA,EAAI,iBAAiB,SAAUC,CAAY,EACtFD,EAAI,cAAcC,CAAY,CAEvC,CAEA,OAAAR,EAAU,IAAIU,CAAQ,EAEf,IAAM,CAEX,GADAV,EAAU,OAAOU,CAAQ,EACrB,EAAAV,EAAU,KAAO,GAErB,QAAW,CAAC,CAAEO,CAAG,IAAKL,EAAmB,EACvC,GAAI,CACE,OAAOK,EAAI,qBAAwB,WAAYA,EAAI,oBAAoB,SAAUC,CAAY,EAC5FD,EAAI,iBAAiBC,CAAY,CACxC,MAAgB,CAKhB,CAEFP,EAAmB,KACrB,CACF,CAMA,SAASW,IAA0B,CACjC,OAAI,OAAO,OAAW,IAAoB,WAC1CX,MAAqBI,EAAkB,GAChCJ,EACT,CAEA,SAASY,IAAgC,CACvC,MAAO,SACT,CAWA,IAAMC,GAAmB,IAAM,GACzBC,GAAyB,IAAM,GAE/BC,GAAgB,IAAM,IAAM,CAAC,EAC7BC,GAAqB,IAAkB,UActC,SAASC,GAAcC,EAAU,GAAkD,CAGxF,IAAMC,EAAmB,uBACvBD,EAAUE,GAAYL,GACtBG,EAAUG,GAAcL,GACxBM,EACF,EACMC,EAAc,uBAClBL,EAAUE,GAAYL,GACtBF,GACAC,EACF,EAEA,OAAa,UAAQ,KAAO,CAAE,WAAAK,EAAY,MAAAI,CAAM,GAAI,CAACJ,EAAYI,CAAK,CAAC,CACzE,CDtHA,IAAMC,EAAuC,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,SAAS,EAMrF,SAASC,GACPC,EACAC,EACAC,EACG,CACH,GAA2BF,GAAU,KAAM,OAAOE,EAClD,GAAI,OAAOF,GAAU,SAAU,OAAOA,EAEtC,IAAMG,EAAMH,EACZ,QAASI,EAAIN,EAAuB,QAAQG,CAAiB,EAAGG,EAAIN,EAAuB,OAAQM,IAAK,CACtG,IAAMC,EAAWF,EAAIL,EAAuBM,CAAC,CAAC,EAC9C,GAAIC,IAAa,OAAW,OAAOA,CACrC,CACA,OAAOH,CACT,CAOA,SAASI,GAA8BN,EAAkCE,EAAoB,CAC3F,IAAMK,EAAe,OAAOP,GAAU,UAAYA,IAAU,KACtD,CAAE,WAAAQ,CAAW,EAAIC,GAAcF,CAAY,EACjD,OAAOR,GAAuBC,EAAyDQ,EAAYN,CAAY,CACjH,CTbA,IAAMQ,GAAoB,gBAAgC,CAAE,aAAc,EAAM,CAAC,EASpEC,GAAiD,CAC5D,EAAK,GACL,EAAK,EACP,EAGO,SAASC,GAAkBC,EAAgBC,EAAqC,CACrF,IAAMC,EAAQD,EAAU,WAAWA,CAAO,EAAI,IAAM,EACpD,OAAOH,GAAqBE,CAAI,GAAK,OAAO,SAASE,CAAK,EAAIA,EAAQ,EACxE,CAEO,SAASC,GAAa,CAAE,SAAAC,EAAU,KAAAJ,CAAK,EAAsB,CAClE,IAAMK,EAAeC,GAAiDN,EAAM,MAAS,EAC/E,CAAE,QAAAC,CAAQ,EAAIM,GAAgB,EAC9BC,EAAaH,EAAeN,GAAkBM,EAAcJ,CAAO,EAAI,OACvEQ,EAAc,UAClB,KAAO,CAAE,aAAc,GAAM,KAAMJ,EAAc,WAAAG,CAAW,GAC5D,CAACH,EAAcG,CAAU,CAC3B,EACA,OAAO,gBAACX,GAAY,SAAZ,CAAqB,MAAOY,GAAQL,CAAS,CACvD,CAEO,SAASM,IAAiB,CAC/B,OAAa,aAAWb,EAAW,CACrC",
+  "names": ["menu_context_exports", "__export", "MenuProvider", "getMenuItemHeight", "menuSizeToItemHeight", "useMenuContext", "__toCommonJS", "React", "React", "import_classnames", "import_radix_ui", "import_internal", "getMatchingGrayColor", "accentColor", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "React", "PANEL_BACKGROUND_MESSAGE", "warned", "warnOnce", "message", "useDeprecatedPanelBackgroundWarning", "panelBackground", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "materials", "scalings", "fontFamilies", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "panelBackgroundProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "hasExplicitOS", "node", "os", "classNames", "React", "import_classnames", "React", "_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "subscribe", "getSnapshot", "getServerSnapshot", "ready", "BREAKPOINTS_DESCENDING", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "i", "resolved", "useResolvedResponsiveValue", "isResponsive", "breakpoint", "useBreakpoint", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "scaling", "scale", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "useThemeContext", "itemHeight", "value", "useMenuContext"]
 }

package/dist/cjs/components/_internal/shell-bottom.d.ts

@@ -1,16 +1,18 @@
 import * as React from 'react';
 import { BottomHandle } from './shell-handles.js';
+import { type SizeChangeMeta } from './shell-resizable.js';
 import type { Breakpoint, PaneBaseProps } from '../shell.types.js';
 type BottomOpenChangeMeta = {
-    reason: 'init' | 'toggle' | 'responsive';
+    reason: 'init' | 'toggle' | 'responsive' | 'dismiss';
 };
 type BottomControlledProps = {
     open: boolean | Partial<Record<Breakpoint, boolean>>;
     onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void;
     defaultOpen?: never;
 };
+/** Since 0.8.0 `defaultOpen` takes a responsive object here too, as the docs already said it did. */
 type BottomUncontrolledProps = {
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>;
     onOpenChange?: (open: boolean, meta: BottomOpenChangeMeta) => void;
     open?: never;
 };
@@ -22,14 +24,11 @@ type BottomSizeUncontrolledProps = {
     defaultSize?: number | string;
     size?: never;
 };
-type BottomSizeChangeMeta = {
-    reason: 'init' | 'resize' | 'controlled';
-};
 type BottomPublicProps = PaneBaseProps & (BottomControlledProps | BottomUncontrolledProps) & (BottomSizeControlledProps | BottomSizeUncontrolledProps) & {
-    onSizeChange?: (size: number, meta: BottomSizeChangeMeta) => void;
+    onSizeChange?: (size: number, meta: SizeChangeMeta) => void;
     sizeUpdate?: 'throttle' | 'debounce';
     sizeUpdateMs?: number;
-    /** When true, adds margin and triggers gray backdrop on Shell. */
+    /** When true, adds margin and triggers the gray backdrop on the Shell. */
     inset?: boolean;
 };
 type BottomComponent = React.ForwardRefExoticComponent<BottomPublicProps & React.RefAttributes<HTMLDivElement>> & {

package/dist/cjs/components/_internal/shell-bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-bottom.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAiC,aAAa,EAAyB,MAAM,mBAAmB,CAAC;AAIzH,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC/K,KAAK,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC3I,KAAK,yBAAyB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAChF,KAAK,2BAA2B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAA;CAAE,CAAC;AACzE,KAAK,iBAAiB,GAAG,aAAa,GACpC,CAAC,qBAAqB,GAAG,uBAAuB,CAAC,GACjD,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,GAAG;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClE,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,YAAY,CAAA;CAAE,CAAC;AAiBlJ,eAAO,MAAM,MAAM,EAuXb,eAAe,CAAC"}
+{"version":3,"file":"shell-bottom.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3F,OAAO,KAAK,EAAE,UAAU,EAAyB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1F,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAC;AACrF,KAAK,qBAAqB,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAC/K,qGAAqG;AACrG,KAAK,uBAAuB,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAClL,KAAK,yBAAyB,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAChF,KAAK,2BAA2B,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnF,KAAK,iBAAiB,GAAG,aAAa,GACpC,CAAC,qBAAqB,GAAG,uBAAuB,CAAC,GACjD,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,GAAG;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,YAAY,CAAA;CAAE,CAAC;AAIlJ,eAAO,MAAM,MAAM,EAqHb,eAAe,CAAC"}

package/dist/cjs/components/_internal/shell-bottom.js

@@ -1,2 +1,2 @@
-"use strict";var io=Object.create;var De=Object.defineProperty;var lo=Object.getOwnPropertyDescriptor;var po=Object.getOwnPropertyNames;var co=Object.getPrototypeOf,uo=Object.prototype.hasOwnProperty;var mo=(e,t)=>{for(var o in t)De(e,o,{get:t[o],enumerable:!0})},Rt=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of po(t))!uo.call(e,s)&&s!==o&&De(e,s,{get:()=>t[s],enumerable:!(n=lo(t,s))||n.enumerable});return e};var B=(e,t,o)=>(o=e!=null?io(co(e)):{},Rt(t||!e||!e.__esModule?De(o,"default",{value:e,enumerable:!0}):o,e)),fo=e=>Rt(De({},"__esModule",{value:!0}),e);var un={};mo(un,{Bottom:()=>ut});module.exports=fo(un);var d=B(require("react")),no=B(require("classnames"));var P=B(require("react")),Wt=B(require("classnames")),te=require("radix-ui");var re={asChild:{type:"boolean"}};var Ee={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var bt={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var yo=["1","2","3","4"],Po=["solid","translucent"],go=["solid","translucent"],Ct={...re,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:yo,default:"3",responsive:!0},panelBackground:{type:"enum",values:Po,default:void 0},material:{type:"enum",values:go,default:void 0},width:Ee.width,minWidth:Ee.minWidth,maxWidth:{...Ee.maxWidth,default:"600px"},...bt};var x=B(require("react")),kt=B(require("classnames")),ye=require("radix-ui"),Me=require("radix-ui/internal");function xt(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var $e=B(require("react"));function Z(e){let[t,o]=$e.useState(e),[n,s]=$e.useState(e);return Object.is(e,n)||(s(e),o(e)),[t,o]}var St=B(require("react")),ho="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",Tt=new Set;function vo(e){Tt.has(e)||(Tt.add(e),console.warn(e))}function we(e){St.useEffect(()=>{},[e])}var Ue=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],Dt=["auto","gray","mauve","slate","sage","olive","sand"],ke={color:{type:"enum",values:Ue,default:void 0}};var Et=["none","small","medium","large","full"];var Ro=["inherit","light","dark"],bo=["solid","translucent"],Co=["solid","translucent"],xo=["90%","95%","100%","105%","110%"],wt=["sans","mono","serif"],y={...re,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:Ro,default:"inherit"},accentColor:{type:"enum",values:Ue,default:"blue"},grayColor:{type:"enum",values:Dt,default:"slate"},material:{type:"enum",values:Co,default:"translucent"},panelBackground:{type:"enum",values:bo,default:"translucent"},radius:{type:"enum",values:Et,default:"full"},scaling:{type:"enum",values:xo,default:"100%"},fontFamily:{type:"enum",values:wt,default:"sans"},headingFontFamily:{type:"enum",values:wt}};var N=()=>{},Ln={appearance:y.appearance.default,accentColor:y.accentColor.default,grayColor:y.grayColor.default,resolvedGrayColor:y.grayColor.default,material:y.material.default,panelBackground:y.panelBackground.default,radius:y.radius.default,scaling:y.scaling.default,fontFamily:y.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:N,onAccentColorChange:N,onGrayColorChange:N,onMaterialChange:N,onPanelBackgroundChange:N,onRadiusChange:N,onScalingChange:N,onFontFamilyChange:N,onHeadingFontFamilyChange:N},_e=x.createContext(void 0);var qe=x.forwardRef((e,t)=>x.useContext(_e)===void 0?x.createElement(ye.Tooltip.Provider,{delayDuration:200},x.createElement(ye.Direction.Provider,{dir:"ltr"},x.createElement(Mt,{...e,ref:t}))):x.createElement(Ye,{...e,ref:t}));qe.displayName="Theme";var Mt=x.forwardRef((e,t)=>{let{appearance:o=y.appearance.default,accentColor:n=y.accentColor.default,grayColor:s=y.grayColor.default,material:r=y.material.default,panelBackground:l=y.panelBackground.default,radius:p=y.radius.default,scaling:i=y.scaling.default,fontFamily:a=y.fontFamily.default,headingFontFamily:u,hasBackground:m=y.hasBackground.default,...g}=e;we(e.panelBackground);let[E,T]=Z(o),[H,_]=Z(n),[$,R]=Z(s),z=r!==y.material.default?r:l,[F,G]=Z(z),[W,U]=Z(F),[ee,oe]=Z(p),[f,b]=Z(i),[w,K]=Z(a),[q,h]=Z(u);return x.createElement(Ye,{...g,ref:t,isRoot:!0,hasBackground:m,appearance:E,accentColor:H,grayColor:$,material:F,panelBackground:W,radius:ee,scaling:f,fontFamily:w,headingFontFamily:q,onAppearanceChange:T,onAccentColorChange:_,onGrayColorChange:R,onMaterialChange:G,onPanelBackgroundChange:U,onRadiusChange:oe,onScalingChange:b,onFontFamilyChange:K,onHeadingFontFamilyChange:h})});Mt.displayName="ThemeRoot";function To(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var Ye=x.forwardRef((e,t)=>{let o=x.useContext(_e),{asChild:n,isRoot:s,hasBackground:r,appearance:l=e.appearance??o?.appearance??y.appearance.default,accentColor:p=e.accentColor??o?.accentColor??y.accentColor.default,grayColor:i=e.grayColor??o?.resolvedGrayColor??y.grayColor.default,material:a=e.material??o?.material??y.material.default,panelBackground:u=e.panelBackground??o?.panelBackground??y.panelBackground.default,radius:m=e.radius??o?.radius??y.radius.default,scaling:g=e.scaling??o?.scaling??y.scaling.default,fontFamily:E=e.fontFamily??o?.fontFamily??y.fontFamily.default,headingFontFamily:T=e.headingFontFamily??o?.headingFontFamily,onAppearanceChange:H=N,onAccentColorChange:_=N,onGrayColorChange:$=N,onMaterialChange:R=N,onPanelBackgroundChange:z=N,onRadiusChange:F=N,onScalingChange:G=N,onFontFamilyChange:W=N,onHeadingFontFamilyChange:U=N,...ee}=e,oe=n?ye.Slot.Root:"div",f=i==="auto"?xt(p):i,b=e.appearance==="light"||e.appearance==="dark",w=r===void 0?s||b:r,K=x.useRef(null),q=(0,Me.useComposedRefs)(t,K),h="data-os"in ee;return(0,Me.useLayoutEffect)(()=>{if(!s||h)return;let V=K.current;if(!V)return;let v=To();if(v)return V.setAttribute("data-os",v),()=>V.removeAttribute("data-os")},[s,h]),x.createElement(_e.Provider,{value:x.useMemo(()=>({appearance:l,accentColor:p,grayColor:i,resolvedGrayColor:f,material:a,panelBackground:u,radius:m,scaling:g,fontFamily:E,headingFontFamily:T,onAppearanceChange:H,onAccentColorChange:_,onGrayColorChange:$,onMaterialChange:R,onPanelBackgroundChange:z,onRadiusChange:F,onScalingChange:G,onFontFamilyChange:W,onHeadingFontFamilyChange:U}),[l,p,i,f,a,u,m,g,E,T,H,_,$,R,z,F,G,W,U])},x.createElement(oe,{"data-is-root-theme":s?"true":"false","data-accent-color":p,"data-gray-color":f,"data-has-background":w?"true":"false","data-material":a,"data-panel-background":u,"data-radius":m,"data-scaling":g,"data-font-family":E,"data-heading-font-family":T,ref:q,...ee,className:(0,kt.default)("radix-themes",{light:l==="light",dark:l==="dark"},ee.className)}))});Ye.displayName="ThemeImpl";var ce=B(require("react")),Ft=require("radix-ui");var So=["loud","medium","quiet"],Be={emphasis:{type:"enum",className:"rt-emphasis",values:So,default:void 0}};var Do=["normal","start","end","both"],Ne={trim:{type:"enum",className:"rt-r-lt",values:Do,responsive:!0}};var Eo=["left","center","right"],ze={align:{type:"enum",className:"rt-r-ta",values:Eo,responsive:!0}};var wo=["wrap","nowrap","pretty","balance"],Le={wrap:{type:"enum",className:"rt-r-tw",values:wo,responsive:!0}};var He={truncate:{type:"boolean",className:"rt-truncate"}};var ko=["sans","mono","serif"],Fe={font:{type:"enum",className:"rt-r-ff",values:ko}};var Mo=["thin","extralight","light","regular","medium","semibold","bold","extrabold"],Ve={weight:{type:"enum",className:"rt-r-weight",values:Mo,responsive:!0}};var Bo=["h1","h2","h3","h4","h5","h6"],No=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Bt={as:{type:"enum",values:Bo,default:"h1"},...re,size:{type:"enum",className:"rt-r-size",values:No,default:"6",responsive:!0},...Fe,...Ve,...ze,...Ne,...He,...Le,...ke,...Be};var Ht=B(require("classnames"));var zo=[],Lo=new Set;function Ho(e){let t=Object.assign({},...e),o=[],n=[],s=new Set;for(let r in t){let l=t[r],p=l.values??zo,i={key:r,type:l.type,default:l.default,hasDefault:l.default!==void 0,responsive:"responsive"in l,className:l.className,customProperties:l.customProperties,parseValue:l.parseValue,values:p,valueSet:p.length>0?new Set(p):Lo,enumValueSet:l.type==="enum"?new Set([l.default,...p]):void 0};l.className?(o.push(i),s.add(r)):(i.hasDefault||l.type==="enum")&&n.push(i)}return{styling:o,passthrough:n,stylingKeys:s}}var Fo={children:new WeakMap};function Nt(e){let t=Fo;for(let o=0;o<e.length;o++){let n=e[o],s=t.children.get(n);s===void 0&&(s={children:new WeakMap},t.children.set(n,s)),t=s}return t.compiled??(t.compiled=Ho(e))}var Vo=["initial","xs","sm","md","lg","xl"],Xe=new Set(Vo);function Je(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Oo=new Set(["initial","xs","sm","md","lg","xl"]);function ie(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Oo.has(t))return!0;return!1}function Oe(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Lt({className:e,customProperties:t,...o}){let n=Qe({allowArbitraryValues:!0,className:e,...o}),s=Ao({customProperties:t,...o});return[n,s]}function Qe({allowArbitraryValues:e,value:t,className:o,propValues:n,propValueSet:s,parseValue:r=l=>l}){if(t){if(typeof t=="string")return Oe(n,s,t)?zt(o,t,r):e?o:void 0;if(ie(t)){let l=t,p=[];for(let i in l){if(!Je(l,i)||!Xe.has(i))continue;let a=l[i];if(a!==void 0){if(Oe(n,s,a)){let u=zt(o,a,r),m=i==="initial"?u:`${i}:${u}`;p.push(m)}else if(e){let u=i==="initial"?o:`${i}:${o}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(e)return o}}function zt(e,t,o){let n=e?"-":"",s=o(t),r=s?.startsWith("-"),l=r?"-":"",p=r?s?.substring(1):s;return`${l}${e}${n}${p}`}function Ao({customProperties:e,value:t,propValues:o,propValueSet:n,parseValue:s=r=>r}){if(!t||typeof t=="string"&&Oe(o,n,t))return;let r;if(typeof t=="string"){let l=s(t);r={};for(let p of e)r[p]=l;return r}if(ie(t)){let l=t;for(let p in l){if(!Je(l,p)||!Xe.has(p))continue;let i=l[p];if(i===void 0||Oe(o,n,i))continue;let a=s(i);r??(r={});for(let u of e){let m=p==="initial"?u:`${u}-${p}`;r[m]=a}}}return r??{}}function Ze(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function Io(e,t){let o=e.initial,n=!1;return t.hasDefault&&o===void 0&&(o=t.default,n=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,n=!0),n?{...e,initial:o}:e}function le(e,...t){let{styling:o,passthrough:n,stylingKeys:s}=Nt(t),r={};for(let i in e)s.has(i)||(r[i]=e[i]);for(let i=0;i<n.length;i++){let a=n[i],u=r[a.key];if(u===void 0){a.hasDefault&&(r[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!ie(u)&&(r[a.key]=a.default)}let l,p=[];for(let i=0;i<o.length;i++){let a=o[i],u=e[a.key];if(u===void 0&&a.hasDefault&&(u=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!ie(u)&&(u=a.default),!!u){if(ie(u)){if(!a.responsive)continue;u=Io(u,a)}if(a.type==="enum"){let m=Qe({allowArbitraryValues:!1,value:u,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});m&&p.push(m);continue}if(a.type==="string"||a.type==="enum | string"){let[m,g]=Lt({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:u});g&&(l=Ze(l,g)),m&&p.push(m);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return r.className=(0,Ht.default)(p.length>0?p.join(" "):void 0,e.className),r.style=Ze(l,e.style),r}var pe=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],Ae={m:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:pe,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var Wo={...Bt,...Ae},et=ce.memo(ce.forwardRef((e,t)=>{let{children:o,className:n,asChild:s,as:r="h1",color:l,...p}=le(e,Wo),i=n?`rt-Heading ${n}`:"rt-Heading";return s?ce.createElement(Ft.Slot.Root,{"data-accent-color":l,...p,ref:t,className:i},o):ce.createElement(r,{"data-accent-color":l,...p,ref:t,className:i},o)}));et.displayName="Heading";var de=B(require("react")),Ot=require("radix-ui");var jo=["span","div","label","p"],Go=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Vt={as:{type:"enum",values:jo,default:"span"},...re,size:{type:"enum",className:"rt-r-size",values:Go,responsive:!0},...Fe,...Ve,...ze,...Ne,...He,...Le,...ke,...Be};var Ko={...Vt,...Ae},tt=de.memo(de.forwardRef((e,t)=>{let{children:o,className:n,asChild:s,as:r="span",color:l,...p}=le(e,Ko),i=n?`rt-Text ${n}`:"rt-Text";return s?de.createElement(Ot.Slot.Root,{"data-accent-color":l,...p,ref:t,className:i},o):de.createElement(r,{"data-accent-color":l,...p,ref:t,className:i},o)}));tt.displayName="Text";var Ie=B(require("react")),ot=e=>{if(!Ie.isValidElement(e))throw Error(`Expected a single React Element child, but got: ${Ie.Children.toArray(e).map(o=>typeof o=="object"&&"type"in o&&typeof o.type=="string"?o.type:typeof o).join(", ")}`);return e};var At=B(require("react")),nt=!1;function It(){At.useEffect(()=>{if(typeof document>"u"||nt)return;nt=!0;let e=new Set,t=(u,m)=>{let g=setTimeout(()=>{e.delete(g),u()},m);e.add(g)},o=()=>{let u=!!document.querySelector('[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]'),m=!!document.querySelector('[data-radix-popper-content-wrapper], [data-state="open"]');return u||m},n=()=>{document.body.style.pointerEvents==="none"&&(console.log("[KookieUI] Force cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="",document.body.removeAttribute("data-scroll-locked"),document.body.removeAttribute("data-remove-scroll"),document.body.classList.remove("ReactModal__Body--open"))},s=()=>{document.body.style.pointerEvents==="none"&&!o()&&(console.log("[KookieUI] Safe cleaning stuck pointer-events: none from body"),document.body.style.pointerEvents="")},r=u=>{let m=u.target;m&&!m.closest('[role="dialog"], [role="alertdialog"], [data-radix-popper-content-wrapper]')&&t(n,100)},l=u=>{u.key==="Escape"&&t(n,200)},p=()=>{t(s,50)};document.addEventListener("click",r,!0),document.addEventListener("keydown",l,!0),document.addEventListener("pointerup",p,!0),document.addEventListener("transitionend",p,!0),document.addEventListener("animationend",p,!0);let i=new MutationObserver(()=>{t(s,0)});i.observe(document.body,{childList:!0,subtree:!0,attributes:!0});let a=setInterval(()=>{document.body.style.pointerEvents==="none"&&!o()&&(console.log("[KookieUI] Periodic cleanup of stuck pointer-events"),document.body.style.pointerEvents="")},1e3);return t(s,100),()=>{clearInterval(a),e.forEach(clearTimeout),e.clear(),i.disconnect(),document.removeEventListener("click",r,!0),document.removeEventListener("keydown",l,!0),document.removeEventListener("pointerup",p,!0),document.removeEventListener("transitionend",p,!0),document.removeEventListener("animationend",p,!0),nt=!1}},[])}var rt=e=>P.createElement(te.Dialog.Root,{...e,modal:!0});rt.displayName="Sheet.Root";var $o=P.forwardRef(({children:e,...t},o)=>P.createElement(te.Dialog.Trigger,{...t,ref:o,asChild:!0},ot(e)));$o.displayName="Sheet.Trigger";var{align:jr,panelBackground:Uo,material:_o,...jt}=Ct,qo={panelBackground:Uo,material:_o},{default:Gr,...Yo}=jt.maxWidth,Xo={...jt,maxWidth:Yo},st=P.forwardRef((e,t)=>{let{side:o="start",forceMount:n,container:s,className:r,panelBackground:l,material:p,...i}=e,u={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[o],{panelBackground:m,material:g}=le({panelBackground:l,material:p},qo);we(l);let E=g??m,{className:T,...H}=le(i,Xo),_=P.useRef(null),$=P.useMemo(()=>R=>{_.current=R,typeof t=="function"?t(R):t&&(t.current=R)},[t]);return It(),P.useEffect(()=>{if(typeof window>"u")return;let R=_.current;if(!R)return;let z=R.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(z.length===0)return;let F=z[0],G=z[z.length-1],W=U=>{U.key==="Tab"&&(U.shiftKey?document.activeElement===F&&(U.preventDefault(),G.focus()):document.activeElement===G&&(U.preventDefault(),F.focus()))};return R.addEventListener("keydown",W),F.focus(),()=>{R.removeEventListener("keydown",W)}},[]),P.createElement(te.Dialog.Portal,{container:s,forceMount:n},P.createElement(qe,{asChild:!0},P.createElement(te.Dialog.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},P.createElement(te.Dialog.Content,{...H,ref:$,className:(0,Wt.default)("rt-BaseDialogContent","rt-SheetContent",r,T),"data-side":u,"data-material":E,"data-panel-background":E,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});st.displayName="Sheet.Content";var at=P.forwardRef(({size:e="4",weight:t="medium",...o},n)=>P.createElement(te.Dialog.Title,{asChild:!0},P.createElement(et,{ref:n,size:e,weight:t,...o})));at.displayName="Sheet.Title";var Jo=P.forwardRef(({size:e="2",emphasis:t="medium",...o},n)=>P.createElement(te.Dialog.Description,{asChild:!0},P.createElement(tt,{ref:n,size:e,emphasis:t,...o})));Jo.displayName="Sheet.Description";var Qo=P.forwardRef(({children:e,...t},o)=>P.createElement(te.Dialog.Close,{...t,ref:o,asChild:!0},ot(e)));Qo.displayName="Sheet.Close";var it=require("radix-ui"),Gt=it.VisuallyHidden.Root,Kr=it.VisuallyHidden.Root;var D=B(require("react")),en=D.createContext(null);function lt(){let e=D.useContext(en);if(!e)throw new Error("Shell components must be used within <Shell.Root>");return e}var Ur=D.createContext(null);var _r=D.createContext(null);var qr=D.createContext(null);var Yr=D.createContext(null);var tn=D.createContext(null);function Kt(){let e=D.useContext(tn);if(!e)throw new Error("useBottomMode must be used within Shell.Root");return e}var on=D.createContext(null);function $t(){let e=D.useContext(on);if(!e)throw new Error("usePresentation must be used within Shell.Root");return e}var nn=D.createContext(null);function Ut(){let e=D.useContext(nn);if(!e)throw new Error("usePeek must be used within Shell.Root");return e}var rn=D.createContext(null);function _t(){let e=D.useContext(rn);if(!e)throw new Error("useShellActions must be used within Shell.Root");return e}var Xr=D.createContext(null);var sn=D.createContext(null);function qt(){let e=D.useContext(sn);if(!e)throw new Error("useInset must be used within Shell.Root");return e}var A=B(require("react"));var pt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};function Xt(e){let{currentBreakpoint:t}=lt();return A.useMemo(()=>{if(typeof e=="string")return e;if(e[t])return e[t];let n=[...Object.keys(pt)].reverse().concat("initial"),s=n.indexOf(t);for(let r=s+1;r<n.length;r++){let l=n[r];if(e[l])return e[l]}return"fixed"},[e,t])}function Yt(e){let{currentBreakpoint:t}=lt();return A.useMemo(()=>{if(e==null)return;if(typeof e!="object")return e;let o=e;if(o[t]!==void 0)return o[t];let s=[...Object.keys(pt)].reverse().concat("initial"),r=s.indexOf(t);for(let l=r+1;l<s.length;l++){let p=s[l];if(o[p]!==void 0)return o[p]}},[e,t])}function Jt({controlledValue:e,defaultValue:t,currentValue:o,setValue:n,breakpointReady:s,onInit:r,onResponsiveChange:l,controlledIsResponsive:p=!1}){let i=Yt(e),a=Yt(t),u=A.useRef(void 0),m=A.useRef(null),g=A.useRef(i),E=A.useRef(o),T=A.useRef(n);A.useLayoutEffect(()=>{g.current=i,E.current=o,T.current=n}),A.useEffect(()=>{if(i===void 0)return;let $=u.current!==i;if(u.current=i,o===i){m.current&&(clearTimeout(m.current),m.current=null),p&&l?.(i);return}if($){m.current&&(clearTimeout(m.current),m.current=null),n(i),p&&l?.(i);return}m.current||(m.current=setTimeout(()=>{m.current=null;let R=g.current,z=E.current;R!==void 0&&z!==R&&T.current(R)},0))},[i,o,n,l,p]),A.useEffect(()=>()=>{m.current&&(clearTimeout(m.current),m.current=null)},[]);let H=A.useRef(!1);return A.useEffect(()=>{H.current||s&&(typeof e<"u"||a!==void 0&&(H.current=!0,o!==a&&n(a),r?.(a)))},[s,e,a,o,n,r]),{resolvedControlled:i,resolvedDefault:a}}var We=B(require("react")),ct=We.createContext(null);function Qt(){let e=We.useContext(ct);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var I=B(require("react")),Zt=B(require("classnames"));var ue=I.forwardRef(({className:e,children:t,...o},n)=>{let{containerRef:s,cssVarName:r,minSize:l,maxSize:p,defaultSize:i,orientation:a,edge:u,computeNext:m,onResize:g,onResizeStart:E,onResizeEnd:T,snapPoints:H,snapTolerance:_,collapseThreshold:$,collapsible:R,target:z,requestCollapse:F,requestToggle:G}=Qt(),W=I.useRef(null);I.useEffect(()=>()=>{try{W.current?.()}catch{}W.current=null},[]);let U=a,oe=`Resize ${z.charAt(0).toUpperCase()+z.slice(1)} pane`;return I.createElement("div",{...o,ref:n,className:(0,Zt.default)("rt-ShellResizer",e),"data-orientation":a,"data-edge":u,role:"slider","aria-label":oe,"aria-orientation":U,"aria-valuemin":l,"aria-valuemax":p,"aria-valuenow":i,tabIndex:0,onPointerDown:f=>{if(!s.current)return;f.preventDefault();let b=s.current,w=f.currentTarget,K=f.pointerId;try{W.current?.()}catch{}b.setAttribute("data-resizing","");try{w.setPointerCapture(K)}catch{}let q=a==="vertical"?f.clientX:f.clientY,h=parseFloat(getComputedStyle(b).getPropertyValue(r)||`${i}`),V=S=>Math.min(Math.max(S,l),p),v=document.body,k=v.style.cursor,Q=v.style.userSelect;v.style.cursor=a==="vertical"?"col-resize":"row-resize",v.style.userSelect="none",E?.(h);let se=null,ne=!1,Pe=(S,Y)=>{if(S.type===Y)ne=!0;else if(ne)return!1;return!0},j=S=>{if(!Pe(S,"pointermove")||S===se)return;se=S;let Y=a==="vertical"?S.clientX:S.clientY,J=V(m(Y,q,h));b.style.setProperty(r,`${J}px`),w.setAttribute("aria-valuenow",String(J)),g?.(J)},ge=()=>{try{w.releasePointerCapture(K)}catch{}window.removeEventListener("pointermove",j),document.removeEventListener("pointermove",j),window.removeEventListener("mousemove",j),document.removeEventListener("mousemove",j),w.removeEventListener("pointermove",j),window.removeEventListener("pointerup",O),document.removeEventListener("pointerup",O),window.removeEventListener("mouseup",O),document.removeEventListener("mouseup",O),window.removeEventListener("pointercancel",O),document.removeEventListener("pointercancel",O),window.removeEventListener("keydown",he),w.removeEventListener("lostpointercapture",O),b.removeAttribute("data-resizing"),v.style.cursor=k,v.style.userSelect=Q,W.current=null},X=!1,O=()=>{if(X)return;X=!0;let S=parseFloat(getComputedStyle(b).getPropertyValue(r)||`${i}`),Y=S;if(H&&H.length){let J=H.reduce((me,be)=>Math.abs(be-S)<Math.abs(me-S)?be:me,H[0]);Math.abs(J-S)<=(_??8)&&(Y=J,b.style.setProperty(r,`${Y}px`),w.setAttribute("aria-valuenow",String(Y)),g?.(Y))}R&&typeof $=="number"&&S<=$&&F?.(),T?.(Y),ge()},he=S=>{S.key==="Escape"&&(b.style.setProperty(r,`${h}px`),w.setAttribute("aria-valuenow",String(h)),T?.(h),ge())};window.addEventListener("pointermove",j),document.addEventListener("pointermove",j),window.addEventListener("mousemove",j),document.addEventListener("mousemove",j),w.addEventListener("pointermove",j),window.addEventListener("pointerup",O),document.addEventListener("pointerup",O),window.addEventListener("mouseup",O),document.addEventListener("mouseup",O),window.addEventListener("pointercancel",O),document.addEventListener("pointercancel",O),window.addEventListener("keydown",he),w.addEventListener("lostpointercapture",O),W.current=ge},onDoubleClick:()=>{R&&G?.()},onKeyDown:f=>{if(!s.current)return;let b=s.current,w=getComputedStyle(b).getPropertyValue(r),K=Number.parseFloat(w.trim()),q=Number.isFinite(K)?K:i,h=k=>Math.min(Math.max(k,l),p),V=f.shiftKey?32:8,v=0;if(a==="vertical"){let k=typeof document<"u"?document.dir:void 0,Q=getComputedStyle(b).direction,se=!!(b.closest&&b.closest('[dir="rtl"]')),ne=k==="rtl"||Q==="rtl"||se;f.key==="ArrowRight"?v=ne?-V:V:f.key==="ArrowLeft"&&(v=ne?V:-V)}else f.key==="ArrowDown"?v=V:f.key==="ArrowUp"&&(v=-V);if(f.key==="Home"){f.preventDefault(),E?.(q);let k=h(l);b.style.setProperty(r,`${k}px`),f.currentTarget.setAttribute("aria-valuenow",String(k)),g?.(k),T?.(k);return}if(f.key==="End"){f.preventDefault(),E?.(q);let k=h(p);b.style.setProperty(r,`${k}px`),f.currentTarget.setAttribute("aria-valuenow",String(k)),g?.(k),T?.(k);return}if(v!==0){f.preventDefault(),E?.(q);let k=a==="vertical"&&u==="start"?-v:v,Q=h(q+k);b.style.setProperty(r,`${Q}px`),f.currentTarget.setAttribute("aria-valuenow",String(Q)),g?.(Q),T?.(Q)}}},t)});ue.displayName="Shell.Handle";var an=I.forwardRef((e,t)=>I.createElement(ue,{...e,ref:t}));an.displayName="Shell.Panel.Handle";var ln=I.forwardRef((e,t)=>I.createElement(ue,{...e,ref:t}));ln.displayName="Shell.Sidebar.Handle";var pn=I.forwardRef((e,t)=>I.createElement(ue,{...e,ref:t}));pn.displayName="Shell.Inspector.Handle";var Re=I.forwardRef((e,t)=>I.createElement(ue,{...e,ref:t}));Re.displayName="Shell.Bottom.Handle";function cn(e,t){let o=new Set(t),n={};return Object.keys(e).forEach(s=>{o.has(s)||(n[s]=e[s])}),n}var eo=["presentation","expandedSize","minSize","maxSize","resizable","collapsible","onExpand","onCollapse","onResize","resizer","onResizeStart","onResizeEnd","snapPoints","snapTolerance","collapseThreshold","paneId","persistence","inset"];function to(e,t){let o=t?[...eo,...t]:[...eo];return cn(e,o)}function dt(e){if(e!=null){if(typeof e=="object"){let t={};return Object.entries(e).forEach(([o,n])=>{typeof n=="boolean"&&(t[o]=n?"expanded":"collapsed")}),t}return e?"expanded":"collapsed"}}function oo(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let o=String(e).trim();if(!o)return;if(o.endsWith("px"))return Number.parseFloat(o);if(o.endsWith("rem")){let s=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(o)*s}if(o.endsWith("%")){let s=Number.parseFloat(o),r=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return s/100*r}let n=Number.parseFloat(o);return Number.isFinite(n)?n:void 0}var dn=["className","children","defaultOpen","open","onOpenChange","size","defaultSize","onSizeChange","sizeUpdate","sizeUpdateMs","style","inset"],ut=d.forwardRef((e,t)=>{let{className:o,presentation:n="fixed",defaultOpen:s,open:r,onOpenChange:l,expandedSize:p=200,minSize:i=100,maxSize:a=400,resizable:u=!1,collapsible:m=!0,onExpand:g,onCollapse:E,onResize:T,onResizeStart:H,onResizeEnd:_,snapPoints:$,snapTolerance:R,collapseThreshold:z,paneId:F,persistence:G,children:W,style:U,size:ee,defaultSize:oe,onSizeChange:f,sizeUpdate:b,sizeUpdateMs:w=50,inset:K}=e,q=to(e,dn),{bottomMode:h,setBottomMode:V}=Kt(),{currentBreakpointReady:v}=$t(),{peekTarget:k}=Ut(),{togglePane:Q}=_t(),{registerInset:se,unregisterInset:ne}=qt();d.useLayoutEffect(()=>{if(K)return se("bottom"),()=>ne("bottom")},[K,se,ne]);let Pe=Xt(n),j=Pe==="overlay",ge=Pe==="stacked",X=d.useRef(null),O=d.useCallback(c=>{X.current=c,typeof t=="function"?t(c):t&&(t.current=c)},[t]),he=d.Children.toArray(W),S=he.filter(c=>d.isValidElement(c)&&c.type===Re),Y=he.filter(c=>!(d.isValidElement(c)&&c.type===Re)),J=d.useRef(l),me=d.useRef(r);d.useLayoutEffect(()=>{J.current=l,me.current=r});let be=d.useMemo(()=>dt(r),[r]),ro=d.useMemo(()=>dt(s),[s]),so=typeof r=="object"&&r!==null,{resolvedControlled:ve}=Jt({controlledValue:be,defaultValue:ro,currentValue:h,setValue:V,breakpointReady:v,controlledIsResponsive:so,onResponsiveChange:c=>J.current?.(c==="expanded",{reason:"responsive"}),onInit:c=>{typeof me.current>"u"&&J.current?.(c==="expanded",{reason:"init"})}}),ae=d.useRef(null);d.useEffect(()=>()=>{ae.current&&(clearTimeout(ae.current),ae.current=null)},[f,b,w]);let Ce=d.useMemo(()=>{let c=f,M=b,L=w??50;if(!c)return()=>{};if(M==="debounce")return(C,fe)=>{ae.current&&clearTimeout(ae.current),ae.current=setTimeout(()=>{c(C,fe),ae.current=null},L)};if(M==="throttle"){let C=0;return(fe,ht)=>{let vt=Date.now();vt-C>=L&&(C=vt,c(fe,ht))}}return(C,fe)=>c(C,fe)},[f,b,w]),xe=d.useRef(null);d.useEffect(()=>{let c=typeof r<"u";if(xe.current===null){xe.current=c;return}xe.current!==c&&(console.warn("Shell.Bottom: Switching between controlled and uncontrolled `open` is not supported."),xe.current=c)},[r]);let mt=d.useRef(null),ft=d.useRef(void 0);d.useEffect(()=>{let c=mt.current,L=ft.current!==ve;if(c!==null&&c!==h){let C=h==="expanded";(!(typeof me.current<"u")||!L&&C!==(ve===void 0?void 0:ve==="expanded"))&&J.current?.(C,{reason:"toggle"})}mt.current=h,ft.current=ve},[h,ve]);let yt=d.useRef(g),Pt=d.useRef(E);d.useLayoutEffect(()=>{yt.current=g,Pt.current=E});let Te=d.useRef(null),gt=d.useRef(!1);d.useEffect(()=>{let c=h;if(!v){Te.current=c;return}if(!gt.current){gt.current=!0,Te.current=c;return}let M=Te.current;M!==null&&M!==c&&(c==="expanded"?yt.current?.():c==="collapsed"&&Pt.current?.(),Te.current=c)},[h,v]);let je=h==="expanded",Se=d.useMemo(()=>{if(!F||G)return G;let c=`kookie-ui:shell:bottom:${F}`;return{load:()=>{if(!(typeof window>"u"))try{let L=window.localStorage.getItem(c);return L?Number(L):void 0}catch{return}},save:L=>{if(!(typeof window>"u"))try{window.localStorage.setItem(c,String(L))}catch{}}}},[F,G]);d.useEffect(()=>{let c=!0;if(!u||!Se?.load||j)return;let M=Se.load(),L=C=>{!c||typeof C!="number"||!X.current||(X.current.style.setProperty("--bottom-size",`${C}px`),T?.(C))};return M instanceof Promise?M.then(L).catch(C=>{}):L(M),()=>{c=!1}},[u,Se,T,j]);let ao=u&&!j&&je?d.createElement(ct.Provider,{value:{containerRef:X,cssVarName:"--bottom-size",minSize:i,maxSize:a,defaultSize:p,orientation:"horizontal",edge:"start",computeNext:(c,M,L)=>{let C=c-M;return L-C},onResize:T,onResizeStart:H,onResizeEnd:c=>{_?.(c),Ce(c,{reason:"resize"}),Se?.save?.(c)},target:"bottom",collapsible:m,snapPoints:$,snapTolerance:R??8,collapseThreshold:z,requestCollapse:()=>V("collapsed"),requestToggle:()=>Q("bottom")}},S.length>0?S.map((c,M)=>d.cloneElement(c,{key:c.key??M})):d.createElement(ue,null)):null,Ge=d.useCallback(c=>oo(c,"vertical"),[]);d.useEffect(()=>{if(X.current&&typeof ee>"u"&&typeof oe<"u"){let c=Ge(oe);if(typeof c=="number"&&Number.isFinite(c)){let C=Math.min((typeof a=="number"?a:void 0)??c,Math.max((typeof i=="number"?i:void 0)??c,c));X.current.style.setProperty("--bottom-size",`${C}px`),Ce(C,{reason:"init"})}}},[]);let Ke=ee;return d.useEffect(()=>{if(!X.current||typeof Ke>"u")return;let c=Ge(Ke);if(typeof c=="number"&&Number.isFinite(c)){let C=Math.min((typeof a=="number"?a:void 0)??c,Math.max((typeof i=="number"?i:void 0)??c,c));X.current.style.setProperty("--bottom-size",`${C}px`),Ce(C,{reason:"controlled"})}},[Ke,i,a,Ge,Ce]),j?d.createElement(rt,{open:h==="expanded",onOpenChange:M=>V(M?"expanded":"collapsed")},d.createElement(st,{side:"bottom",style:{padding:0},"aria-label":"Bottom panel","aria-describedby":void 0,height:{initial:`${p}px`}},d.createElement(Gt,null,d.createElement(at,null,"Bottom panel")),Y)):d.createElement("div",{...q,ref:O,className:(0,no.default)("rt-ShellBottom",o),"data-mode":h,"data-peek":k==="bottom"||void 0,"data-presentation":v?Pe:void 0,"data-open":v&&ge&&je||void 0,"data-inset":K||void 0,style:{...U,"--bottom-size":`${p}px`,"--bottom-min-size":`${i}px`,"--bottom-max-size":`${a}px`}},d.createElement("div",{className:"rt-ShellBottomContent","data-visible":je||void 0},Y),ao)});ut.displayName="Shell.Bottom";ut.Handle=Re;
+"use strict";"use client";var at=Object.create;var ce=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var lt=Object.getPrototypeOf,ut=Object.prototype.hasOwnProperty;var ct=(e,t)=>{for(var n in t)ce(e,n,{get:t[n],enumerable:!0})},Me=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of st(t))!ut.call(e,r)&&r!==n&&ce(e,r,{get:()=>t[r],enumerable:!(o=it(t,r))||o.enumerable});return e};var J=(e,t,n)=>(n=e!=null?at(lt(e)):{},Me(t||!e||!e.__esModule?ce(n,"default",{value:e,enumerable:!0}):n,e)),dt=e=>Me(ce({},"__esModule",{value:!0}),e);var Ct={};ct(Ct,{Bottom:()=>Ce});module.exports=dt(Ct);var q=J(require("react")),et=J(require("classnames")),tt=require("radix-ui/internal");var de=J(require("react")),ge=de.createContext(null);function Ie(){let e=de.useContext(ge);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var R=J(require("react")),Oe=J(require("classnames"));var ee=R.forwardRef(({className:e,children:t,...n},o)=>{let{containerRef:r,controls:p,cssVarName:b,minSize:V,maxSize:w,defaultSize:E,orientation:P,edge:A,growth:g,onResize:T,onResizeStart:Y,onResizeEnd:M,snapPoints:L,snapTolerance:v,collapseThreshold:I,collapsible:N,target:D,requestCollapse:j,requestToggle:O}=Ie(),B=R.useRef(null),_=R.useCallback(i=>{B.current=i,typeof o=="function"?o(i):o&&(o.current=i)},[o]),a=R.useRef(null);R.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=R.useCallback(()=>{let i=r.current;if(!i)return E;let c=Number.parseFloat(getComputedStyle(i).getPropertyValue(b));return Number.isFinite(c)?c:E},[r,b,E]),y=R.useCallback(()=>{let i=r.current,c=B.current,f=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!f||!c)return w;let h=i.getBoundingClientRect(),k=c.getBoundingClientRect(),C=g(getComputedStyle(i).direction==="rtl"),m;P==="vertical"?m=C>0?f.right-h.left:h.right-f.left:m=C>0?f.bottom-h.top:h.bottom-f.top;let W=P==="vertical"?k.width:k.height;return!(f.width>0&&f.height>0)||!Number.isFinite(m)?w:Math.max(V,Math.min(w,Math.round(m-W)))},[r,g,w,V,P]),S=()=>{B.current?.setAttribute("aria-valuemax",String(y()))};R.useLayoutEffect(()=>{B.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let x=(i,c)=>{i.style.setProperty(b,`${c}px`),B.current?.setAttribute("aria-valuenow",String(Math.round(c)))},K=D.charAt(0).toUpperCase()+D.slice(1);return R.createElement("div",{ref:_,className:(0,Oe.default)("rt-ShellResizer",e),"data-orientation":P,"data-edge":A,role:"separator",tabIndex:0,"aria-label":`Resize ${K} pane`,"aria-controls":p,"aria-orientation":P,"aria-valuemin":V,"aria-valuemax":w,...n,onPointerDown:i=>{n.onPointerDown?.(i);let c=r.current;if(!c||i.defaultPrevented||i.button!==0)return;i.preventDefault();let f=i.currentTarget,h=i.pointerId;a.current?.();try{f.setPointerCapture(h)}catch{}let k=getComputedStyle(c),C=Number.parseFloat(k.getPropertyValue(b)),m=Number.isFinite(C)?C:E,W=P==="vertical"?i.clientX:i.clientY,s=g(k.direction==="rtl"),$=y();f.setAttribute("aria-valuemax",String($));let Q=z=>Math.min(Math.max(z,V),$);c.setAttribute("data-resizing",""),f.setAttribute("data-dragging","");let G=document.body,nt=G.style.cursor,ot=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",Y?.(m);let Z=m,he=m,U=0,re=null,Te=()=>{if(U=0,re===null)return;let z=re;re=null,T?.(z)},Le=null,ke=!1,rt=(z,ne)=>{if(z.type===ne)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!rt(z,"pointermove")||z===Le)return;Le=z;let ne=P==="vertical"?z.clientX:z.clientY;he=m+(ne-W)*s,Z=Q(he),x(c,Z),re=Z,U||(U=requestAnimationFrame(Te))},ue=()=>{U&&cancelAnimationFrame(U),U=0;try{f.releasePointerCapture(h)}catch{}window.removeEventListener("pointermove",X),document.removeEventListener("pointermove",X),window.removeEventListener("mousemove",X),document.removeEventListener("mousemove",X),f.removeEventListener("pointermove",X),window.removeEventListener("pointerup",H),document.removeEventListener("pointerup",H),window.removeEventListener("mouseup",H),document.removeEventListener("mouseup",H),window.removeEventListener("pointercancel",H),document.removeEventListener("pointercancel",H),window.removeEventListener("keydown",Ve),f.removeEventListener("lostpointercapture",H),c.removeAttribute("data-resizing"),f.removeAttribute("data-dragging"),G.style.cursor=nt,G.style.userSelect=ot,a.current=null},Re=!1,H=()=>{if(Re)return;if(Re=!0,U&&cancelAnimationFrame(U),Te(),N&&typeof I=="number"&&he<=I){x(c,m),T?.(m),ue(),j?.(),M?.(m);return}let z=Z;if(L&&L.length){let ne=L.reduce((Ne,Be)=>Math.abs(Be-Z)<Math.abs(Ne-Z)?Be:Ne,L[0]);Math.abs(ne-Z)<=v&&(z=Q(ne),x(c,z),T?.(z))}M?.(z),ue()},Ve=z=>{z.key==="Escape"&&(U&&cancelAnimationFrame(U),U=0,re=null,x(c,m),T?.(m),Re=!0,M?.(m),ue())};window.addEventListener("pointermove",X),document.addEventListener("pointermove",X),window.addEventListener("mousemove",X),document.addEventListener("mousemove",X),f.addEventListener("pointermove",X),window.addEventListener("pointerup",H),document.addEventListener("pointerup",H),window.addEventListener("mouseup",H),document.addEventListener("mouseup",H),window.addEventListener("pointercancel",H),document.addEventListener("pointercancel",H),window.addEventListener("keydown",Ve),f.addEventListener("lostpointercapture",H),a.current=ue},onDoubleClick:i=>{n.onDoubleClick?.(i),!i.defaultPrevented&&N&&O?.()},onFocus:i=>{n.onFocus?.(i),S()},onKeyDown:i=>{n.onKeyDown?.(i);let c=r.current;if(!c||i.defaultPrevented)return;let f=u(),h=y(),k=m=>Math.min(Math.max(m,V),h),C;if(i.key==="Home")C=k(V);else if(i.key==="End")C=k(h);else{let m=P==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(m===0)return;let W=i.shiftKey?32:8;C=k(f+m*W*g(getComputedStyle(c).direction==="rtl"))}i.preventDefault(),Y?.(f),x(c,C),T?.(C),M?.(C)}},t)});ee.displayName="Shell.Handle";var pt=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));pt.displayName="Shell.Panel.Handle";var ft=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));ft.displayName="Shell.Sidebar.Handle";var mt=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));mt.displayName="Shell.Inspector.Handle";var pe=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));pe.displayName="Shell.Bottom.Handle";var d=J(require("react"));var ie=J(require("react"));var He={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},fe=["initial","xs","sm","md","lg","xl"];var bt=Object.entries(He),ve=null,ae=new Set,te=null;function Pe(){return ve??(ve=bt.map(([e,t])=>[e,window.matchMedia(t)])),ve}function be(){let e="initial";for(let[t,n]of Pe())n.matches&&(e=t);return e}function me(){let e=be();e!==te&&(te=e,ae.forEach(t=>t()))}function Ae(e){if(typeof window>"u")return()=>{};if(ae.size===0){te=be();for(let[,t]of Pe())typeof t.addEventListener=="function"?t.addEventListener("change",me):t.addListener?.(me)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,t]of Pe())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",me):t.removeListener?.(me)}catch{}te=null}}}function ht(){return typeof window>"u"?"initial":(te??(te=be()),te)}function Rt(){return"initial"}function se(){return typeof window>"u"?"initial":be()}var gt=()=>!0,vt=()=>!1,De=()=>()=>{},Pt=()=>"initial";function $e(e=!0){let t=ie.useSyncExternalStore(e?Ae:De,e?ht:Pt,Rt),n=ie.useSyncExternalStore(e?Ae:De,gt,vt);return ie.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var F=J(require("react"));function Fe(e){return typeof e=="object"&&e!==null}function le(e,t){let n={},o=null;for(let r of fe){if(e!==void 0&&!Fe(e)){n[r]=e;continue}let p=Fe(e)?e[r]:void 0;p!==void 0&&(o={value:p}),n[r]=o?o.value:t(r)}return n}function oe(e){let t=e.initial;return fe.every(n=>e[n]===t)?t:void 0}function ye(e,t){let n=oe(t);if(n!==void 0)return{[`data-${e}`]:n};let o={};for(let r of fe)o[`data-${e}-${r}`]=t[r];return o}function Se(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Ot=le("fixed",()=>"fixed");function xe(e){e.version+=1;for(let t of e.listeners)t()}function yt(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var St=F.createContext(null);function je(e){let t=F.useContext(St);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Ue(e,t){let n=F.useCallback(o=>yt(e,o),[e]);return F.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var xt=F.createContext(null);function qe(e,t){let n=F.useContext(xt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:r}=n;F.useLayoutEffect(()=>{if(t)return o(e),()=>r(e)},[e,t,o,r])}var Ee=e=>typeof e=="object"&&e!==null;function zt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function _e(e){let{name:t,label:n,propNames:o,presentationTable:r,builtIn:p}=e,b=je(`Shell.${n}`),V=d.useId(),w=e.id??`shell-${t}${V}`,E=e.controlled!==void 0,P=Ee(e.controlled);P&&(`${n}${o.controlled}${o.default}`,void 0);let A=P?e.controlled:void 0,g=A??(Ee(e.defaultValue)?e.defaultValue:void 0),T=Se(g),[Y,M]=d.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),L=d.useMemo(()=>A?le(A,()=>zt(A)):le(g,s=>p(r[s])),[T,P,r,p]),v=Y;E&&(v=A?"auto":e.controlled);let I=oe(r)===void 0||v==="auto"&&oe(L)===void 0,{breakpoint:N,ready:D}=$e(I),j=s=>{let $=oe(s);return $!==void 0?$:D?s[N]:void 0},O=v==="auto"?j(L):v,B=j(r),_=B==="overlay",a=O===void 0?void 0:O!=="closed",u=a===!0&&_,y=e.defaultValue,S=d.useRef({state:v,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext});d.useLayoutEffect(()=>{S.current={state:v,value:O,autoTable:L,defaultValue:y,controlled:E,onChange:e.onChange,toggleNext:e.toggleNext}});let x=d.useCallback(()=>{let s=S.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[se()]:void 0},[]),K=d.useCallback(()=>{let s=S.current;return typeof s.defaultValue=="string"?s.defaultValue:Ee(s.defaultValue)?s.autoTable[se()]:void 0},[]),i=d.useCallback((s,$)=>{let Q=S.current;x()!==s&&(Q.onChange?.(s,$),Q.controlled||M(s))},[x]),c=d.useCallback(s=>{let $=S.current,Q=x()??"closed",G=$.toggleNext?$.toggleNext(Q,K()):Q==="closed"?"open":"closed";i(G,s)},[i,x,K]),f=d.useRef(null),h=d.useCallback(s=>{f.current=s},[]);d.useLayoutEffect(()=>{let s={name:t,id:w,el:f.current,value:O,presentation:B,presentationTable:r,overlayLive:u,size:e.size,setValue:i,toggle:c};return b.entries.set(t,s),xe(b),()=>{b.entries.get(t)===s&&(b.entries.delete(t),xe(b))}},[b,t,w,O,B,r,u,e.size,i,c]);let k=d.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});d.useLayoutEffect(()=>{k.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let C=d.useRef({state:v,shown:a});d.useEffect(()=>{let s=C.current;s.state!==v&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?k.current.onExpand?.():k.current.onCollapse?.()),C.current={state:v,shown:a}},[v,a]),d.useLayoutEffect(()=>{},[]);let m=d.useRef(E);d.useEffect(()=>{},[E,n,o.controlled]);let W=Ue(b,t)&&a===!1&&!_;return{store:b,id:w,state:v,value:O,shown:a,presentation:B,overlaying:_,overlayLive:u,peeking:W,ready:D,breakpoint:N,autoTable:L,setValue:i,toggle:c,defaultHereNow:K,setElement:h}}function Ke(e,t){let{state:n,value:o,presentation:r,shown:p}=e;return{...t,"data-state":n==="thin"?"open":n,"data-thin":n==="thin"?"":void 0,...n==="auto"?ye("auto",e.autoTable):{},"data-presentation":r,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":o==="thin"?"thin":"expanded","data-open":r==="stacked"&&p?"":void 0,"data-peek":e.peeking?"":void 0}}function We(e,t){let n=Se(e),o=d.useMemo(()=>le(e,()=>t),[n,t]),r=d.useMemo(()=>oe(o)===void 0?ye("presentation",o):{},[o]);return{table:o,attributes:r}}var l=J(require("react"));function Qe(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let r=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*r}if(n.endsWith("%")){let r=Number.parseFloat(n),p=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return r/100*p}let o=Number.parseFloat(n);return Number.isFinite(o)?o:void 0}var ze=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Ge(e){let{name:t,elementRef:n,cssVarName:o,orientation:r,minSize:p,maxSize:b,resizable:V,size:w,defaultSize:E,paneId:P,persistence:A}=e,g=l.useRef(e);l.useLayoutEffect(()=>{g.current=e});let T=l.useRef(null),Y=l.useRef(0);l.useEffect(()=>()=>{T.current&&clearTimeout(T.current)},[]);let M=l.useCallback((a,u)=>{let{onSizeChange:y,sizeUpdate:S,sizeUpdateMs:x}=g.current;if(y){if(S==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,g.current.onSizeChange?.(a,u)},x);return}if(S==="throttle"){let K=Date.now();if(K-Y.current<x)return;Y.current=K}y(a,u)}},[]),L=l.useCallback(a=>Qe(a,r==="vertical"?"horizontal":"vertical"),[r]),v=l.useRef(!1),I=l.useCallback((a,u)=>{let y=n.current;if(y){y.style.setProperty(o,`${a}px`);for(let S of y.querySelectorAll(":scope > .rt-ShellResizer"))S.setAttribute("aria-valuenow",String(Math.round(a)));u&&(v.current=!0)}},[n,o]);l.useLayoutEffect(()=>{v.current||I(e.expandedSize,!1)},[e.expandedSize,I]),l.useLayoutEffect(()=>{if(w!==void 0||E===void 0)return;let a=L(E);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);I(u,!0),M(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(w===void 0||g.current.overlayingNow())return;let a=L(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=ze(a,p,b);I(u,!0),M(u,{reason:"controlled"})},[w,p,b,e.overlaying,L,I,M]);let N=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${t}:${P}`;return{load:()=>{if(!(typeof window>"u"))try{let u=window.localStorage.getItem(a);return u?Number(u):void 0}catch{return}},save:u=>{if(!(typeof window>"u"))try{window.localStorage.setItem(a,String(u))}catch{}}}},[t,P,A]);l.useLayoutEffect(()=>{if(!V||!N?.load||g.current.overlayingNow())return;let a=!0,u=S=>{if(!a||typeof S!="number"||!Number.isFinite(S))return;let x=ze(S,p,b);I(x,!0),g.current.onResize?.(x)},y=N.load();return y instanceof Promise?y.then(u).catch(S=>{}):u(y),()=>{a=!1}},[V,N,e.overlaying,I,p,b,t]);let D=l.useCallback(a=>g.current.onResize?.(a),[]),j=l.useCallback(a=>{v.current=!0,g.current.onResizeStart?.(a)},[]),O=l.useCallback(a=>{g.current.onResizeEnd?.(a),M(a,{reason:"resize"}),N?.save?.(a)},[M,N]),B=l.useCallback(()=>g.current.requestCollapse(),[]),_=l.useCallback(()=>g.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:o,minSize:p,maxSize:b,defaultSize:e.expandedSize,orientation:r,edge:e.edge,growth:e.growth,onResize:D,onResizeStart:j,onResizeEnd:O,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:B,requestToggle:_}),[n,e.elementId,o,p,b,e.expandedSize,r,e.edge,e.growth,D,j,O,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,B,_])}function Xe(e,t){let n=l.Children.toArray(e),o=n.filter(p=>l.isValidElement(p)&&p.type===t),r=n.filter(p=>!(l.isValidElement(p)&&p.type===t));return{handles:o,content:r}}function we(e){if(e===void 0)return;if(typeof e=="boolean")return e?"open":"closed";let t={};for(let[n,o]of Object.entries(e))typeof o=="boolean"&&(t[n]=o?"open":"closed");return t}var Ye=()=>"closed";var Je=()=>-1;function Ze(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...o}=e;return o}var wt={controlled:"open",default:"defaultOpen"},Ce=q.forwardRef((e,t)=>{let{className:n,presentation:o="fixed",defaultOpen:r,open:p,onOpenChange:b,expandedSize:V=200,minSize:w=100,maxSize:E=400,resizable:P=!1,collapsible:A=!0,onExpand:g,onCollapse:T,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,children:O,style:B,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S=50,inset:x,id:K,...i}=e,{table:c,attributes:f}=We(o,"fixed"),h=_e({name:"bottom",label:"Bottom",propNames:wt,id:K,controlled:we(p),defaultValue:we(r),presentationTable:c,builtIn:Ye,onChange:(Q,G)=>b?.(Q!=="closed",{reason:G}),onExpand:g,onCollapse:T,size:V});qe("bottom",x),q.useEffect(()=>{(v!==void 0||N!==void 0||D!==void 0||j!==void 0)&&void 0},[v,N,D,j]);let k=q.useRef(null),C=(0,tt.useComposedRefs)(t,h.setElement,k),m=Ge({name:"bottom",elementId:h.id,elementRef:k,cssVarName:"--bottom-size",orientation:"horizontal",edge:"start",growth:Je,expandedSize:V,minSize:w,maxSize:E,resizable:P,collapsible:A,size:_,defaultSize:a,onSizeChange:u,sizeUpdate:y,sizeUpdateMs:S,onResize:Y,onResizeStart:M,onResizeEnd:L,snapPoints:v,snapTolerance:I,collapseThreshold:N,paneId:D,persistence:j,overlaying:h.overlaying,overlayingNow:()=>c[se()]==="overlay",requestCollapse:()=>h.setValue("closed","toggle"),requestToggle:()=>h.toggle("toggle")}),{handles:W,content:s}=Xe(O,pe),$=P&&h.shown!==!1&&!h.overlaying?q.createElement(ge.Provider,{value:m},W.length>0?W:q.createElement(ee,null)):null;return q.createElement("div",{...Ze(i),id:h.id,ref:C,className:(0,et.default)("rt-ShellPane","rt-ShellBottom",n),...Ke(h,f),"data-inset":x||void 0,tabIndex:h.overlaying?-1:i.tabIndex,style:{...B,"--bottom-expanded-size":`${V}px`,"--bottom-min-size":`${w}px`,"--bottom-max-size":`${E}px`}},q.createElement("div",{className:"rt-ShellBottomContent"},s),$)});Ce.displayName="Shell.Bottom";Ce.Handle=pe;
 //# sourceMappingURL=shell-bottom.js.map