@womp/kookie-ui 0.26.2 → 0.27.0

package/dist/cjs/components/theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/theme.tsx", "../../../src/helpers/get-matching-gray-color.ts", "../../../src/hooks/theme-size.ts", "../../../src/components/_internal/pane-band-context.ts", "../../../src/hooks/use-prop-synced-state.ts", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/theme.props.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot } from 'radix-ui';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { ThemeSizeContext } from '../hooks/theme-size.js';\nimport { PaneBandSizeContext } from './_internal/pane-band-context.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.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 ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\ntype ThemeSize = (typeof themePropDefs.size.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  onRadiusChange: (radius: ThemeRadius) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n  onSizeChange: (size: ThemeSize) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  radius: ThemeRadius;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n  size: ThemeSize;\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  radius: themePropDefs.radius.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  size: themePropDefs.size.default,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onRadiusChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n  onSizeChange: 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  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <Direction.Provider dir={dir}>\n        <ThemeRoot {...props} ref={forwardedRef} />\n      </Direction.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>((props, forwardedRef) => {\n  const {\n    appearance: appearanceProp = themePropDefs.appearance.default,\n    accentColor: accentColorProp = themePropDefs.accentColor.default,\n    grayColor: grayColorProp = themePropDefs.grayColor.default,\n    radius: radiusProp = themePropDefs.radius.default,\n    fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n    headingFontFamily: headingFontFamilyProp,\n    size: sizeProp = themePropDefs.size.default,\n    hasBackground = themePropDefs.hasBackground.default,\n    ...rootProps\n  } = props;\n\n  // Each of these follows its prop but stays independently settable, so\n  // the context setters 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  const [radius, setRadius] = usePropSyncedState(radiusProp);\n  const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n  const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n  const [size, setSize] = usePropSyncedState(sizeProp);\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      radius={radius}\n      fontFamily={fontFamily}\n      headingFontFamily={headingFontFamily}\n      size={size}\n      //\n      onAppearanceChange={setAppearance}\n      onAccentColorChange={setAccentColor}\n      onGrayColorChange={setGrayColor}\n      onRadiusChange={setRadius}\n      onFontFamilyChange={setFontFamily}\n      onHeadingFontFamilyChange={setHeadingFontFamily}\n      onSizeChange={setSize}\n    />\n  );\n});\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const outerBand = React.useContext(PaneBandSizeContext);\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    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    size = props.size ?? context?.size ?? themePropDefs.size.default,\n    // A nested Theme forwards changes to the one above it, so a switcher\n    // inside a portal (Dialog, Popover, menus) still reaches the root.\n    onAppearanceChange = context?.onAppearanceChange ?? noop,\n    onAccentColorChange = context?.onAccentColorChange ?? noop,\n    onGrayColorChange = context?.onGrayColorChange ?? noop,\n    onRadiusChange = context?.onRadiusChange ?? noop,\n    onFontFamilyChange = context?.onFontFamilyChange ?? noop,\n    onHeadingFontFamilyChange = context?.onHeadingFontFamilyChange ?? noop,\n    onSizeChange = context?.onSizeChange ?? 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 = hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        ],\n      )}\n    >\n      {/* A nested `Theme asChild` is the root of a portalled surface (Popover, Dialog, Sheet,\n          menus), which sits outside any Shell pane even though context flows into it. */}\n      <PaneBandSizeContext.Provider value={asChild && !isRoot ? null : outerBand}>\n        {/* Size travels on its own context as a bare string, so the components\n            that read it do not re-render when another theme value changes. */}\n        <ThemeSizeContext.Provider value={size}>\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-radius={radius}\n            data-font-family={fontFamily}\n            data-heading-font-family={headingFontFamily}\n            ref={forwardedRef}\n            {...themeProps}\n            className={classNames(\n              'kui-theme',\n              {\n                light: appearance === 'light',\n                dark: appearance === 'dark',\n              },\n              themeProps.className,\n            )}\n          />\n        </ThemeSizeContext.Provider>\n      </PaneBandSizeContext.Provider>\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", "'use client';\n\nimport * as React from 'react';\n\nimport { THEME_SIZE_DEFAULT, clampSize } from '../helpers/theme-size.js';\nimport type { ThemeSize } from '../helpers/theme-size.js';\n\n/**\n * The app-wide size index, provided by `Theme` beside `ThemeContext`.\n *\n * It is its own context, holding one string, so a component that only needs\n * the size does not re-render when the accent colour or appearance changes.\n */\nconst ThemeSizeContext = React.createContext<ThemeSize>(THEME_SIZE_DEFAULT);\nThemeSizeContext.displayName = 'ThemeSizeContext';\n\ninterface SizePropDef {\n  values: readonly string[];\n  default?: string;\n}\n\n/**\n * The size a component on the 1-4 index takes: what the caller said, else the\n * nearest Theme's size, mapped into the component's range.\n */\nfunction useThemeSize<V>(explicit: V | undefined, propDef: SizePropDef): V {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (explicit !== undefined) return explicit;\n  // The clamped value is one of `propDef.values`, which is what `V` ranges over.\n  return clampSize(themeSize, propDef.values) as V;\n}\n\n/**\n * Fills `size` from the nearest Theme when the caller left it unset, so the\n * result can go straight into `extractProps`. An explicit size, responsive\n * object included, wins.\n *\n * Returns the same props object when there is nothing to fill: when a size is\n * set, or when the theme size resolves to the prop def's own default (the\n * common case, a Theme with no size), so `extractProps` applies it as before.\n */\nfunction useThemeSizeProps<P extends { size?: unknown }>(props: P, propDef: SizePropDef): P {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (props.size !== undefined) return props;\n  const size = clampSize(themeSize, propDef.values);\n  if (size === propDef.default) return props;\n  return { ...props, size };\n}\n\nexport { ThemeSizeContext, useThemeSize, useThemeSizeProps };\n", "import * as React from 'react';\n\ntype BandSize = '1' | '2' | '3' | '4';\n\n/**\n * Set by `Shell.PaneHeader` and `Shell.PaneFooter` to their band size, and by `Shell.Scroll` to\n * null (a scrolling list has no band). A `Theme asChild`, the root of every portalled surface\n * (Popover, Dialog, Sheet, menus), sets null too, so a Toolbar in one does not take the Shell's\n * step. `Shell.Root` clears it again. Unset (`undefined`) everywhere else.\n *\n * Its own module so Theme can reset it without bringing the Shell.\n */\nconst PaneBandSizeContext = React.createContext<BandSize | null | undefined>(undefined);\n\nexport { PaneBandSizeContext };\nexport type { BandSize };\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 the context setters 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 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\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\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 fontFamilies = ['sans', 'mono', 'serif'] as const;\nconst sizes = ['1', '2', '3', '4'] 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: 'gray' },\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: 'gray' },\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 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  /**\n   * The app-wide size index. Every component on the 1-4 control and surface\n   * scale that states no `size` of its own takes this one; an explicit\n   * `size` always wins. Nested Themes override it for their subtree.\n   *\n   * @default '2'\n   */\n  size: { type: 'enum', values: sizes, default: '2' },\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  radius: PropDef<(typeof radii)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "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",
-  "names": ["theme_exports", "__export", "Theme", "ThemeContext", "useThemeContext", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "getMatchingGrayColor", "accentColor", "React", "ThemeSizeContext", "React", "PaneBandSizeContext", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "fontFamilies", "sizes", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "radiusProp", "fontFamilyProp", "headingFontFamilyProp", "sizeProp", "hasBackground", "rootProps", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "radius", "setRadius", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "size", "setSize", "outerBand", "PaneBandSizeContext", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onRadiusChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "onSizeChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "ThemeSizeContext", "classNames"]
+  "sources": ["../../../src/components/theme.tsx", "../../../src/helpers/get-matching-gray-color.ts", "../../../src/hooks/theme-size.ts", "../../../src/hooks/use-prop-synced-state.ts", "../../../src/props/as-child.prop.ts", "../../../src/props/color.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/theme.props.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot } from 'radix-ui';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { ThemeSizeContext } from '../hooks/theme-size.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.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 ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\ntype ThemeSize = (typeof themePropDefs.size.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  onRadiusChange: (radius: ThemeRadius) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n  onSizeChange: (size: ThemeSize) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  radius: ThemeRadius;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n  size: ThemeSize;\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  radius: themePropDefs.radius.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  size: themePropDefs.size.default,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onRadiusChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n  onSizeChange: 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  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <Direction.Provider dir={dir}>\n        <ThemeRoot {...props} ref={forwardedRef} />\n      </Direction.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>((props, forwardedRef) => {\n  const {\n    appearance: appearanceProp = themePropDefs.appearance.default,\n    accentColor: accentColorProp = themePropDefs.accentColor.default,\n    grayColor: grayColorProp = themePropDefs.grayColor.default,\n    radius: radiusProp = themePropDefs.radius.default,\n    fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n    headingFontFamily: headingFontFamilyProp,\n    size: sizeProp = themePropDefs.size.default,\n    hasBackground = themePropDefs.hasBackground.default,\n    ...rootProps\n  } = props;\n\n  // Each of these follows its prop but stays independently settable, so\n  // the context setters 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  const [radius, setRadius] = usePropSyncedState(radiusProp);\n  const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n  const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n  const [size, setSize] = usePropSyncedState(sizeProp);\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      radius={radius}\n      fontFamily={fontFamily}\n      headingFontFamily={headingFontFamily}\n      size={size}\n      //\n      onAppearanceChange={setAppearance}\n      onAccentColorChange={setAccentColor}\n      onGrayColorChange={setGrayColor}\n      onRadiusChange={setRadius}\n      onFontFamilyChange={setFontFamily}\n      onHeadingFontFamilyChange={setHeadingFontFamily}\n      onSizeChange={setSize}\n    />\n  );\n});\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\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    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    size = props.size ?? context?.size ?? themePropDefs.size.default,\n    // A nested Theme forwards changes to the one above it, so a switcher\n    // inside a portal (Dialog, Popover, menus) still reaches the root.\n    onAppearanceChange = context?.onAppearanceChange ?? noop,\n    onAccentColorChange = context?.onAccentColorChange ?? noop,\n    onGrayColorChange = context?.onGrayColorChange ?? noop,\n    onRadiusChange = context?.onRadiusChange ?? noop,\n    onFontFamilyChange = context?.onFontFamilyChange ?? noop,\n    onHeadingFontFamilyChange = context?.onHeadingFontFamilyChange ?? noop,\n    onSizeChange = context?.onSizeChange ?? 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 = hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        ],\n      )}\n    >\n      {/* Size travels on its own context as a bare string, so the components\n          that read it do not re-render when another theme value changes. */}\n      <ThemeSizeContext.Provider value={size}>\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-radius={radius}\n          data-font-family={fontFamily}\n          data-heading-font-family={headingFontFamily}\n          ref={forwardedRef}\n          {...themeProps}\n          className={classNames(\n            'kui-theme',\n            {\n              light: appearance === 'light',\n              dark: appearance === 'dark',\n            },\n            themeProps.className,\n          )}\n        />\n      </ThemeSizeContext.Provider>\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", "'use client';\n\nimport * as React from 'react';\n\nimport { THEME_SIZE_DEFAULT, clampSize } from '../helpers/theme-size.js';\nimport type { ThemeSize } from '../helpers/theme-size.js';\n\n/**\n * The app-wide size index, provided by `Theme` beside `ThemeContext`.\n *\n * It is its own context, holding one string, so a component that only needs\n * the size does not re-render when the accent colour or appearance changes.\n */\nconst ThemeSizeContext = React.createContext<ThemeSize>(THEME_SIZE_DEFAULT);\nThemeSizeContext.displayName = 'ThemeSizeContext';\n\ninterface SizePropDef {\n  values: readonly string[];\n  default?: string;\n}\n\n/**\n * The size a component on the 1-4 index takes: what the caller said, else the\n * nearest Theme's size, mapped into the component's range.\n */\nfunction useThemeSize<V>(explicit: V | undefined, propDef: SizePropDef): V {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (explicit !== undefined) return explicit;\n  // The clamped value is one of `propDef.values`, which is what `V` ranges over.\n  return clampSize(themeSize, propDef.values) as V;\n}\n\n/**\n * Fills `size` from the nearest Theme when the caller left it unset, so the\n * result can go straight into `extractProps`. An explicit size, responsive\n * object included, wins.\n *\n * Returns the same props object when there is nothing to fill: when a size is\n * set, or when the theme size resolves to the prop def's own default (the\n * common case, a Theme with no size), so `extractProps` applies it as before.\n */\nfunction useThemeSizeProps<P extends { size?: unknown }>(props: P, propDef: SizePropDef): P {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (props.size !== undefined) return props;\n  const size = clampSize(themeSize, propDef.values);\n  if (size === propDef.default) return props;\n  return { ...props, size };\n}\n\nexport { ThemeSizeContext, useThemeSize, useThemeSizeProps };\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 the context setters 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 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\n// For components whose colour comes from their content (Chip, Avatar, Code): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\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 fontFamilies = ['sans', 'mono', 'serif'] as const;\nconst sizes = ['1', '2', '3', '4'] 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: 'gray' },\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: 'gray' },\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 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  /**\n   * The app-wide size index. Every component on the 1-4 control and surface\n   * scale that states no `size` of its own takes this one; an explicit\n   * `size` always wins. Nested Themes override it for their subtree.\n   *\n   * @default '2'\n   */\n  size: { type: 'enum', values: sizes, default: '2' },\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  radius: PropDef<(typeof radii)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "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",
+  "names": ["theme_exports", "__export", "Theme", "ThemeContext", "useThemeContext", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "getMatchingGrayColor", "accentColor", "React", "ThemeSizeContext", "React", "usePropSyncedState", "propValue", "value", "setValue", "previousPropValue", "setPreviousPropValue", "asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "fontFamilies", "sizes", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "radiusProp", "fontFamilyProp", "headingFontFamilyProp", "sizeProp", "hasBackground", "rootProps", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "radius", "setRadius", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "size", "setSize", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onRadiusChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "onSizeChange", "themeProps", "Comp", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "ThemeSizeContext", "classNames"]
 }

package/dist/cjs/components/toggle.js

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var Wt=Object.create;var te=Object.defineProperty;var Gt=Object.getOwnPropertyDescriptor;var Mt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,Ht=Object.prototype.hasOwnProperty;var _t=(e,t)=>{for(var o in t)te(e,o,{get:t[o],enumerable:!0})},ze=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Mt(t))!Ht.call(e,n)&&n!==o&&te(e,n,{get:()=>t[n],enumerable:!(s=Gt(t,n))||s.enumerable});return e};var d=(e,t,o)=>(o=e!=null?Wt(At(e)):{},ze(t||!e||!e.__esModule?te(o,"default",{value:e,enumerable:!0}):o,e)),$t=e=>ze(te({},"__esModule",{value:!0}),e);var Go={};_t(Go,{Toggle:()=>St});module.exports=$t(Go);var F=d(require("react")),kt=d(require("classnames")),Nt=require("radix-ui");var J=d(require("react")),wt=d(require("classnames"));var u=d(require("react")),st=d(require("classnames")),at=require("radix-ui"),pe=require("radix-ui/internal");var O={asChild:{type:"boolean"}};var oe=["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"],Le=["auto","gray","mauve","slate","sage","olive","sand"],We={color:{type:"enum",values:oe,default:void 0}},Ge={color:{type:"enum",values:oe,default:""}};var ce=["none","small","medium","large","full"],Me={radius:{type:"enum",values:ce,default:void 0}};var Kt=["1","2","3","4"],qt=["raised","solid","soft","surface","outline","ghost"],fe={...O,size:{type:"enum",className:"kui-r-size",values:Kt,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:qt,default:"solid"},...Ge,...Me,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var se=d(require("react")),Qe=d(require("classnames"));var $e=d(require("classnames"));var Ut=[],Zt=new Set;function Yt(e){let t=Object.assign({},...e),o=[],s=[],n=new Set;for(let r in t){let a=t[r],p=a.values??Ut,l={key:r,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:p,valueSet:p.length>0?new Set(p):Zt,enumValueSet:a.type==="enum"?new Set([a.default,...p]):void 0};a.className?(o.push(l),n.add(r)):(l.hasDefault||a.type==="enum")&&s.push(l)}return{styling:o,passthrough:s,stylingKeys:n}}var Xt={children:new WeakMap};function Ae(e){let t=Xt;for(let o=0;o<e.length;o++){let s=e[o],n=t.children.get(s);n===void 0&&(n={children:new WeakMap},t.children.set(s,n)),t=n}return t.compiled??(t.compiled=Yt(e))}var Jt=["initial","xs","sm","md","lg","xl"],de=new Set(Jt);function ye(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var Qt=new Set(["initial","xs","sm","md","lg","xl"]);function G(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(Qt.has(t))return!0;return!1}function re(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function _e({className:e,customProperties:t,...o}){let s=ge({allowArbitraryValues:!0,className:e,...o}),n=eo({customProperties:t,...o});return[s,n]}function ge({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:n,parseValue:r=a=>a}){if(t){if(typeof t=="string")return re(s,n,t)?He(o,t,r):e?o:void 0;if(G(t)){let a=t,p=[];for(let l in a){if(!ye(a,l)||!de.has(l))continue;let i=a[l];if(i!==void 0){if(re(s,n,i)){let m=He(o,i,r),f=l==="initial"?m:`${l}:${m}`;p.push(f)}else if(e){let m=l==="initial"?o:`${l}:${o}`;p.push(m)}}}return p.length>0?p.join(" "):""}if(e)return o}}function He(e,t,o){let s=e?"-":"",n=o(t),r=n?.startsWith("-"),a=r?"-":"",p=r?n?.substring(1):n;return`${a}${e}${s}${p}`}function eo({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:n=r=>r}){if(!t||typeof t=="string"&&re(o,s,t))return;let r;if(typeof t=="string"){let a=n(t);r={};for(let p of e)r[p]=a;return r}if(G(t)){let a=t;for(let p in a){if(!ye(a,p)||!de.has(p))continue;let l=a[p];if(l===void 0||re(o,s,l))continue;let i=n(l);r??(r={});for(let m of e){let f=p==="initial"?m:`${m}-${p}`;r[f]=i}}}return r??{}}function Pe(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function to(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:s,stylingKeys:n}=Ae(t),r={};for(let l in e)n.has(l)||(r[l]=e[l]);for(let l=0;l<s.length;l++){let i=s[l],m=r[i.key];if(m===void 0){i.hasDefault&&(r[i.key]=i.default);continue}i.enumValueSet!==void 0&&!i.enumValueSet.has(m)&&!G(m)&&(r[i.key]=i.default)}let a,p=[];for(let l=0;l<o.length;l++){let i=o[l],m=e[i.key];if(m===void 0&&i.hasDefault&&(m=i.default),i.enumValueSet!==void 0&&!i.enumValueSet.has(m)&&!G(m)&&(m=i.default),!!m){if(G(m)){if(!i.responsive)continue;m=to(m,i)}if(i.type==="enum"){let f=ge({allowArbitraryValues:!1,value:m,className:i.className,propValues:i.values,propValueSet:i.valueSet,parseValue:i.parseValue});f&&p.push(f);continue}if(i.type==="string"||i.type==="enum | string"){let[f,P]=_e({className:i.className,customProperties:i.customProperties,propValues:i.type==="string"?[]:i.values,propValueSet:i.type==="string"?void 0:i.valueSet,parseValue:i.parseValue,value:m});P&&(a=Pe(a,P)),f&&p.push(f);continue}if(i.type==="boolean"){p.push(i.className);continue}}}return r.className=(0,$e.default)(p.length>0?p.join(" "):void 0,e.className),r.style=Pe(a,e.style),r}var M=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ke={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:M,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:M,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:M,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:M,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:M,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:M,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:M,responsive:!0}};var qe={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var $={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var he=["visible","hidden","clip","scroll","auto"],oo=["static","relative","absolute","fixed","sticky"],Y=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],ro=["0","1"],no=["0","1"],so=["start","center","end","baseline","stretch"],ao=["start","center","end","baseline","stretch"],Ue={...Ke,...$,...qe,position:{type:"enum",className:"kui-r-position",values:oo,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:Y,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:Y,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:Y,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:Y,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:Y,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:he,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:he,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:he,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:ro,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:no,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:so,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:ao,responsive:!0}};var A=["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","bleed"],Ze={m:{type:"enum | string",values:A,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:A,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:A,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var ne=require("radix-ui"),hr=ne.Slot.Root,Ye=ne.Slot.Root,vr=ne.Slot.Slottable;var ve=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Xe={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:ve,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:ve,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:ve,responsive:!0}};var io=["div","span"],po=["none","inline-flex","flex"],lo=["row","column","row-reverse","column-reverse"],uo=["start","center","end","baseline","stretch"],mo=["start","center","end","between"],co=["nowrap","wrap","wrap-reverse"],Je={as:{type:"enum",values:io,default:"div"},...O,display:{type:"enum",className:"kui-r-display",values:po,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:lo,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:uo,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:mo,parseValue:fo,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:co,responsive:!0},...Xe};function fo(e){return e==="between"?"space-between":e}var K=se.forwardRef((e,t)=>{let{className:o,asChild:s,as:n="div",...r}=S(e,Je,Ue,Ze);return se.createElement(s?Ye:n,{...r,ref:t,className:(0,Qe.default)("kui-Flex",o)})});K.displayName="Flex";var v=d(require("react")),tt=d(require("classnames"));var et={loading:{type:"boolean",default:!0}};var Ce=v.forwardRef((e,t)=>{let{className:o,children:s,loading:n,...r}=S(e,et);if(!n)return s;let a=r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0,p=v.createElement("span",{role:a?"status":void 0,"aria-hidden":a?void 0:!0,...r,ref:t,className:(0,tt.default)("kui-Spinner",o)},v.createElement("span",{className:"kui-SpinnerWheel"},v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"})),typeof r["aria-label"]=="string"?v.createElement("span",{className:"kui-sr-only"},r["aria-label"]):null);return s===void 0?p:v.createElement(K,{asChild:!0,position:"relative",align:"center",justify:"center"},v.createElement("span",{"aria-busy":"true"},v.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren"},s),v.createElement(K,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},v.createElement("span",null,p))))});Ce.displayName="Spinner";var c=d(require("react")),yo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));yo.displayName="ThickDividerHorizontalIcon";var go=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));go.displayName="ThickCheckIcon";var Po=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));Po.displayName="ChevronDownIcon";var ho=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));ho.displayName="ThickChevronRightIcon";var vo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.76174 0.201711C5.45892 -0.0809141 4.98433 -0.0645489 4.70171 0.238264L1.20171 3.98826C0.932757 4.27642 0.932757 4.72359 1.20171 5.01174L4.70171 8.76174C4.98433 9.06455 5.45892 9.08092 5.76174 8.79829C6.06455 8.51567 6.08091 8.04108 5.79829 7.73826L2.77591 4.5L5.79829 1.26174C6.08091 0.958928 6.06455 0.484337 5.76174 0.201711Z"})));vo.displayName="ThickChevronLeftIcon";var Co=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("circle",{cx:"4.5",cy:"4.5",r:"2"})));Co.displayName="ThickDotIcon";var Do=c.default.forwardRef((e,t)=>c.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M18 6 6 18"}),c.default.createElement("path",{d:"m6 6 12 12"})));Do.displayName="CloseIcon";var Ro=c.default.forwardRef((e,t)=>c.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})));Ro.displayName="PaperclipIcon";var bo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),c.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"})));bo.displayName="FileIcon";var To=c.default.forwardRef((e,t)=>c.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),c.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),c.default.createElement("path",{d:"M10 9H8"}),c.default.createElement("path",{d:"M16 13H8"}),c.default.createElement("path",{d:"M16 17H8"})));To.displayName="FileTextIcon";var De=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{d:"M5 12.75L9.5 17.25L19 7.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})));De.displayName="TickIcon";var ae=d(require("react"));function ot(e,t){if(t.includes(e))return e;let o=Number(e),s=t[0],n=1/0;for(let r=0;r<t.length;r++){let a=Math.abs(Number(t[r])-o);a<n&&(n=a,s=t[r])}return s}var ie=ae.createContext("2");ie.displayName="ThemeSizeContext";function rt(e,t){let o=ae.useContext(ie);if(e.size!==void 0)return e;let s=ot(o,t.values);return s===t.default?e:{...e,size:s}}var Te=u.forwardRef((e,t)=>{let o=rt(e,fe.size),{className:s,children:n,asChild:r,as:a,color:p,radius:l,disabled:i,done:m=!1,...f}=S(o,fe),P=!!o.loading,T=o.loading!==void 0,D=!!i||P,{onClick:x,"aria-describedby":B}=f,V=u.useCallback(h=>{if(D){h.preventDefault();return}x?.(h)},[D,x]),I=u.useMemo(()=>{let h=r&&u.isValidElement(n)?n.props.children:n,k=be(h),N=b=>u.isValidElement(b)&&(b.type==="svg"||typeof b.type!="string"&&b.type!==u.Fragment&&!wo.has(Re(b.type)));return{iconStart:N(k[0]),iconEnd:N(k[k.length-1])}},[r,n]),[w,_]=u.useState(null),W=u.useRef(null),q=(0,pe.useComposedRefs)(t,W);(0,pe.useLayoutEffect)(()=>{let h=W.current;if(!h||P||m)return;let k=h.querySelector(":scope > .kui-BaseButtonContent")??h,N=nt(k,"start"),b=nt(k,"end");_(j=>j&&j.iconStart===N&&j.iconEnd===b?j:{iconStart:N,iconEnd:b})});let{iconStart:E,iconEnd:U}=w??I,Q=!!f["data-icon-only"],Z=u.useMemo(()=>{if(!m)return n;let h=u.createElement(De,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),k=N=>{if(Q)return h;let b=be(N),j=b.findIndex(ee=>!(typeof ee=="string"&&!ee.trim())),Oe=b[j];return j!==-1&&E&&(w!==null||u.isValidElement(Oe)&&Oe.type==="svg")?b.map((ee,Lt)=>Lt===j?h:ee):[h,...b]};if(r&&u.isValidElement(n)){let N=n;return u.cloneElement(N,void 0,k(N.props.children))}return k(n)},[m,n,Q,E,w,r]),Bt=r?at.Slot.Root:a||"button",Et=["button","input","textarea","select"],Ve=r?u.isValidElement(n)?n.type:void 0:a||"button",ue=typeof Ve=="string"&&Et.includes(Ve),{onClickCapture:Ie}=f,Ft=u.useCallback(h=>{if(r&&D){h.preventDefault(),h.stopPropagation();return}Ie?.(h)},[r,D,Ie]),Vt=!r&&(!a||a==="button"),It="type"in f,jt=u.useId(),me=P?`${jt}-loading`:void 0,Ot=u.useMemo(()=>P?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[B,me].filter(Boolean).join(" ")}:i&&(!ue||r)?{"aria-disabled":!0}:{},[P,me,B,i,ue,r]),je=(h,k)=>T?u.createElement(u.Fragment,null,u.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":P||void 0},h),P?u.createElement(u.Fragment,null,u.createElement("span",{className:"kui-sr-only"},u.createElement("span",{id:me,"aria-hidden":!0},"Loading"),k),u.createElement(K,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},u.createElement("span",null,u.createElement(Ce,{"aria-hidden":"true"})))):null):h,zt=r&&T&&u.isValidElement(Z)?u.cloneElement(Z,void 0,je(Z.props.children,u.isValidElement(n)?n.props.children:null)):Z;return u.createElement(Bt,{"data-accent-color":p,"data-radius":l,"data-icon-start":E||void 0,"data-icon-end":U||void 0,"data-done":m||void 0,...f,...Ot,"data-disabled":D||void 0,onClick:V,onClickCapture:Ft,ref:q,className:(0,st.default)("kui-reset","kui-BaseButton",s),...ue&&{disabled:i},...Vt&&!It?{type:"button"}:{}},r?zt:je(Z,n))});Te.displayName="BaseButton";var wo=new Set(["Text","Kbd","Code","Link","Em","Strong","Quote","Badge","Trans"]);function Re(e){if(!e||typeof e!="function"&&typeof e!="object")return"";let t=e;return t.displayName||t.name||Re(t.render)||Re(t.type)}function be(e){return u.Children.toArray(e).flatMap(t=>u.isValidElement(t)&&t.type===u.Fragment?be(t.props.children):[t])}function nt(e,t){let o=t==="start"?e.firstChild:e.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=t==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}var C=d(require("react")),Rt=d(require("classnames")),L=require("radix-ui");var H=d(require("react")),yt=require("radix-ui");var ko=["loud","medium","quiet"],it={emphasis:{type:"enum",className:"kui-emphasis",values:ko,default:void 0}};var No=["normal","start","end","both"],pt={trim:{type:"enum",className:"kui-r-lt",values:No,responsive:!0}};var So=["left","center","right"],lt={align:{type:"enum",className:"kui-r-ta",values:So,responsive:!0}};var Bo=["wrap","nowrap","pretty","balance"],ut={wrap:{type:"enum",className:"kui-r-tw",values:Bo,responsive:!0}};var mt={truncate:{type:"boolean",className:"kui-truncate"}};var Eo=["sans","mono","serif"],ct={font:{type:"enum",className:"kui-r-ff",values:Eo}};var Fo=["regular","medium","semibold"],ft={weight:{type:"enum",className:"kui-r-weight",values:Fo,responsive:!0}};var Vo=["span","div","label","p"],Io=["1","2","3","4","5","6","7","8","9"],dt={as:{type:"enum",values:Vo,default:"span"},...O,size:{type:"enum",className:"kui-r-size",values:Io,responsive:!0},...ct,...ft,...lt,...pt,...mt,...ut,...We,...it};var xe=H.memo(H.forwardRef((e,t)=>{let{children:o,className:s,asChild:n,as:r="span",color:a,...p}=S(e,dt),l=s?`kui-Text ${s}`:"kui-Text";return n?H.createElement(yt.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):H.createElement(r,{"data-accent-color":a,...p,ref:t,className:l},o)}));xe.displayName="Text";var g=d(require("react")),vt=d(require("classnames")),X=require("radix-ui");function gt(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 Pt=d(require("react")),we=Pt.createContext(void 0);var ke=d(require("react"));function z(e){let[t,o]=ke.useState(e),[s,n]=ke.useState(e);return Object.is(e,s)||(n(e),o(e)),[t,o]}var jo=["inherit","light","dark"],ht=["sans","mono","serif"],Oo=["1","2","3","4"],y={...O,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:jo,default:"inherit"},accentColor:{type:"enum",values:oe,default:"gray"},grayColor:{type:"enum",values:Le,default:"gray"},radius:{type:"enum",values:ce,default:"full"},fontFamily:{type:"enum",values:ht,default:"sans"},headingFontFamily:{type:"enum",values:ht},size:{type:"enum",values:Oo,default:"2"}};var R=()=>{},wn={appearance:y.appearance.default,accentColor:y.accentColor.default,grayColor:y.grayColor.default,resolvedGrayColor:y.grayColor.default,radius:y.radius.default,fontFamily:y.fontFamily.default,headingFontFamily:void 0,size:y.size.default,onAppearanceChange:R,onAccentColorChange:R,onGrayColorChange:R,onRadiusChange:R,onFontFamilyChange:R,onHeadingFontFamilyChange:R,onSizeChange:R},Ne=g.createContext(void 0);var Se=g.forwardRef((e,t)=>{let o=g.useContext(Ne),s=X.Direction.useDirection();return o===void 0?g.createElement(X.Direction.Provider,{dir:s},g.createElement(Ct,{...e,ref:t})):g.createElement(Be,{...e,ref:t})});Se.displayName="Theme";var Ct=g.forwardRef((e,t)=>{let{appearance:o=y.appearance.default,accentColor:s=y.accentColor.default,grayColor:n=y.grayColor.default,radius:r=y.radius.default,fontFamily:a=y.fontFamily.default,headingFontFamily:p,size:l=y.size.default,hasBackground:i=y.hasBackground.default,...m}=e,[f,P]=z(o),[T,D]=z(s),[x,B]=z(n),[V,I]=z(r),[w,_]=z(a),[W,q]=z(p),[E,U]=z(l);return g.createElement(Be,{...m,ref:t,isRoot:!0,hasBackground:i,appearance:f,accentColor:T,grayColor:x,radius:V,fontFamily:w,headingFontFamily:W,size:E,onAppearanceChange:P,onAccentColorChange:D,onGrayColorChange:B,onRadiusChange:I,onFontFamilyChange:_,onHeadingFontFamilyChange:q,onSizeChange:U})});Ct.displayName="ThemeRoot";var Be=g.forwardRef((e,t)=>{let o=g.useContext(Ne),s=g.useContext(we),{asChild:n,isRoot:r,hasBackground:a,appearance:p=e.appearance??o?.appearance??y.appearance.default,accentColor:l=e.accentColor??o?.accentColor??y.accentColor.default,grayColor:i=e.grayColor??o?.resolvedGrayColor??y.grayColor.default,radius:m=e.radius??o?.radius??y.radius.default,fontFamily:f=e.fontFamily??o?.fontFamily??y.fontFamily.default,headingFontFamily:P=e.headingFontFamily??o?.headingFontFamily,size:T=e.size??o?.size??y.size.default,onAppearanceChange:D=o?.onAppearanceChange??R,onAccentColorChange:x=o?.onAccentColorChange??R,onGrayColorChange:B=o?.onGrayColorChange??R,onRadiusChange:V=o?.onRadiusChange??R,onFontFamilyChange:I=o?.onFontFamilyChange??R,onHeadingFontFamilyChange:w=o?.onHeadingFontFamilyChange??R,onSizeChange:_=o?.onSizeChange??R,...W}=e,q=n?X.Slot.Root:"div",E=i==="auto"?gt(l):i,U=e.appearance==="light"||e.appearance==="dark",Q=a===void 0?r||U:a;return g.createElement(Ne.Provider,{value:g.useMemo(()=>({appearance:p,accentColor:l,grayColor:i,resolvedGrayColor:E,radius:m,fontFamily:f,headingFontFamily:P,size:T,onAppearanceChange:D,onAccentColorChange:x,onGrayColorChange:B,onRadiusChange:V,onFontFamilyChange:I,onHeadingFontFamilyChange:w,onSizeChange:_}),[p,l,i,E,m,f,P,T,D,x,B,V,I,w,_])},g.createElement(we.Provider,{value:n&&!r?null:s},g.createElement(ie.Provider,{value:T},g.createElement(q,{"data-is-root-theme":r?"true":"false","data-accent-color":l,"data-gray-color":E,"data-has-background":Q?"true":"false","data-radius":m,"data-font-family":f,"data-heading-font-family":P,ref:t,...W,className:(0,vt.default)("kui-theme",{light:p==="light",dark:p==="dark"},W.className)}))))});Be.displayName="ThemeImpl";var Dt={content:{type:"ReactNode",required:!0},width:$.width,minWidth:$.minWidth,maxWidth:{...$.maxWidth,default:"360px"}};var bt=200,Tt=C.createContext(!1);function zo({delayDuration:e=bt,children:t,...o}){return C.createElement(Tt.Provider,{value:!0},C.createElement(L.Tooltip.Provider,{delayDuration:e,...o},t))}zo.displayName="TooltipProvider";var Ee=C.forwardRef((e,t)=>{let{children:o,className:s,open:n,defaultOpen:r,onOpenChange:a,delayDuration:p,disableHoverableContent:l,content:i,container:m,forceMount:f,...P}=S(e,Dt),T={open:n,defaultOpen:r,onOpenChange:a,delayDuration:p,disableHoverableContent:l},D=C.useContext(Tt),x=C.createElement(L.Tooltip.Root,{...T},C.createElement(L.Tooltip.Trigger,{asChild:!0},o),C.createElement(L.Tooltip.Portal,{container:m,forceMount:f},C.createElement(Se,{asChild:!0},C.createElement(L.Tooltip.Content,{sideOffset:4,collisionPadding:10,...P,asChild:!1,ref:t,className:(0,Rt.default)("kui-TooltipContent",s)},C.createElement(xe,{as:"p",className:"kui-TooltipText",size:"1"},i),C.createElement(L.Tooltip.Arrow,{className:"kui-TooltipArrow"})))));return D?x:C.createElement(L.Tooltip.Provider,{delayDuration:bt},x)});Ee.displayName="Tooltip";var le=d(require("react"));function xt(e){let t=le.useId(),o=!!e,s=le.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var Lo={loud:"solid",medium:"raised",quiet:"ghost"};function Wo(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var Fe=J.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:s="top",tooltipAlign:n="center",tooltipDelayDuration:r,tooltipDisableHoverableContent:a,iconOnly:p=!1,emphasis:l,variant:i,...m},f)=>{let{tooltipId:P,hasTooltip:T,accessibilityProps:D}=xt(o);p&&(Wo(m),m.fullWidth=!1);let x=l!==void 0?Lo[l]:i,B=m["aria-describedby"],V=D["aria-describedby"],I=[B,V].filter(Boolean).join(" ")||void 0,w=J.createElement(Te,{...m,variant:x,"aria-describedby":I,ref:f,"data-icon-only":p||void 0,className:(0,wt.default)("kui-Button",e),style:t});return T?J.createElement(Ee,{content:o,side:s,align:n,delayDuration:r,disableHoverableContent:a,id:P},w):w});Fe.displayName="Button";var St=F.forwardRef(({pressed:e,onPressedChange:t,defaultPressed:o,children:s,className:n,...r},a)=>{delete r.done;let p=F.useRef(!1);return F.useEffect(()=>{},[e,t]),F.createElement(Nt.Toggle.Root,{pressed:e,onPressedChange:t,defaultPressed:o,asChild:!0},F.createElement(Fe,{...r,ref:a,className:(0,kt.default)("kui-Toggle",n)},s))});St.displayName="Toggle";
+"use strict";var Gt=Object.create;var te=Object.defineProperty;var At=Object.getOwnPropertyDescriptor;var Ht=Object.getOwnPropertyNames;var _t=Object.getPrototypeOf,$t=Object.prototype.hasOwnProperty;var Kt=(e,t)=>{for(var o in t)te(e,o,{get:t[o],enumerable:!0})},We=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ht(t))!$t.call(e,r)&&r!==o&&te(e,r,{get:()=>t[r],enumerable:!(s=At(t,r))||s.enumerable});return e};var d=(e,t,o)=>(o=e!=null?Gt(_t(e)):{},We(t||!e||!e.__esModule?te(o,"default",{value:e,enumerable:!0}):o,e)),qt=e=>We(te({},"__esModule",{value:!0}),e);var Ao={};Kt(Ao,{Toggle:()=>Et});module.exports=qt(Ao);var E=d(require("react")),St=d(require("classnames")),Bt=require("radix-ui");var Q=d(require("react")),Nt=d(require("classnames"));var u=d(require("react")),at=d(require("classnames")),it=require("radix-ui"),pe=require("radix-ui/internal");var j={asChild:{type:"boolean"}};var oe=["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"],Me=["auto","gray","mauve","slate","sage","olive","sand"],Ge={color:{type:"enum",values:oe,default:void 0}},Ae={color:{type:"enum",values:oe,default:""}};var ce=["none","small","medium","large","full"],He={radius:{type:"enum",values:ce,default:void 0}};var Ut=["1","2","3","4"],Zt=["raised","solid","soft","surface","outline","ghost"],fe={...j,size:{type:"enum",className:"kui-r-size",values:Ut,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:Zt,default:"solid"},...Ae,...He,loading:{type:"boolean",className:"kui-loading",default:!1},fullWidth:{type:"boolean",className:"kui-full-width",default:!1}};var se=d(require("react")),tt=d(require("classnames"));var qe=d(require("classnames"));var Yt=[],Xt=new Set;function Jt(e){let t=Object.assign({},...e),o=[],s=[],r=new Set;for(let n in t){let a=t[n],p=a.values??Yt,l={key:n,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:p,valueSet:p.length>0?new Set(p):Xt,enumValueSet:a.type==="enum"?new Set([a.default,...p]):void 0};a.className?(o.push(l),r.add(n)):(l.hasDefault||a.type==="enum")&&s.push(l)}return{styling:o,passthrough:s,stylingKeys:r}}var Qt={children:new WeakMap};function _e(e){let t=Qt;for(let o=0;o<e.length;o++){let s=e[o],r=t.children.get(s);r===void 0&&(r={children:new WeakMap},t.children.set(s,r)),t=r}return t.compiled??(t.compiled=Jt(e))}var eo=["initial","xs","sm","md","lg","xl"],de=new Set(eo);function ye(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var to=new Set(["initial","xs","sm","md","lg","xl"]);function M(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(to.has(t))return!0;return!1}function re(e,t,o){return t!==void 0?t.has(o):e.includes(o)}function Ke({className:e,customProperties:t,...o}){let s=ge({allowArbitraryValues:!0,className:e,...o}),r=oo({customProperties:t,...o});return[s,r]}function ge({allowArbitraryValues:e,value:t,className:o,propValues:s,propValueSet:r,parseValue:n=a=>a}){if(t){if(typeof t=="string")return re(s,r,t)?$e(o,t,n):e?o:void 0;if(M(t)){let a=t,p=[];for(let l in a){if(!ye(a,l)||!de.has(l))continue;let i=a[l];if(i!==void 0){if(re(s,r,i)){let m=$e(o,i,n),f=l==="initial"?m:`${l}:${m}`;p.push(f)}else if(e){let m=l==="initial"?o:`${l}:${o}`;p.push(m)}}}return p.length>0?p.join(" "):""}if(e)return o}}function $e(e,t,o){let s=e?"-":"",r=o(t),n=r?.startsWith("-"),a=n?"-":"",p=n?r?.substring(1):r;return`${a}${e}${s}${p}`}function oo({customProperties:e,value:t,propValues:o,propValueSet:s,parseValue:r=n=>n}){if(!t||typeof t=="string"&&re(o,s,t))return;let n;if(typeof t=="string"){let a=r(t);n={};for(let p of e)n[p]=a;return n}if(M(t)){let a=t;for(let p in a){if(!ye(a,p)||!de.has(p))continue;let l=a[p];if(l===void 0||re(o,s,l))continue;let i=r(l);n??(n={});for(let m of e){let f=p==="initial"?m:`${m}-${p}`;n[f]=i}}}return n??{}}function Pe(...e){let t;for(let o of e)o&&(t===void 0&&(t={}),Object.assign(t,o));return t}function ro(e,t){let o=e.initial,s=!1;return t.hasDefault&&o===void 0&&(o=t.default,s=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(o)&&(o=t.default,s=!0),s?{...e,initial:o}:e}function S(e,...t){let{styling:o,passthrough:s,stylingKeys:r}=_e(t),n={};for(let l in e)r.has(l)||(n[l]=e[l]);for(let l=0;l<s.length;l++){let i=s[l],m=n[i.key];if(m===void 0){i.hasDefault&&(n[i.key]=i.default);continue}i.enumValueSet!==void 0&&!i.enumValueSet.has(m)&&!M(m)&&(n[i.key]=i.default)}let a,p=[];for(let l=0;l<o.length;l++){let i=o[l],m=e[i.key];if(m===void 0&&i.hasDefault&&(m=i.default),i.enumValueSet!==void 0&&!i.enumValueSet.has(m)&&!M(m)&&(m=i.default),!!m){if(M(m)){if(!i.responsive)continue;m=ro(m,i)}if(i.type==="enum"){let f=ge({allowArbitraryValues:!1,value:m,className:i.className,propValues:i.values,propValueSet:i.valueSet,parseValue:i.parseValue});f&&p.push(f);continue}if(i.type==="string"||i.type==="enum | string"){let[f,g]=Ke({className:i.className,customProperties:i.customProperties,propValues:i.type==="string"?[]:i.values,propValueSet:i.type==="string"?void 0:i.valueSet,parseValue:i.parseValue,value:m});g&&(a=Pe(a,g)),f&&p.push(f);continue}if(i.type==="boolean"){p.push(i.className);continue}}}return n.className=(0,qe.default)(p.length>0?p.join(" "):void 0,e.className),n.style=Pe(a,e.style),n}var G=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Ue={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:G,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:G,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:G,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:G,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:G,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:G,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:G,responsive:!0}};var Ze={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var K={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var he=["visible","hidden","clip","scroll","auto"],no=["static","relative","absolute","fixed","sticky"],Z=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],so=["0","1"],ao=["0","1"],io=["start","center","end","baseline","stretch"],po=["start","center","end","baseline","stretch"],Ye={...Ue,...K,...Ze,position:{type:"enum",className:"kui-r-position",values:no,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:Z,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:Z,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:Z,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:Z,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:Z,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:he,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:he,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:he,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:so,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:ao,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:io,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:po,responsive:!0}};var A=["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","bleed"],Xe={m:{type:"enum | string",values:A,responsive:!0,className:"kui-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:A,responsive:!0,className:"kui-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:A,responsive:!0,className:"kui-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:A,responsive:!0,className:"kui-r-ml",customProperties:["--ml"]}};var ne=require("radix-ui"),Cr=ne.Slot.Root,Je=ne.Slot.Root,Dr=ne.Slot.Slottable;var ve=["0","1","2","3","4","5","6","7","8","9","10","11","12"],Qe={gap:{type:"enum | string",className:"kui-r-gap",customProperties:["--gap"],values:ve,responsive:!0},gapX:{type:"enum | string",className:"kui-r-cg",customProperties:["--column-gap"],values:ve,responsive:!0},gapY:{type:"enum | string",className:"kui-r-rg",customProperties:["--row-gap"],values:ve,responsive:!0}};var lo=["div","span"],uo=["none","inline-flex","flex"],mo=["row","column","row-reverse","column-reverse"],co=["start","center","end","baseline","stretch"],fo=["start","center","end","between"],yo=["nowrap","wrap","wrap-reverse"],et={as:{type:"enum",values:lo,default:"div"},...j,display:{type:"enum",className:"kui-r-display",values:uo,responsive:!0},direction:{type:"enum",className:"kui-r-fd",values:mo,responsive:!0},align:{type:"enum",className:"kui-r-ai",values:co,responsive:!0},justify:{type:"enum",className:"kui-r-jc",values:fo,parseValue:go,responsive:!0},wrap:{type:"enum",className:"kui-r-fw",values:yo,responsive:!0},...Qe};function go(e){return e==="between"?"space-between":e}var Y=se.forwardRef((e,t)=>{let{className:o,asChild:s,as:r="div",...n}=S(e,et,Ye,Xe);return se.createElement(s?Je:r,{...n,ref:t,className:(0,tt.default)("kui-Flex",o)})});Y.displayName="Flex";var v=d(require("react")),Ce=d(require("classnames"));var ot={loading:{type:"boolean",default:!0}};var De=v.forwardRef((e,t)=>{let{className:o,children:s,loading:r,...n}=S(e,ot);if(s===void 0&&!r)return null;let a=n["aria-label"]!==void 0||n["aria-labelledby"]!==void 0,p=v.createElement("span",{role:a?"status":void 0,"aria-hidden":a?void 0:!0,...n,ref:t,className:(0,Ce.default)("kui-Spinner",o)},v.createElement("span",{className:"kui-SpinnerWheel"},v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"}),v.createElement("span",{className:"kui-SpinnerLeaf"})),typeof n["aria-label"]=="string"?v.createElement("span",{className:"kui-sr-only"},n["aria-label"]):null);return s===void 0?p:v.createElement("span",{className:"kui-SpinnerHost","data-loading":r||void 0,"aria-busy":r||void 0},v.createElement("span",{"aria-hidden":r||void 0,className:(0,Ce.default)("kui-SpinnerChildren",r&&"kui-SpinnerHiddenChildren")},s),r?v.createElement(Y,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},v.createElement("span",null,p)):null)});De.displayName="Spinner";var c=d(require("react")),Po=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"})));Po.displayName="ThickDividerHorizontalIcon";var ho=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"})));ho.displayName="ThickCheckIcon";var vo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{d:"M0.135232 3.15803C0.324102 2.95657 0.640521 2.94637 0.841971 3.13523L4.5 6.56464L8.158 3.13523C8.3595 2.94637 8.6759 2.95657 8.8648 3.15803C9.0536 3.35949 9.0434 3.67591 8.842 3.86477L4.84197 7.6148C4.64964 7.7951 4.35036 7.7951 4.15803 7.6148L0.158031 3.86477C-0.0434285 3.67591 -0.0536285 3.35949 0.135232 3.15803Z"})));vo.displayName="ChevronDownIcon";var Co=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.23826 0.201711C3.54108 -0.0809141 4.01567 -0.0645489 4.29829 0.238264L7.79829 3.98826C8.06724 4.27642 8.06724 4.72359 7.79829 5.01174L4.29829 8.76174C4.01567 9.06455 3.54108 9.08092 3.23826 8.79829C2.93545 8.51567 2.91909 8.04108 3.20171 7.73826L6.22409 4.5L3.20171 1.26174C2.91909 0.958928 2.93545 0.484337 3.23826 0.201711Z"})));Co.displayName="ThickChevronRightIcon";var Do=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.76174 0.201711C5.45892 -0.0809141 4.98433 -0.0645489 4.70171 0.238264L1.20171 3.98826C0.932757 4.27642 0.932757 4.72359 1.20171 5.01174L4.70171 8.76174C4.98433 9.06455 5.45892 9.08092 5.76174 8.79829C6.06455 8.51567 6.08091 8.04108 5.79829 7.73826L2.77591 4.5L5.79829 1.26174C6.08091 0.958928 6.06455 0.484337 5.76174 0.201711Z"})));Do.displayName="ThickChevronLeftIcon";var Ro=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"9",height:"9",viewBox:"0 0 9 9",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("circle",{cx:"4.5",cy:"4.5",r:"2"})));Ro.displayName="ThickDotIcon";var bo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M18 6 6 18"}),c.default.createElement("path",{d:"m6 6 12 12"})));bo.displayName="CloseIcon";var To=c.default.forwardRef((e,t)=>c.default.createElement("svg",{...e,ref:t,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})));To.displayName="PaperclipIcon";var xo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),c.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"})));xo.displayName="FileIcon";var wo=c.default.forwardRef((e,t)=>c.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},c.default.createElement("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),c.default.createElement("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),c.default.createElement("path",{d:"M10 9H8"}),c.default.createElement("path",{d:"M16 13H8"}),c.default.createElement("path",{d:"M16 17H8"})));wo.displayName="FileTextIcon";var Re=c.default.forwardRef((e,t)=>c.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,ref:t},c.default.createElement("path",{d:"M5 12.75L9.5 17.25L19 7.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})));Re.displayName="TickIcon";var ae=d(require("react"));function rt(e,t){if(t.includes(e))return e;let o=Number(e),s=t[0],r=1/0;for(let n=0;n<t.length;n++){let a=Math.abs(Number(t[n])-o);a<r&&(r=a,s=t[n])}return s}var ie=ae.createContext("2");ie.displayName="ThemeSizeContext";function nt(e,t){let o=ae.useContext(ie);if(e.size!==void 0)return e;let s=rt(o,t.values);return s===t.default?e:{...e,size:s}}var xe=u.forwardRef((e,t)=>{let o=nt(e,fe.size),{className:s,children:r,asChild:n,as:a,color:p,radius:l,disabled:i,done:m=!1,...f}=S(o,fe),g=!!o.loading,x=o.loading!==void 0,D=!!i||g,{onClick:T,"aria-describedby":B}=f,F=u.useCallback(P=>{if(D){P.preventDefault();return}T?.(P)},[D,T]),V=u.useMemo(()=>{let P=n&&u.isValidElement(r)?r.props.children:r,k=Te(P),N=b=>u.isValidElement(b)&&(b.type==="svg"||typeof b.type!="string"&&b.type!==u.Fragment&&!No.has(be(b.type)));return{iconStart:N(k[0]),iconEnd:N(k[k.length-1])}},[n,r]),[w,_]=u.useState(null),$=u.useRef(null),L=(0,pe.useComposedRefs)(t,$);(0,pe.useLayoutEffect)(()=>{let P=$.current;if(!P||g||m)return;let k=P.querySelector(":scope > .kui-BaseButtonContent")??P,N=st(k,"start"),b=st(k,"end");_(I=>I&&I.iconStart===N&&I.iconEnd===b?I:{iconStart:N,iconEnd:b})});let{iconStart:W,iconEnd:q}=w??V,Ie=!!f["data-icon-only"],U=u.useMemo(()=>{if(!m)return r;let P=u.createElement(Re,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),k=N=>{if(Ie)return P;let b=Te(N),I=b.findIndex(ee=>!(typeof ee=="string"&&!ee.trim())),Le=b[I];return I!==-1&&W&&(w!==null||u.isValidElement(Le)&&Le.type==="svg")?b.map((ee,Mt)=>Mt===I?P:ee):[P,...b]};if(n&&u.isValidElement(r)){let N=r;return u.cloneElement(N,void 0,k(N.props.children))}return k(r)},[m,r,Ie,W,w,n]),Ft=n?it.Slot.Root:a||"button",Vt=["button","input","textarea","select"],je=n?u.isValidElement(r)?r.type:void 0:a||"button",ue=typeof je=="string"&&Vt.includes(je),{onClickCapture:Oe}=f,It=u.useCallback(P=>{if(n&&D){P.preventDefault(),P.stopPropagation();return}Oe?.(P)},[n,D,Oe]),jt=!n&&(!a||a==="button"),Ot="type"in f,zt=u.useId(),me=g?`${zt}-loading`:void 0,Lt=u.useMemo(()=>g?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[B,me].filter(Boolean).join(" ")}:i&&(!ue||n)?{"aria-disabled":!0}:{},[g,me,B,i,ue,n]),ze=(P,k)=>x?u.createElement(u.Fragment,null,u.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":g||void 0},P),g?u.createElement(u.Fragment,null,u.createElement("span",{className:"kui-sr-only"},u.createElement("span",{id:me,"aria-hidden":!0},"Loading"),k),u.createElement(Y,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},u.createElement("span",null,u.createElement(De,{"aria-hidden":"true"})))):null):P,Wt=n&&x&&u.isValidElement(U)?u.cloneElement(U,void 0,ze(U.props.children,u.isValidElement(r)?r.props.children:null)):U;return u.createElement(Ft,{"data-accent-color":p,"data-radius":l,"data-icon-start":W||void 0,"data-icon-end":q||void 0,"data-done":m||void 0,...f,...Lt,"data-disabled":D||void 0,onClick:F,onClickCapture:It,ref:L,className:(0,at.default)("kui-reset","kui-BaseButton",s),...ue&&{disabled:i},...jt&&!Ot?{type:"button"}:{}},n?Wt:ze(U,r))});xe.displayName="BaseButton";var No=new Set(["Text","Kbd","Code","Link","Em","Strong","Quote","Badge","Trans"]);function be(e){if(!e||typeof e!="function"&&typeof e!="object")return"";let t=e;return t.displayName||t.name||be(t.render)||be(t.type)}function Te(e){return u.Children.toArray(e).flatMap(t=>u.isValidElement(t)&&t.type===u.Fragment?Te(t.props.children):[t])}function st(e,t){let o=t==="start"?e.firstChild:e.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=t==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}var C=d(require("react")),Tt=d(require("classnames")),z=require("radix-ui");var H=d(require("react")),gt=require("radix-ui");var So=["loud","medium","quiet"],pt={emphasis:{type:"enum",className:"kui-emphasis",values:So,default:void 0}};var Bo=["normal","start","end","both"],lt={trim:{type:"enum",className:"kui-r-lt",values:Bo,responsive:!0}};var Eo=["left","center","right"],ut={align:{type:"enum",className:"kui-r-ta",values:Eo,responsive:!0}};var Fo=["wrap","nowrap","pretty","balance"],mt={wrap:{type:"enum",className:"kui-r-tw",values:Fo,responsive:!0}};var ct={truncate:{type:"boolean",className:"kui-truncate"}};var Vo=["sans","mono","serif"],ft={font:{type:"enum",className:"kui-r-ff",values:Vo}};var Io=["regular","medium","semibold"],dt={weight:{type:"enum",className:"kui-r-weight",values:Io,responsive:!0}};var jo=["span","div","label","p"],Oo=["1","2","3","4","5","6","7","8","9"],yt={as:{type:"enum",values:jo,default:"span"},...j,size:{type:"enum",className:"kui-r-size",values:Oo,responsive:!0},...ft,...dt,...ut,...lt,...ct,...mt,...Ge,...pt};var we=H.memo(H.forwardRef((e,t)=>{let{children:o,className:s,asChild:r,as:n="span",color:a,...p}=S(e,yt),l=s?`kui-Text ${s}`:"kui-Text";return r?H.createElement(gt.Slot.Root,{"data-accent-color":a,...p,ref:t,className:l},o):H.createElement(n,{"data-accent-color":a,...p,ref:t,className:l},o)}));we.displayName="Text";var J=d(require("react"));var h=d(require("react")),vt=d(require("classnames")),X=require("radix-ui");function Pt(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 ke=d(require("react"));function O(e){let[t,o]=ke.useState(e),[s,r]=ke.useState(e);return Object.is(e,s)||(r(e),o(e)),[t,o]}var zo=["inherit","light","dark"],ht=["sans","mono","serif"],Lo=["1","2","3","4"],y={...j,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:zo,default:"inherit"},accentColor:{type:"enum",values:oe,default:"gray"},grayColor:{type:"enum",values:Me,default:"gray"},radius:{type:"enum",values:ce,default:"full"},fontFamily:{type:"enum",values:ht,default:"sans"},headingFontFamily:{type:"enum",values:ht},size:{type:"enum",values:Lo,default:"2"}};var R=()=>{},wn={appearance:y.appearance.default,accentColor:y.accentColor.default,grayColor:y.grayColor.default,resolvedGrayColor:y.grayColor.default,radius:y.radius.default,fontFamily:y.fontFamily.default,headingFontFamily:void 0,size:y.size.default,onAppearanceChange:R,onAccentColorChange:R,onGrayColorChange:R,onRadiusChange:R,onFontFamilyChange:R,onHeadingFontFamilyChange:R,onSizeChange:R},Ne=h.createContext(void 0);var Se=h.forwardRef((e,t)=>{let o=h.useContext(Ne),s=X.Direction.useDirection();return o===void 0?h.createElement(X.Direction.Provider,{dir:s},h.createElement(Ct,{...e,ref:t})):h.createElement(Be,{...e,ref:t})});Se.displayName="Theme";var Ct=h.forwardRef((e,t)=>{let{appearance:o=y.appearance.default,accentColor:s=y.accentColor.default,grayColor:r=y.grayColor.default,radius:n=y.radius.default,fontFamily:a=y.fontFamily.default,headingFontFamily:p,size:l=y.size.default,hasBackground:i=y.hasBackground.default,...m}=e,[f,g]=O(o),[x,D]=O(s),[T,B]=O(r),[F,V]=O(n),[w,_]=O(a),[$,L]=O(p),[W,q]=O(l);return h.createElement(Be,{...m,ref:t,isRoot:!0,hasBackground:i,appearance:f,accentColor:x,grayColor:T,radius:F,fontFamily:w,headingFontFamily:$,size:W,onAppearanceChange:g,onAccentColorChange:D,onGrayColorChange:B,onRadiusChange:V,onFontFamilyChange:_,onHeadingFontFamilyChange:L,onSizeChange:q})});Ct.displayName="ThemeRoot";var Be=h.forwardRef((e,t)=>{let o=h.useContext(Ne),{asChild:s,isRoot:r,hasBackground:n,appearance:a=e.appearance??o?.appearance??y.appearance.default,accentColor:p=e.accentColor??o?.accentColor??y.accentColor.default,grayColor:l=e.grayColor??o?.resolvedGrayColor??y.grayColor.default,radius:i=e.radius??o?.radius??y.radius.default,fontFamily:m=e.fontFamily??o?.fontFamily??y.fontFamily.default,headingFontFamily:f=e.headingFontFamily??o?.headingFontFamily,size:g=e.size??o?.size??y.size.default,onAppearanceChange:x=o?.onAppearanceChange??R,onAccentColorChange:D=o?.onAccentColorChange??R,onGrayColorChange:T=o?.onGrayColorChange??R,onRadiusChange:B=o?.onRadiusChange??R,onFontFamilyChange:F=o?.onFontFamilyChange??R,onHeadingFontFamilyChange:V=o?.onHeadingFontFamilyChange??R,onSizeChange:w=o?.onSizeChange??R,..._}=e,$=s?X.Slot.Root:"div",L=l==="auto"?Pt(p):l,W=e.appearance==="light"||e.appearance==="dark",q=n===void 0?r||W:n;return h.createElement(Ne.Provider,{value:h.useMemo(()=>({appearance:a,accentColor:p,grayColor:l,resolvedGrayColor:L,radius:i,fontFamily:m,headingFontFamily:f,size:g,onAppearanceChange:x,onAccentColorChange:D,onGrayColorChange:T,onRadiusChange:B,onFontFamilyChange:F,onHeadingFontFamilyChange:V,onSizeChange:w}),[a,p,l,L,i,m,f,g,x,D,T,B,F,V,w])},h.createElement(ie.Provider,{value:g},h.createElement($,{"data-is-root-theme":r?"true":"false","data-accent-color":p,"data-gray-color":L,"data-has-background":q?"true":"false","data-radius":i,"data-font-family":m,"data-heading-font-family":f,ref:t,..._,className:(0,vt.default)("kui-theme",{light:a==="light",dark:a==="dark"},_.className)})))});Be.displayName="ThemeImpl";var Dt=d(require("react")),Rt=Dt.createContext(void 0);var Ee=J.forwardRef((e,t)=>J.createElement(Rt.Provider,{value:null},J.createElement(Se,{...e,ref:t})));Ee.displayName="PortalTheme";var bt={content:{type:"ReactNode",required:!0},width:K.width,minWidth:K.minWidth,maxWidth:{...K.maxWidth,default:"360px"}};var xt=200,wt=C.createContext(!1);function Wo({delayDuration:e=xt,children:t,...o}){return C.createElement(wt.Provider,{value:!0},C.createElement(z.Tooltip.Provider,{delayDuration:e,...o},t))}Wo.displayName="TooltipProvider";var Fe=C.forwardRef((e,t)=>{let{children:o,className:s,open:r,defaultOpen:n,onOpenChange:a,delayDuration:p,disableHoverableContent:l,content:i,container:m,forceMount:f,...g}=S(e,bt),x={open:r,defaultOpen:n,onOpenChange:a,delayDuration:p,disableHoverableContent:l},D=C.useContext(wt),T=C.createElement(z.Tooltip.Root,{...x},C.createElement(z.Tooltip.Trigger,{asChild:!0},o),C.createElement(z.Tooltip.Portal,{container:m,forceMount:f},C.createElement(Ee,{asChild:!0},C.createElement(z.Tooltip.Content,{sideOffset:4,collisionPadding:10,...g,asChild:!1,ref:t,className:(0,Tt.default)("kui-TooltipContent",s)},C.createElement(we,{as:"p",className:"kui-TooltipText",size:"1"},i),C.createElement(z.Tooltip.Arrow,{className:"kui-TooltipArrow"})))));return D?T:C.createElement(z.Tooltip.Provider,{delayDuration:xt},T)});Fe.displayName="Tooltip";var le=d(require("react"));function kt(e){let t=le.useId(),o=!!e,s=le.useMemo(()=>o?{"aria-describedby":t}:{},[o,t]);return{tooltipId:t,hasTooltip:o,accessibilityProps:s}}var Mo={loud:"solid",medium:"raised",quiet:"ghost"};function Go(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var Ve=Q.forwardRef(({className:e,style:t,tooltip:o,tooltipSide:s="top",tooltipAlign:r="center",tooltipDelayDuration:n,tooltipDisableHoverableContent:a,iconOnly:p=!1,emphasis:l,variant:i,...m},f)=>{let{tooltipId:g,hasTooltip:x,accessibilityProps:D}=kt(o);p&&(Go(m),m.fullWidth=!1);let T=l!==void 0?Mo[l]:i,B=m["aria-describedby"],F=D["aria-describedby"],V=[B,F].filter(Boolean).join(" ")||void 0,w=Q.createElement(xe,{...m,variant:T,"aria-describedby":V,ref:f,"data-icon-only":p||void 0,className:(0,Nt.default)("kui-Button",e),style:t});return x?Q.createElement(Fe,{content:o,side:s,align:r,delayDuration:n,disableHoverableContent:a,id:g},w):w});Ve.displayName="Button";var Et=E.forwardRef(({pressed:e,onPressedChange:t,defaultPressed:o,children:s,className:r,...n},a)=>{delete n.done;let p=E.useRef(!1);return E.useEffect(()=>{},[e,t]),E.createElement(Bt.Toggle.Root,{pressed:e,onPressedChange:t,defaultPressed:o,asChild:!0},E.createElement(Ve,{...n,ref:a,className:(0,St.default)("kui-Toggle",r)},s))});Et.displayName="Toggle";
 //# sourceMappingURL=toggle.js.map