@bettercms-ai/kit 0.1.1 → 2.0.0

package/dist/index.d.ts

@@ -1,3140 +1,46 @@
-import {BaseTheme as BaseTheme_2} from '@bettercms-ai/kit/theme'
-import {Component} from 'react'
-import {Context} from 'react'
-import {createColorTheme as createColorTheme_2} from '@bettercms-ai/kit/theme'
-import {CSSObject} from '@bettercms-ai/kit/theme'
-import {ElementType as ElementType_2} from 'react'
-import {ForwardRefExoticComponent} from 'react'
-import {hexToRgb as hexToRgb_2} from '@bettercms-ai/kit/theme'
-import {HSL as HSL_2} from '@bettercms-ai/kit/theme'
-import {hslToRgb as hslToRgb_2} from '@bettercms-ai/kit/theme'
-import {HTMLProps} from 'react'
-import {multiply as multiply_2} from '@bettercms-ai/kit/theme'
-import {parseColor as parseColor_2} from '@bettercms-ai/kit/theme'
-import {PartialThemeColorBuilderOpts} from '@bettercms-ai/kit/theme'
-import {PropsWithChildren} from 'react'
-import {ReactNode} from 'react'
-import {Ref} from 'react'
-import {RefAttributes} from 'react'
-import {RGB as RGB_2} from '@bettercms-ai/kit/theme'
-import {rgba as rgba_2} from '@bettercms-ai/kit/theme'
-import {rgbToHex as rgbToHex_2} from '@bettercms-ai/kit/theme'
-import {rgbToHsl as rgbToHsl_2} from '@bettercms-ai/kit/theme'
-import {RootTheme as RootTheme_2} from '@bettercms-ai/kit/theme'
-import {screen as screen_3} from '@bettercms-ai/kit/theme'
-import {Theme as Theme_2} from '@bettercms-ai/kit/theme'
-import {Theme_v2} from '@bettercms-ai/kit/theme'
-import {ThemeAvatar} from '@bettercms-ai/kit/theme'
-import {ThemeBoxShadow} from '@bettercms-ai/kit/theme'
-import {ThemeColor} from '@bettercms-ai/kit/theme'
-import {ThemeColorAvatarColorKey} from '@bettercms-ai/kit/theme'
-import {ThemeColorBase} from '@bettercms-ai/kit/theme'
-import {ThemeColorBuilderOpts} from '@bettercms-ai/kit/theme'
-import {ThemeColorButton} from '@bettercms-ai/kit/theme'
-import {ThemeColorButtonModeKey as ThemeColorButtonModeKey_2} from '@bettercms-ai/kit/theme'
-import {ThemeColorButtonState} from '@bettercms-ai/kit/theme'
-import {ThemeColorButtonStates} from '@bettercms-ai/kit/theme'
-import {ThemeColorButtonTones} from '@bettercms-ai/kit/theme'
-import {ThemeColorCard} from '@bettercms-ai/kit/theme'
-import {ThemeColorCardState} from '@bettercms-ai/kit/theme'
-import {ThemeColorCardToneKey} from '@bettercms-ai/kit/theme'
-import {ThemeColorGenericState} from '@bettercms-ai/kit/theme'
-import {ThemeColorInput} from '@bettercms-ai/kit/theme'
-import {ThemeColorInputState} from '@bettercms-ai/kit/theme'
-import {ThemeColorInputStates} from '@bettercms-ai/kit/theme'
-import {ThemeColorMuted} from '@bettercms-ai/kit/theme'
-import {ThemeColorMutedTone} from '@bettercms-ai/kit/theme'
-import {ThemeColorName} from '@bettercms-ai/kit/theme'
-import {ThemeColorScheme} from '@bettercms-ai/kit/theme'
-import {ThemeColorSchemeKey as ThemeColorSchemeKey_2} from '@bettercms-ai/kit/theme'
-import {ThemeColorSchemes} from '@bettercms-ai/kit/theme'
-import {ThemeColorSelectable} from '@bettercms-ai/kit/theme'
-import {ThemeColorSelectableState} from '@bettercms-ai/kit/theme'
-import {ThemeColorSelectableStates} from '@bettercms-ai/kit/theme'
-import {ThemeColorSolid} from '@bettercms-ai/kit/theme'
-import {ThemeColorSolidTone} from '@bettercms-ai/kit/theme'
-import {ThemeColorSpot} from '@bettercms-ai/kit/theme'
-import {ThemeColorSpotKey} from '@bettercms-ai/kit/theme'
-import {ThemeColorStateToneKey} from '@bettercms-ai/kit/theme'
-import {ThemeColorSyntax as ThemeColorSyntax_2} from '@bettercms-ai/kit/theme'
-import {ThemeColorToneKey} from '@bettercms-ai/kit/theme'
-import {ThemeFont as ThemeFont_2} from '@bettercms-ai/kit/theme'
-import {ThemeFontKey as ThemeFontKey_2} from '@bettercms-ai/kit/theme'
-import {ThemeFonts as ThemeFonts_2} from '@bettercms-ai/kit/theme'
-import {ThemeFontSize as ThemeFontSize_2} from '@bettercms-ai/kit/theme'
-import {ThemeFontWeight as ThemeFontWeight_2} from '@bettercms-ai/kit/theme'
-import {ThemeFontWeightKey as ThemeFontWeightKey_2} from '@bettercms-ai/kit/theme'
-import {ThemeInput} from '@bettercms-ai/kit/theme'
-import {ThemeLayer as ThemeLayer_2} from '@bettercms-ai/kit/theme'
-import {ThemeShadow as ThemeShadow_2} from '@bettercms-ai/kit/theme'
-import {ThemeStyles} from '@bettercms-ai/kit/theme'
-
-/** @beta */
-export declare type ArrayPropPrimitive = string | number | boolean | undefined | null
-
-/** @internal */
-export declare const Arrow: ForwardRefExoticComponent<
-  Omit<
-    {
-      width: number
-      height: number
-      radius?: number
-    } & Omit<HTMLProps<HTMLDivElement>, 'height' | 'width'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
 /**
- * Assign properties from `U` to `T`, excluding properties that already exist in `T`.
- *
- * @public
- */
-export declare type Assign<T extends object, U extends object> = Omit<T, keyof U> & U
-
-/**
- * @internal
- */
-export declare function attemptFocus(element: HTMLElement): boolean
-
-/**
- * The Autocomplete component is typically used for search components.
- * It consists of a text input for writing a query, and properties for rendering suggestions.
- *
- * @public
- */
-export declare const Autocomplete: <Option extends BaseAutocompleteOption>(
-  props: AutocompleteProps<Option> &
-    Omit<
-      HTMLProps<HTMLInputElement>,
-      | 'aria-activedescendant'
-      | 'aria-autocomplete'
-      | 'aria-expanded'
-      | 'aria-owns'
-      | 'as'
-      | 'autoCapitalize'
-      | 'autoComplete'
-      | 'autoCorrect'
-      | 'id'
-      | 'inputMode'
-      | 'onChange'
-      | 'onSelect'
-      | 'popover'
-      | 'prefix'
-      | 'ref'
-      | 'role'
-      | 'spellCheck'
-      | 'type'
-      | 'value'
-    > & {
-      ref?: Ref<HTMLInputElement>
-    },
-) => React.JSX.Element
-
-/**
- * @internal
- */
-export declare interface AutocompleteInputChangeMsg {
-  type: 'input/change'
-  query: string | null
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteInputFoocusMsg {
-  type: 'input/focus'
-}
-
-/**
- * @internal
- */
-export declare type AutocompleteMsg =
-  | AutocompleteRootBlurMsg
-  | AutocompleteRootClearMsg
-  | AutocompleteRootEscapeMsg
-  | AutocompleteRootOpenMsg
-  | AutocompleteRootSetActiveValueMsg
-  | AutocompleteRootSetListFocusedMsg
-  | AutocompleteInputChangeMsg
-  | AutocompleteInputFoocusMsg
-  | AutocompleteValueChangeMsg
-
-/**
- * @public
- */
-export declare type AutocompleteOpenButtonProps = ButtonOwnProps &
-  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'ref'>
-
-/**
- * @public
- */
-export declare interface AutocompleteProps<
-  Option extends BaseAutocompleteOption = BaseAutocompleteOption,
-> {
-  border?: boolean
-  customValidity?: string
-  filterOption?: (query: string, option: Option) => boolean
-  fontSize?: number | number[]
-  icon?: ElementType_2 | ReactNode
-  id: string
-  /** @beta */
-  listBox?: BoxProps
-  loading?: boolean
-  onChange?: (value: string) => void
-  onQueryChange?: (query: string | null) => void
-  onSelect?: (value: string) => void
-  /** @beta */
-  openButton?: boolean | AutocompleteOpenButtonProps
-  /** @beta */
-  openOnFocus?: boolean
-  /** The options to render. */
-  options?: Option[]
-  padding?: number | number[]
-  popover?: Omit<PopoverProps, 'content' | 'onMouseEnter' | 'onMouseLeave' | 'open'> &
-    Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'content' | 'ref' | 'width'>
-  prefix?: ReactNode
-  radius?: Radius | Radius[]
-  /** @beta */
-  relatedElements?: HTMLElement[]
-  /** The callback function for rendering each option. */
-  renderOption?: (option: Option) => React.JSX.Element
-  /** @beta */
-  renderPopover?: (
-    props: {
-      content: React.JSX.Element | null
-      hidden: boolean
-      inputElement: HTMLInputElement | null
-      onMouseEnter: () => void
-      onMouseLeave: () => void
-    },
-    ref: Ref<HTMLDivElement>,
-  ) => ReactNode
-  renderValue?: (value: string, option?: Option) => string
-  suffix?: ReactNode
-  /** The current value. */
-  value?: string
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootBlurMsg {
-  type: 'root/blur'
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootClearMsg {
-  type: 'root/clear'
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootEscapeMsg {
-  type: 'root/escape'
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootOpenMsg {
-  type: 'root/open'
-  query: string | null
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootSetActiveValueMsg {
-  type: 'root/setActiveValue'
-  value: string
-  listFocused?: boolean
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteRootSetListFocusedMsg {
-  type: 'root/setListFocused'
-  listFocused: boolean
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteState {
-  activeValue: string | null
-  focused: boolean
-  listFocused: boolean
-  query: string | null
-  value: string | null
-}
-
-/**
- * @internal
- */
-export declare interface AutocompleteValueChangeMsg {
-  type: 'value/change'
-  value: string | null
-}
-
-/**
- * Avatars are used to represent people and other agents (e.g. bots).
- *
- * @public
- */
-export declare const Avatar: <E extends ElementType = 'div'>(
-  props: AvatarProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare const AvatarCounter: ForwardRefExoticComponent<
-  AvatarCounterProps & RefAttributes<HTMLDivElement>
->
-
-/**
- * @public
- */
-export declare interface AvatarCounterProps {
-  count: number
-  size?: AvatarSize | AvatarSize[]
-  /** @deprecated No longer supported. */
-  tone?: 'navbar'
-}
-
-/**
- * @public
- */
-export declare interface AvatarOwnProps {
-  /** @beta */
-  __unstable_hideInnerStroke?: boolean
-  animateArrowFrom?: AvatarPosition
-  arrowPosition?: AvatarPosition
-  color?: ThemeColorAvatarColorKey
-  initials?: string
-  onImageLoadError?: (event: Error) => void
-  size?: AvatarSize | AvatarSize[]
-  src?: string
-  /**
-   * The status of the entity this Avatar represents.
-   * @alpha
-   */
-  status?: AvatarStatus
-  title?: string
-}
-
-/**
- * @public
- */
-export declare type AvatarPosition = 'top' | 'bottom' | 'inside'
-
-/**
- * @public
- */
-export declare type AvatarProps<E extends ElementType = 'div'> = Props<AvatarOwnProps, E>
-
-/**
- * @internal
- */
-export declare interface AvatarRootStyleProps {
-  $color: ThemeColorAvatarColorKey
-}
-
-/**
- * @public
- */
-export declare type AvatarSize = 0 | 1 | 2 | 3
-
-/**
- * @public
- */
-export declare const AvatarStack: ForwardRefExoticComponent<
-  AvatarStackProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'ref'> & RefAttributes<HTMLDivElement>
->
-
-/**
- * @public
- */
-export declare interface AvatarStackProps {
-  children: React.ReactNode
-  maxLength?: number
-  size?: AvatarSize | AvatarSize[]
-  /** @deprecated No longer supported. */
-  tone?: 'navbar'
-}
-
-/**
- * @public
- */
-export declare type AvatarStatus = 'online' | 'editing' | 'inactive'
-
-/**
- * Badges are used to tag resources.
- *
- * @public
- */
-export declare const Badge: <E extends ElementType = 'div'>(
-  props: BadgeProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- * @deprecated No longer used
- */
-export declare type BadgeMode = 'default' | 'outline'
-
-/**
- * @public
- */
-export declare interface BadgeOwnProps extends BoxOwnProps, ResponsiveRadiusProps {
-  fontSize?: number | number[]
-  /** @deprecated No longer used. */
-  mode?: BadgeMode
-  tone?: BadgeTone
-}
-
-/**
- * @public
- */
-export declare type BadgeProps<E extends ElementType = 'div'> = Props<BadgeOwnProps, E>
-
-/**
- * @public
- */
-export declare type BadgeTone = ThemeColorStateToneKey
-
-/**
- * @public
- */
-export declare interface BaseAutocompleteOption {
-  value: string
-}
-
-/**
- * @public
- * @deprecated Use `BaseTheme` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type BaseTheme = BaseTheme_2
-
-/**
- * @public
- */
-export declare interface BoundaryElementContextValue {
-  version: 0.0
-  element: HTMLElement | null
-}
-
-/**
- * @public
- */
-export declare function BoundaryElementProvider(
-  props: BoundaryElementProviderProps,
-): React.JSX.Element
-
-export declare namespace BoundaryElementProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface BoundaryElementProviderProps {
-  children: React.ReactNode
-  element: HTMLElement | null
-}
-
-/**
- * The `Box` component is a basic layout wrapper component which provides utility properties
- * for flex, margins and padding.
- *
- * @public
- */
-export declare const Box: <E extends ElementType = 'div'>(props: BoxProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare type BoxDisplay = 'none' | 'block' | 'grid' | 'flex' | 'inline-block'
-
-/**
- * @public
- */
-export declare type BoxHeight = 'stretch' | 'fill'
-
-/**
- * @public
- */
-export declare type BoxOverflow = 'visible' | 'hidden' | 'auto'
-
-/**
- * The props that `Box` adds on top of the element it renders as.
- *
- * @public
- */
-export declare interface BoxOwnProps
-  extends ResponsiveFlexItemProps,
-    ResponsiveBoxProps,
-    ResponsiveGridItemProps,
-    ResponsiveMarginProps,
-    ResponsivePaddingProps {
-  forwardedAs?: ElementType
-}
-
-/**
- * @public
- */
-export declare type BoxProps<E extends ElementType = 'div'> = Props<BoxOwnProps, E>
-
-/**
- * @public
- * @deprecated Use `ThemeBoxShadow` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type BoxShadow = ThemeBoxShadow
-
-/**
- * @public
- */
-export declare type BoxSizing = 'content' | 'border'
-
-/**
- * @beta
- */
-export declare const Breadcrumbs: ForwardRefExoticComponent<
-  BreadcrumbsProps &
-    Omit<HTMLProps<HTMLOListElement>, 'type' | 'as' | 'ref'> &
-    RefAttributes<HTMLOListElement>
->
-
-/**
- * @beta
- */
-export declare interface BreadcrumbsProps {
-  maxLength?: number
-  separator?: React.ReactNode
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-}
-
-/**
- * @public
- */
-export declare const Button: <E extends ElementType = 'button'>(
-  props: ButtonProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare type ButtonMode = ThemeColorButtonModeKey_2
-
-/**
- * @public
- */
-export declare interface ButtonOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  fontSize?: number | number[]
-  mode?: ButtonMode
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
-  justify?: FlexJustify | FlexJustify[]
-  /**
-   * @beta Do not use in production, as this might change.
-   */
-  loading?: boolean
-  selected?: boolean
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  gap?: number | number[]
-  muted?: boolean
-  text?: React.ReactNode
-  textAlign?: ButtonTextAlign
-  textWeight?: ThemeFontWeightKey_2
-  tone?: ButtonTone
-  type?: 'button' | 'reset' | 'submit'
-  width?: ButtonWidth
-}
-
-/**
- * @public
- */
-export declare type ButtonProps<E extends ElementType = 'button'> = Props<ButtonOwnProps, E>
-
-/**
- * @public
- */
-export declare type ButtonTextAlign = 'left' | 'right' | 'center'
-
-/**
- * @public
- */
-export declare type ButtonTone = ThemeColorStateToneKey
-
-/**
- * @public
- */
-export declare type ButtonWidth = 'fill'
-
-/**
- * The `Card` component acts much like a `Box`, but with a background and foreground color.
- * Components within a `Card` inherit its colors.
- *
- * @public
- */
-export declare const Card: <E extends ElementType = 'div'>(props: CardProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface CardOwnProps
-  extends BoxOwnProps,
-    ResponsiveBorderProps,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
-  /**
-   * Do not use in production.
-   * @beta
-   */
-  __unstable_checkered?: boolean
-  /**
-   * Do not use in production.
-   * @beta
-   */
-  __unstable_focusRing?: boolean
-  disabled?: boolean
-  muted?: boolean
-  pressed?: boolean
-  scheme?: ThemeColorSchemeKey_2
-  selected?: boolean
-  tone?: CardTone
-}
-
-/**
- * @public
- */
-export declare type CardProps<E extends ElementType = 'div'> = Props<CardOwnProps, E>
-
-/**
- * @internal
- */
-export declare interface CardStyleProps {
-  $checkered: boolean
-  $focusRing: boolean
-  $muted: boolean
-  $tone: ThemeColorToneKey
-}
-
-/**
- * @public
- */
-export declare type CardTone = ThemeColorCardToneKey | 'inherit'
-
-/**
- * Checkboxes allow the user to select one or more items from a set.
- *
- * @public
- */
-export declare const Checkbox: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & CheckboxProps, 'ref'> &
-    RefAttributes<HTMLInputElement>
->
-
-/**
- * @public
- */
-export declare interface CheckboxProps {
-  indeterminate?: boolean
-  customValidity?: string
-}
-
-/**
- * @public
- */
-export declare type ClickOutsideElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
-/**
- * @public
- */
-export declare type ClickOutsideEventElements = (HTMLElement | null | (HTMLElement | null)[])[]
-
-/**
- * @public
- */
-export declare type ClickOutsideEventListener = (event: MouseEvent) => void
-
-/**
- * @public
- */
-export declare type ClickOutsideListener = (event: MouseEvent) => void
-
-/**
- * @public
- */
-export declare const Code: <E extends ElementType = 'pre'>(props: CodeProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface CodeOwnProps {
-  /** Define the language to use for syntax highlighting. */
-  language?: string
-  size?: number | number[]
-  weight?: string
-}
-
-/**
- * @public
- */
-export declare type CodeProps<E extends ElementType = 'pre'> = Props<CodeOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const CodeSkeleton: ForwardRefExoticComponent<
-  Omit<
-    CodeSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'height' | 'as' | 'children'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface CodeSkeletonProps extends SkeletonProps {
-  size?: number | number[]
-}
-
-/** @public */
-export declare type ComponentType<P = any> =
-  | React.FunctionComponent<P>
-  | React.ComponentClass<P>
-  | React.ExoticComponent<P>
-
-/**
- * @internal
- * @deprecated this component will be removed in the next major release
- */
-export declare function ConditionalWrapper({
-  children,
-  condition,
-  wrapper,
-}: {
-  children: React.ReactNode
-  condition: boolean
-  wrapper: (children: React.ReactNode) => React.ReactNode
-}): React.ReactNode
-
-export declare namespace ConditionalWrapper {
-  var displayName: string
-}
-
-/**
- * The `Container` component wraps content layout in a defined set of widths.
- *
- * @public
- */
-export declare const Container: <E extends ElementType = 'div'>(
-  props: ContainerProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface ContainerOwnProps extends BoxOwnProps, ResponsiveWidthProps {}
-
-/**
- * @public
- */
-export declare type ContainerProps<E extends ElementType = 'div'> = Props<ContainerOwnProps, E>
-
-/**
- * @internal
- */
-export declare function containsOrEqualsElement(element: HTMLElement, node: Node): boolean
-
-/**
- * @public
- * @deprecated Use `createColorTheme` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const createColorTheme: typeof createColorTheme_2
-
-/**
- * @public
- */
-export declare type Delay =
-  | number
-  | Partial<{
-      open: number
-      close: number
-    }>
-
-/**
- * The Dialog component.
- *
- * @public
- */
-export declare const Dialog: ForwardRefExoticComponent<
-  Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @internal
- */
-export declare const DialogContext: Context<DialogContextValue>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface DialogContextValue {
-  version: 0.0
-  position?: DialogPosition | DialogPosition[]
-  zOffset?: number | number[]
-}
-
-/**
- * @public
- */
-export declare type DialogPosition = 'absolute' | 'fixed'
-
-/**
- * @public
- */
-export declare interface DialogProps extends ResponsivePaddingProps, ResponsiveWidthProps {
-  /**
-   * @beta
-   */
-  __unstable_autoFocus?: boolean
-  /**
-   * @beta
-   */
-  __unstable_hideCloseButton?: boolean
-  cardRadius?: Radius | Radius[]
-  cardShadow?: number | number[]
-  contentRef?: React.ForwardedRef<HTMLDivElement>
-  footer?: React.ReactNode
-  header?: React.ReactNode
-  id: string
-  /** A callback that fires when the dialog becomes the top layer when it was not the top layer before. */
-  onActivate?: LayerProps['onActivate']
-  onClickOutside?: () => void
-  onClose?: () => void
-  portal?: string
-  position?: DialogPosition | DialogPosition[]
-  scheme?: ThemeColorSchemeKey_2
-  zOffset?: number | number[]
-  /**
-   * Whether the dialog should animate in on mount.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  animate?: boolean
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function DialogProvider(props: DialogProviderProps): React.JSX.Element
-
-export declare namespace DialogProvider {
-  var displayName: string
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface DialogProviderProps {
-  children?: React.ReactNode
-  position?: DialogPosition | DialogPosition[]
-  zOffset?: number | number[]
-}
-
-/**
- * DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const ElementQuery: ForwardRefExoticComponent<
-  Omit<MediaQueryProps & Omit<HTMLProps<HTMLDivElement>, 'media' | 'as'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @beta
- */
-export declare interface ElementRectValue {
-  width: number
-  height: number
-}
-
-/**
- * @beta
- */
-export declare interface ElementSize {
-  content: ElementRectValue
-  border: ElementRectValue
-  /** @deprecated INTERNAL ONLY */
-  _contentRect: DOMRectReadOnly
-}
-
-/**
- * @internal
- */
-export declare interface _ElementSizeListener {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
-}
-
-/**
- * @internal
- */
-export declare interface _ElementSizeObserver {
-  subscribe: (element: HTMLElement, subscriber: _ElementSizeSubscriber) => () => void
-}
-
-/**
- * @internal
- */
-export declare const _elementSizeObserver: _ElementSizeObserver
-
-/**
- * @internal
- */
-export declare type _ElementSizeSubscriber = (elementRect: ElementSize) => void
-
-/** @public */
-export declare type ElementType<P = any> = TagType | ComponentType<P>
-
-/** @public */
-export declare type EmptyProps = object
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  state: ErrorBoundaryState
-  static getDerivedStateFromError(error: Error): ErrorBoundaryState
-  componentDidCatch(error: Error, info: React.ErrorInfo): void
-  render(): React.ReactNode
-}
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare type ErrorBoundaryProps = PropsWithChildren<{
-  onCatch: (params: {error: Error; info: React.ErrorInfo}) => void
-}>
-
-/**
- * DO NOT USE IN PRODUCTION
- * @beta
- */
-export declare interface ErrorBoundaryState {
-  error: Error | null
-}
-
-/**
- * @internal
- */
-export declare function _fillCSSObject(
-  keys: string[],
-  value: string | number | CSSObject,
-): CSSObject
-
-/**
- * The `Flex` component is a wrapper component for flexible elements (`Box`, `Card` and `Flex`).
- *
- * @public
- */
-export declare const Flex: <E extends ElementType = 'div'>(props: FlexProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
-
-/**
- * @public
- */
-export declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse'
-
-/**
- * @public
- */
-export declare type FlexJustify =
-  | 'flex-start'
-  | 'flex-end'
-  | 'center'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-
-/**
- * @public
- */
-export declare interface FlexOwnProps
-  extends Omit<BoxOwnProps, 'display'>,
-    ResponsiveFlexProps,
-    ResponsiveFlexItemProps {
-  gap?: number | number[]
-}
-
-/**
- * @public
- */
-export declare type FlexProps<E extends ElementType = 'div'> = Props<FlexOwnProps, E>
-
-/**
- * @public
- */
-export declare type FlexValue = number | 'none' | 'auto' | 'initial'
-
-/**
- * @public
- */
-export declare type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap'
-
-/**
- * @internal
- */
-export declare function focusFirstDescendant(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function focusLastDescendant(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare interface FontWeightStyleProps {
-  $weight?: ThemeFontWeightKey_2
-}
-
-/**
- * @internal
- */
-export declare function _getArrayProp<T = number>(val: T | T[] | undefined, defaultVal?: T[]): T[]
-
-/**
- * @internal
- */
-export declare function _getResponsiveSpace(
-  theme: Theme_2,
-  props: string[],
-  spaceIndexes?: number[],
-): CSSObject[] | null
-
-/**
- * The `Grid` component is for building 2-dimensional layers (based on CSS grid).
- *
- * @public
- */
-export declare const Grid: <E extends ElementType = 'div'>(props: GridProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare type GridAutoCols = 'auto' | 'min' | 'max' | 'fr'
-
-/**
- * @public
- */
-export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense'
-
-/**
- * @public
- */
-export declare type GridAutoRows = 'auto' | 'min' | 'max' | 'fr'
-
-/**
- * @public
- */
-export declare type GridItemColumn = 'auto' | 'full' | number
-
-/**
- * @public
- */
-export declare type GridItemColumnEnd = 'auto' | number
-
-/**
- * @public
- */
-export declare type GridItemColumnStart = 'auto' | number
-
-/**
- * @public
- */
-export declare type GridItemRow = 'auto' | 'full' | number
-
-/**
- * @public
- */
-export declare type GridItemRowEnd = 'auto' | number
-
-/**
- * @public
- */
-export declare type GridItemRowStart = 'auto' | number
-
-/**
- * @public
- */
-export declare interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}
-
-/**
- * @public
- */
-export declare type GridProps<E extends ElementType = 'div'> = Props<GridOwnProps, E>
-
-/**
- * @internal
- */
-export declare function _hasFocus(element: HTMLElement): boolean
-
-/**
- * Typographic headings.
- *
- * @public
- */
-export declare const Heading: <E extends ElementType = 'div'>(
-  props: HeadingProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface HeadingOwnProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  muted?: boolean
-  size?: number | number[]
-  /**
-   * Controls how overflowing text is treated.
-   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
-   * @beta
-   */
-  textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * @public
- */
-export declare type HeadingProps<E extends ElementType = 'div'> = Props<HeadingOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const HeadingSkeleton: ForwardRefExoticComponent<
-  Omit<
-    HeadingSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'height' | 'as' | 'children'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface HeadingSkeletonProps extends SkeletonProps {
-  size?: number | number[]
-}
-
-/**
- * @public
- * @deprecated Use `hexToRgb` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const hexToRgb: typeof hexToRgb_2
-
-/**
- * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
- *
- * @public
- */
-export declare const Hotkeys: ForwardRefExoticComponent<
-  HotkeysProps & Omit<HTMLProps<HTMLElement>, 'size' | 'as' | 'ref'> & RefAttributes<HTMLElement>
->
-
-/**
- * @public
- */
-export declare interface HotkeysProps {
-  fontSize?: number | number[]
-  gap?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  keys?: string[]
-}
-
-/**
- * @public
- * @deprecated Use `HSL` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type HSL = HSL_2
-
-/**
- * @public
- * @deprecated Use `hslToRgb` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const hslToRgb: typeof hslToRgb_2
-
-/**
- * The `Inline` component is a layout utility for aligning and spacing items horizontally.
- *
- * @public
- */
-export declare const Inline: <E extends ElementType = 'div'>(
-  props: InlineProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface InlineOwnProps extends Omit<BoxOwnProps, 'display'> {
-  /**
-   * The spacing between children.
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  /** The spacing between children. */
-  gap?: number | number[]
-}
-
-/**
- * @public
- */
-export declare type InlineProps<E extends ElementType = 'div'> = Props<InlineOwnProps, E>
-
-/**
- * @internal
- */
-export declare function _isEnterToClickElement(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function isFocusable(element: HTMLElement): boolean
-
-/**
- * @internal
- */
-export declare function isHTMLAnchorElement(element: unknown): element is HTMLAnchorElement
-
-/**
- * @internal
- */
-export declare function isHTMLButtonElement(element: unknown): element is HTMLButtonElement
-
-/**
- * @internal
- */
-export declare function isHTMLElement(node: unknown): node is HTMLElement
-
-/**
- * @internal
- */
-export declare function isHTMLInputElement(element: unknown): element is HTMLInputElement
-
-/**
- * @internal
- */
-export declare function isHTMLSelectElement(element: unknown): element is HTMLSelectElement
-
-/**
- * @internal
- */
-export declare function isHTMLTextAreaElement(element: unknown): element is HTMLTextAreaElement
-
-/**
- * @internal
- */
-export declare function _isScrollable(el: Node): boolean
-
-/**
- * Used to define some text as keyboard input.
- *
- * @public
- */
-export declare const KBD: <E extends ElementType = 'kbd'>(props: KBDProps<E>) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface KBDOwnProps {
-  fontSize?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
-}
-
-/**
- * @public
- */
-export declare type KBDProps<E extends ElementType = 'kbd'> = Props<KBDOwnProps, E>
-
-/**
- * Typographic labels.
- *
- * @public
- */
-export declare const Label: <E extends ElementType = 'div'>(
-  props: LabelProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface LabelOwnProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  muted?: boolean
-  size?: number | number[]
-  /**
-   * Controls how overflowing text is treated.
-   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
-   * @beta
-   */
-  textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * @public
- */
-export declare type LabelProps<E extends ElementType = 'div'> = Props<LabelOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const LabelSkeleton: ForwardRefExoticComponent<
-  Omit<
-    LabelSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'height' | 'as' | 'children'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface LabelSkeletonProps extends SkeletonProps {
-  size?: number | number[]
-}
-
-/**
- * @public
- */
-export declare const Layer: ForwardRefExoticComponent<
-  Omit<LayerProps & Omit<HTMLProps<HTMLDivElement>, 'as'>, 'ref'> & RefAttributes<HTMLDivElement>
->
-
-/** @public */
-export declare interface LayerContextValue {
-  version: 0.0
-  isTopLayer: boolean
-  level?: number
-  registerChild: (childLevel?: number) => () => void
-  size: number
-  zIndex: number
-}
-
-/**
- * @public
- */
-export declare interface LayerProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  /** A callback that fires when the layer becomes the top layer when it was not the top layer before. */
-  onActivate?: (props: {activeElement: HTMLElement | null}) => void
-  zOffset?: number | number[]
-}
-
-/**
- * @public
- */
-export declare function LayerProvider(props: LayerProviderProps): React.JSX.Element
-
-export declare namespace LayerProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface LayerProviderProps {
-  children?: React.ReactNode
-  zOffset?: number | number[]
-}
-
-/**
- * DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface MediaQueryProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  media?: number[]
-}
-
-/**
- * @internal
- */
-export declare interface _MediaStore {
-  subscribe: (onStoreChange: () => void) => () => void
-  getSnapshot: () => number
-}
-
-/**
- * The `Menu` component is a building block for application menus.
- *
- * @public
- */
-export declare const Menu: ForwardRefExoticComponent<
-  Omit<MenuProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as' | 'tabIndex' | 'role'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
- *
- * @public
- */
-export declare const MenuButton: ForwardRefExoticComponent<
-  MenuButtonProps & RefAttributes<HTMLButtonElement | null>
->
-
-/**
- * @public
- */
-export declare interface MenuButtonProps {
-  /**
-   * @beta Do not use in production.
-   */
-  __unstable_disableRestoreFocusOnClose?: boolean
-  /**
-   * @deprecated Use `popover={{boundaryElement: element}}` instead.
-   */
-  boundaryElement?: HTMLElement
-  button: React.JSX.Element
-  id: string
-  menu?: React.JSX.Element
-  onClose?: () => void
-  onOpen?: () => void
-  /**
-   * @deprecated Use `popover={{placement: 'top'}}` instead.
-   */
-  placement?: Placement
-  popover?: Omit<PopoverProps, 'content' | 'open'>
-  /**
-   * @deprecated Use `popover={{scheme: 'dark'}}` instead.
-   */
-  popoverScheme?: ThemeColorSchemeKey_2
-  /**
-   * @deprecated Use `popover={{radius: 2}}` instead.
-   */
-  popoverRadius?: Radius | Radius[]
-  /**
-   * @beta Do not use in production.
-   * @deprecated Use `popover={{portal: true}}` instead.
-   */
-  portal?: boolean
-  /**
-   * @deprecated Use `popover={{preventOverflow: true}}` instead.
-   */
-  preventOverflow?: boolean
-}
-
-/**
- * @public
- */
-export declare const MenuDivider: <E extends ElementType = 'hr'>(
-  props: MenuDividerProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare type MenuDividerProps<E extends ElementType = 'hr'> = Props<EmptyProps, E>
-
-/**
- * @public
- */
-export declare const MenuGroup: <E extends ElementType = 'button'>(
-  props: MenuGroupProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface MenuGroupOwnProps {
-  fontSize?: number | number[]
-  icon?: React.ElementType | React.ReactNode
-  menu?: Omit<
-    MenuProps,
-    | 'onClickOutside'
-    | 'onEscape'
-    | 'onItemClick'
-    | 'onKeyDown'
-    | 'onMouseEnter'
-    | 'registerElement'
-    | 'shouldFocus'
-    | 'onBlurCapture'
-  >
-  padding?: number | number[]
-  popover?: Omit<PopoverProps, 'content' | 'open'>
-  radius?: Radius | Radius[]
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  text: React.ReactNode
-  tone?: SelectableTone
-}
-
-/**
- * @public
- */
-export declare type MenuGroupProps<E extends ElementType = 'button'> = Props<MenuGroupOwnProps, E>
-
-/**
- * @public
- */
-export declare const MenuItem: <E extends ElementType = 'button'>(
-  props: MenuItemProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface MenuItemOwnProps extends ResponsivePaddingProps, ResponsiveRadiusProps {
-  fontSize?: number | number[]
-  hotkeys?: string[]
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
-  pressed?: boolean
-  selected?: boolean
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  text?: React.ReactNode
-  tone?: SelectableTone
-}
-
-/**
- * @public
- */
-export declare type MenuItemProps<E extends ElementType = 'button'> = Props<MenuItemOwnProps, E>
-
-/**
- * @public
- */
-export declare interface MenuProps extends ResponsivePaddingProps {
-  /**
-   * @deprecated Use `shouldFocus="first"` instead.
-   */
-  'focusFirst'?: boolean
-  /**
-   * @deprecated Use `shouldFocus="last"` instead.
-   */
-  'focusLast'?: boolean
-  'onClickOutside'?: (event: MouseEvent) => void
-  'onEscape'?: () => void
-  'onItemClick'?: () => void
-  'onItemSelect'?: (index: number) => void
-  'originElement'?: HTMLElement | null
-  'registerElement'?: (el: HTMLElement) => () => void
-  'shouldFocus'?: 'first' | 'last' | null
-  'gap'?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  'space'?: number | number[]
-  'aria-labelledby'?: string
-  'onBlurCapture'?: (event: FocusEvent) => void
-}
-
-/**
- * @public
- * @deprecated Use `multiply` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const multiply: typeof multiply_2
-
-/**
- * @public
- * @deprecated Use `parseColor` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const parseColor: typeof parseColor_2
-
-export {PartialThemeColorBuilderOpts}
-
-/**
- * Placement of floating UI elements.
- *
- * @public
- */
-export declare type Placement =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-
-/**
- * The `Popover` component is used to display some content on top of another.
- *
- * @public
- */
-export declare const Popover: ForwardRefExoticComponent<
-  Omit<
-    PopoverProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'width' | 'as' | 'children'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @beta
- */
-export declare type PopoverMargins = [number, number, number, number]
-
-/** @public */
-export declare interface PopoverProps
-  extends Omit<LayerProps, 'as'>,
-    ResponsiveRadiusProps,
-    ResponsiveShadowProps {
-  /** @beta */
-  __unstable_margins?: PopoverMargins
-  /**
-   * Whether the popover should animate in and out.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  animate?: boolean
-  arrow?: boolean
-  /** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
-  boundaryElement?: HTMLElement | null
-  children?: React.JSX.Element
-  /**
-     * When `true`, prevent overflow within the current boundary:
-     * - by flipping on its side axis
-     * - by resizing
-     /*
-     * Note that:
-     * - setting `preventOverflow` to `true` also prevents overflow on its side axis
-     * - setting `matchReferenceWidth` to `true` also causes the popover to resize
-     *
-     * @defaultValue false
-     */
-  constrainSize?: boolean
-  content?: React.ReactNode
-  disabled?: boolean
-  fallbackPlacements?: Placement[]
-  floatingBoundary?: HTMLElement | null
-  /**
-   * When `true`, set the maximum width to match the reference element, and also prevent overflow within
-   * the current boundary by resizing.
-   *
-   * Note that setting `constrainSize` to `true` also causes the popover to resize
-   *
-   * @defaultValue false
-   */
-  matchReferenceWidth?: boolean
-  /**
-   * When true, blocks all pointer interaction with elements beneath the popover until closed.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  modal?: boolean
-  open?: boolean
-  overflow?: BoxOverflow
-  padding?: number | number[]
-  placement?: Placement
-  /**
-   * When 'flip' (default), the placement is determined from the initial placement and the
-   * fallback placements in order. Whichever fits in the viewport first.
-   *
-   * When 'autoPlacement', the initial placement and all fallback placements are evaluated
-   * and the placement with the most viewport space available.
-   *
-   * Option is only relevant if either `constrainSize` or `preventOverflow` is `true`
-   */
-  placementStrategy?: 'flip' | 'autoPlacement'
-  /** Whether or not to render the popover in a portal element. */
-  portal?: boolean | string
-  preventOverflow?: boolean
-  referenceBoundary?: HTMLElement | null
-  /**
-   * When defined, the popover will be positioned relative to this element.
-   * The children of the popover won't be rendered.
-   */
-  referenceElement?: HTMLElement | null
-  scheme?: ThemeColorSchemeKey_2
-  tone?: CardTone
-  /** @beta */
-  updateRef?: Ref<PopoverUpdateCallback | undefined>
-  width?: PopoverWidth | PopoverWidth[]
-}
-
-/** @beta */
-export declare type PopoverUpdateCallback = () => void
-
-/** @public */
-export declare type PopoverWidth = number | 'auto'
-
-/**
- * @public
- */
-export declare function Portal(props: PortalProps): React.ReactPortal | null
-
-export declare namespace Portal {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface PortalContextValue {
-  version: 0.0
-  boundaryElement: HTMLElement | null
-  element: HTMLElement | null
-  elements?: Record<string, HTMLElement | null | undefined>
-}
-
-/**
- * @public
- */
-export declare interface PortalProps {
-  children: React.ReactNode
-  /**
-   * @beta This API might change. DO NOT USE IN PRODUCTION.
-   */
-  __unstable_name?: string
-}
-
-/**
- * @public
- */
-export declare function PortalProvider(props: PortalProviderProps): React.JSX.Element
-
-export declare namespace PortalProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface PortalProviderProps {
-  /**
-   * @deprecated Use `<BoundaryElementProvider element={...} />` instead
-   */
-  boundaryElement?: HTMLElement | null
-  children: React.ReactNode
-  element?: HTMLElement | null
-  /**
-   * @beta
-   */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>
-}
-
-/**
- * Resolves the props of a polymorphic component: the props of the element/component passed to `as`
- * (defaulting to the component's own element), with the component's own props assigned on top.
- *
- * @public
- */
-export declare type Props<P extends EmptyProps, E extends ElementType<P>> = Assign<
-  E extends TagType ? React.JSX.IntrinsicElements[E] : React.ComponentProps<E>,
-  P & {
-    as?: E
-  }
->
-
-/**
- * The `Radio` component allows the user to select one option from a set.
- *
- * @public
- */
-export declare const Radio: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & RadioProps, 'ref'> &
-    RefAttributes<HTMLInputElement>
->
-
-/**
- * @public
- */
-export declare interface RadioProps {
-  customValidity?: string
-}
-
-/**
- * @public
- */
-export declare type Radius = number | 'full'
-
-/**
- * @internal
- */
-export declare function _raf(fn: () => void): () => void
-
-/**
- * @internal
- */
-export declare function _raf2(fn: () => void): () => void
-
-/**
- * @public
- */
-export declare function rem(pixelValue: number): string | 0
-
-/**
- * @internal
- */
-export declare const _ResizeObserver: typeof ResizeObserver
-
-/**
- * @internal
- */
-export declare function _responsive<T>(
-  media: number[],
-  values: T[],
-  callback: (value: T, index: number, array: T[]) => CSSObject,
-): CSSObject[]
-
-/**
- * @internal
- */
-export declare interface ResponsiveAvatarSizeStyleProps {
-  $size: AvatarSize[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveBorderProps {
-  border?: boolean | boolean[]
-  borderTop?: boolean | boolean[]
-  borderRight?: boolean | boolean[]
-  borderBottom?: boolean | boolean[]
-  borderLeft?: boolean | boolean[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveBoxProps {
-  display?: BoxDisplay | BoxDisplay[]
-  height?: BoxHeight | BoxHeight[]
-  overflow?: BoxOverflow | BoxOverflow[]
-  sizing?: BoxSizing | BoxSizing[]
-}
-
-/**
- * Get responsive CSS for the `code` font style.
- * @internal
- */
-export declare function responsiveCodeFontStyle(
-  props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
-
-/**
- * @public
- */
-export declare interface ResponsiveFlexItemProps {
-  /** Sets the flex CSS attribute. The property is responsive. */
-  flex?: FlexValue | FlexValue[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveFlexProps {
-  align?: FlexAlign | FlexAlign[]
-  direction?: FlexDirection | FlexDirection[]
-  justify?: FlexJustify | FlexJustify[]
-  wrap?: FlexWrap | FlexWrap[]
-}
-
-/**
- * @internal
- */
-export declare interface ResponsiveFontSizeStyleProps {
-  $size: number[]
-}
-
-/**
- * @internal
- */
-export declare interface ResponsiveFontStyleProps
-  extends FontWeightStyleProps,
-    ResponsiveFontSizeStyleProps,
-    ResponsiveTextAlignStyleProps {
-  $accent?: boolean
-  $muted?: boolean
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveGridItemProps {
-  gridColumn?: GridItemColumn | GridItemColumn[]
-  /**
-   * @deprecated Use `gridColumn` instead. `column` will be removed in v4.
-   */
-  column?: GridItemColumn | GridItemColumn[]
-  gridColumnStart?: GridItemColumnStart | GridItemColumnStart[]
-  /**
-   * @deprecated Use `gridColumnStart` instead. `columnStart` will be removed in v4.
-   */
-  columnStart?: GridItemColumnStart | GridItemColumnStart[]
-  gridColumnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
-  /**
-   * @deprecated Use `gridColumnEnd` instead. `columnEnd` will be removed in v4.
-   */
-  columnEnd?: GridItemColumnEnd | GridItemColumnEnd[]
-  gridRow?: GridItemRow | GridItemRow[]
-  /**
-   * @deprecated Use `gridRow` instead. `row` will be removed in v4.
-   */
-  row?: GridItemRow | GridItemRow[]
-  gridRowStart?: GridItemRowStart | GridItemRowStart[]
-  /**
-   * @deprecated Use `gridRowStart` instead. `rowStart` will be removed in v4.
-   */
-  rowStart?: GridItemRowStart | GridItemRowStart[]
-  gridRowEnd?: GridItemRowEnd | GridItemRowEnd[]
-  /**
-   * @deprecated Use `gridRowEnd` instead. `rowEnd` will be removed in v4.
-   */
-  rowEnd?: GridItemRowEnd | GridItemRowEnd[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveGridProps {
-  autoRows?: GridAutoRows | GridAutoRows[]
-  autoCols?: GridAutoCols | GridAutoCols[]
-  autoFlow?: GridAutoFlow | GridAutoFlow[]
-  /**
-   * @deprecated Use `gridTemplateColumns` instead. `columns` will be removed in v4.
-   */
-  columns?: number | number[]
-  gridTemplateColumns?: number | number[]
-  gap?: number | number[]
-  gapX?: number | number[]
-  gapY?: number | number[]
-  /**
-   * @deprecated Use `gridTemplateRows` instead. `rows` will be removed in v4.
-   */
-  rows?: number | number[]
-  gridTemplateRows?: number | number[]
-}
-
-/**
- * Get responsive CSS for the `heading` font style.
- * @internal
- */
-export declare function responsiveHeadingFont(
-  props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
-
-/**
- * Get responsive CSS for the `label` font style.
- * @internal
- */
-export declare function responsiveLabelFont(
-  props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
-
-/**
- * @public
- */
-export declare interface ResponsiveMarginProps {
-  /** Applies margins to all sides. The property is responsive. */
-  margin?: number | number[]
-  /** Applies margins to the left and right sides. The property is responsive. */
-  marginX?: number | number[]
-  /** Applies margins to the top and bottom sides. The property is responsive. */
-  marginY?: number | number[]
-  marginTop?: number | number[]
-  marginRight?: number | number[]
-  marginBottom?: number | number[]
-  marginLeft?: number | number[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsivePaddingProps {
-  padding?: number | number[]
-  paddingX?: number | number[]
-  paddingY?: number | number[]
-  paddingTop?: number | number[]
-  paddingRight?: number | number[]
-  paddingBottom?: number | number[]
-  paddingLeft?: number | number[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveRadiusProps {
-  radius?: Radius | Radius[]
-}
-
-/**
- * @public
- */
-export declare interface ResponsiveShadowProps {
-  shadow?: number | number[]
-}
-
-/**
- * Get responsive text align styles.
- * @internal
- */
-export declare function responsiveTextAlignStyle(
-  props: ResponsiveTextAlignStyleProps & ThemeProps,
-): CSSObject[]
-
-/**
- * @internal
- */
-export declare interface ResponsiveTextAlignStyleProps {
-  $align: TextAlign[]
-}
-
-/**
- * Get responsive CSS for the `text` font style.
- * @internal
- */
-export declare function responsiveTextFont(
-  props: ResponsiveFontStyleProps & ThemeProps,
-): CSSObject[]
-
-/**
- * @public
- */
-export declare interface ResponsiveWidthProps {
-  width?: number | 'auto' | (number | 'auto')[]
-}
-
-/**
- * @internal
- */
-export declare interface ResponsiveWidthStyleProps {
-  $width: (number | 'auto')[]
-}
-
-/**
- * @public
- * @deprecated Use `RGB` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type RGB = RGB_2
-
-/**
- * @public
- * @deprecated Use `rgba` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const rgba: typeof rgba_2
-
-/**
- * @public
- * @deprecated Use `rgbToHex` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const rgbToHex: typeof rgbToHex_2
-
-/**
- * @public
- * @deprecated Use `rgbToHsl` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const rgbToHsl: typeof rgbToHsl_2
-
-/**
- * @public
- * @deprecated Use `RootTheme` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type RootTheme = RootTheme_2
-
-/**
- * @public
- * @deprecated Use `screen` from `@bettercms-ai/kit/theme` instead.
- */
-declare const screen_2: typeof screen_3
-export {screen_2 as screen}
-
-/**
- * The `Select` component provides control of options.
- *
- * @public
- */
-export declare const Select: ForwardRefExoticComponent<
-  Omit<SelectProps & Omit<HTMLProps<HTMLSelectElement>, 'as'>, 'ref'> &
-    RefAttributes<HTMLSelectElement>
->
-
-/**
- * @public
- */
-export declare type SelectableTone = ThemeColorStateToneKey
-
-/**
- * @public
- */
-export declare interface SelectProps {
-  fontSize?: number | number[]
-  gap?: number | number[]
-  padding?: number | number[]
-  radius?: Radius | Radius[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  customValidity?: string
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const Skeleton: ForwardRefExoticComponent<
-  Omit<SkeletonProps & HTMLProps<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface SkeletonProps
-  extends ResponsiveRadiusProps,
-    Omit<BoxOwnProps, 'children'> {
-  animated?: boolean
-  delay?: number
-}
-
-/**
- * Indicate that something is loading for an indeterminate amount of time.
- *
- * @public
- */
-export declare const Spinner: ForwardRefExoticComponent<
-  Omit<SpinnerProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'as'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @public
- */
-export declare interface SpinnerProps {
-  muted?: boolean
-  size?: number | number[]
-}
-
-/**
- * @public
- */
-export declare const SrOnly: ForwardRefExoticComponent<
-  Omit<SrOnlyProps & Omit<HTMLProps<HTMLDivElement>, 'as' | 'aria-hidden'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @public
- */
-export declare interface SrOnlyProps {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  children?: React.ReactNode
-}
-
-/**
- * The `Stack` component is used to place elements on top of each other.
- *
- * @public
- */
-export declare const Stack: <E extends ElementType = 'div'>(
-  props: StackProps<E>,
-) => React.JSX.Element
-
-/**
- * @public
- */
-export declare interface StackOwnProps extends BoxOwnProps {
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-}
-
-/**
- * @public
- */
-export declare type StackProps<E extends ElementType = 'div'> = Props<StackOwnProps, E>
-
-/**
- * @public
- * @deprecated Use `buildTheme` from `@bettercms-ai/kit/theme` instead.
- */
-export declare const studioTheme: BaseTheme_2
-
-/**
- * @public
- * @deprecated Use `ThemeStyles` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type Styles = ThemeStyles
-
-/**
- * The `Switch` component allows the user to toggle a setting on and off.
- *
- * Extends all properties of an `<input type="checkbox" />` element, except type.
- *
- * @public
- */
-export declare const Switch: ForwardRefExoticComponent<
-  Omit<Omit<HTMLProps<HTMLInputElement>, 'type' | 'as'> & SwitchProps, 'ref'> &
-    RefAttributes<HTMLInputElement>
->
-
-/**
- * @public
- */
-export declare interface SwitchProps {
-  indeterminate?: boolean
-}
-
-/**
- * @public
- */
-export declare const Tab: ForwardRefExoticComponent<
-  Omit<
-    TabProps &
-      Omit<
-        HTMLProps<HTMLButtonElement>,
-        'width' | 'label' | 'id' | 'type' | 'as' | 'aria-controls'
-      >,
-    'ref'
-  > &
-    RefAttributes<HTMLButtonElement>
->
-
-/**
- * @public
- */
-export declare const TabList: ForwardRefExoticComponent<
-  Omit<TabListProps & Omit<HTMLProps<HTMLDivElement>, 'height' | 'as'>, 'ref'> &
-    RefAttributes<unknown>
->
-
-/**
- * @public
- */
-export declare interface TabListProps extends Omit<InlineOwnProps, 'height'> {
-  children: Array<React.JSX.Element | null | undefined | false>
-}
-
-/**
- * @public
- */
-export declare const TabPanel: ForwardRefExoticComponent<
-  Omit<
-    TabPanelProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'as' | 'role' | 'aria-labelledby'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @public
- */
-export declare interface TabPanelProps extends BoxOwnProps {
-  /**
-   * The `id` of the correlating `Tab` component.
-   */
-  'aria-labelledby': string
-  'id': string
-}
-
-/**
- * @public
- */
-export declare interface TabProps {
-  /**
-   * The `id` of the correlating `TabPanel` component.
-   */
-  'aria-controls': string
-  'id': string
-  'icon'?: React.ElementType | React.ReactNode
-  'focused'?: boolean
-  'fontSize'?: number | number[]
-  'label'?: React.ReactNode
-  'padding'?: number | number[]
-  'selected'?: boolean
-  'tone'?: ButtonTone
-}
-
-/** @public */
-export declare type TagType = keyof React.JSX.IntrinsicElements
-
-/**
- * The `Text` component is an agile, themed typographic element.
- *
- * @public
- */
-declare const Text_2: <E extends ElementType = 'div'>(props: TextProps<E>) => React.JSX.Element
-export {Text_2 as Text}
-
-/**
- * @public
- */
-export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial'
-
-/**
- * A multiline text input.
- *
-
- * @public
- */
-export declare const TextArea: ForwardRefExoticComponent<
-  Omit<TextAreaProps & Omit<HTMLProps<HTMLTextAreaElement>, 'as'>, 'ref'> &
-    RefAttributes<HTMLTextAreaElement>
->
-
-/**
- * @public
- */
-export declare interface TextAreaProps extends ResponsiveRadiusProps {
-  /**
-   * @beta
-   */
-  __unstable_disableFocusRing?: boolean
-  border?: boolean
-  customValidity?: string
-  fontSize?: number | number[]
-  padding?: number | number[]
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * Single line text input.
- *
- * @public
- */
-export declare const TextInput: ForwardRefExoticComponent<
-  Omit<TextInputProps & Omit<HTMLProps<HTMLInputElement>, 'type' | 'as' | 'prefix'>, 'ref'> &
-    RefAttributes<HTMLInputElement>
->
-
-/**
- * @public
- */
-export declare type TextInputClearButtonProps = ButtonOwnProps &
-  Omit<React.HTMLProps<HTMLButtonElement>, 'as' | 'onClick' | 'onMouseDown' | 'ref'>
-
-/**
- * @public
- */
-export declare interface TextInputProps {
-  /**
-   * @beta
-   */
-  __unstable_disableFocusRing?: boolean
-  border?: boolean
-  /**
-   * @beta
-   */
-  clearButton?: boolean | TextInputClearButtonProps
-  customValidity?: string
-  fontSize?: number | number[]
-  icon?: React.ElementType | React.ReactNode
-  iconRight?: React.ElementType | React.ReactNode
-  /**
-   * @beta
-   */
-  onClear?: () => void
-  padding?: number | number[]
-  prefix?: React.ReactNode
-  radius?: Radius | Radius[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  gap?: number | number[]
-  suffix?: React.ReactNode
-  type?: TextInputType
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * @public
- */
-export declare type TextInputType =
-  | 'search'
-  | 'date'
-  | 'datetime-local'
-  | 'email'
-  | 'url'
-  | 'month'
-  | 'number'
-  | 'password'
-  | 'tel'
-  | 'time'
-  | 'text'
-  | 'week'
-  | 'color'
-
-/**
- * @public
- */
-export declare interface TextOwnProps {
-  accent?: boolean
-  align?: TextAlign | TextAlign[]
-  /** When `true` the text color will be muted. */
-  muted?: boolean
-  size?: number | number[]
-  /**
-   * Controls how overflowing text is treated.
-   * Use `textOverflow="ellipsis"` to render text as a single line which is concatenated with a `…` symbol.
-   * @beta
-   */
-  textOverflow?: 'ellipsis'
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * @public
- */
-export declare type TextProps<E extends ElementType = 'div'> = Props<TextOwnProps, E>
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const TextSkeleton: ForwardRefExoticComponent<
-  Omit<
-    TextSkeletonProps & Omit<HTMLProps<HTMLDivElement>, 'size' | 'height' | 'as' | 'children'>,
-    'ref'
-  > &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface TextSkeletonProps extends SkeletonProps {
-  size?: number | number[]
-}
-
-/**
- * @public
- * @deprecated Use `Theme` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type Theme = Theme_2
-
-export {ThemeAvatar}
-
-export {ThemeColor}
-
-export {ThemeColorBase}
-
-export {ThemeColorBuilderOpts}
-
-export {ThemeColorButton}
-
-/**
- * @public
- * @deprecated Use `ThemeColorButtonModeKey` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeColorButtonModeKey = ThemeColorButtonModeKey_2
-
-export {ThemeColorButtonState}
-
-export {ThemeColorButtonStates}
-
-export {ThemeColorButtonTones}
-
-export {ThemeColorCard}
-
-export {ThemeColorCardState}
-
-export {ThemeColorGenericState}
-
-export {ThemeColorInput}
-
-export {ThemeColorInputState}
-
-export {ThemeColorInputStates}
-
-export {ThemeColorMuted}
-
-export {ThemeColorMutedTone}
-
-export {ThemeColorName}
-
-/**
- * @public
- */
-export declare function ThemeColorProvider(props: ThemeColorProviderProps): React.JSX.Element
-
-export declare namespace ThemeColorProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface ThemeColorProviderProps {
-  children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  tone?: ThemeColorCardToneKey
-}
-
-export {ThemeColorScheme}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSchemeKey` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeColorSchemeKey = ThemeColorSchemeKey_2
-
-export {ThemeColorSchemes}
-
-export {ThemeColorSelectable}
-
-export {ThemeColorSelectableState}
-
-export {ThemeColorSelectableStates}
-
-export {ThemeColorSolid}
-
-export {ThemeColorSolidTone}
-
-export {ThemeColorSpot}
-
-export {ThemeColorSpotKey}
-
-/**
- * @public
- * @deprecated Use `ThemeColorSyntax` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeColorSyntax = ThemeColorSyntax_2
-
-export {ThemeColorToneKey}
-
-/**
- * @public
- */
-export declare interface ThemeContextValue {
-  /** @deprecated No longer used */
-  version: 0.0
-  scheme: ThemeColorSchemeKey_2
-  theme: RootTheme_2
-  tone: ThemeColorCardToneKey
-}
-
-/**
- * @public
- * @deprecated Use `ThemeFont` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFont = ThemeFont_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontKey` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFontKey = ThemeFontKey_2
-
-/**
- * @public
- * @deprecated Use `ThemeFonts` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFonts = ThemeFonts_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontSize` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFontSize = ThemeFontSize_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontWeight` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFontWeight = ThemeFontWeight_2
-
-/**
- * @public
- * @deprecated Use `ThemeFontWeightKey` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeFontWeightKey = ThemeFontWeightKey_2
-
-export {ThemeInput}
-
-/**
- * @public
- * @deprecated Use `ThemeLayer` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeLayer = ThemeLayer_2
-
-/**
- * @internal
- */
-export declare interface ThemeProps {
-  theme: Theme_2
-}
-
-/**
- * @public
- */
-export declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element
-
-export declare namespace ThemeProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface ThemeProviderProps {
-  children?: React.ReactNode
-  scheme?: ThemeColorSchemeKey_2
-  theme?: RootTheme_2
-  tone?: ThemeColorCardToneKey
-}
-
-/**
- * @public
- * @deprecated Use `ThemeShadow` from `@bettercms-ai/kit/theme` instead.
- */
-export declare type ThemeShadow = ThemeShadow_2
-
-/**
- * The `Toast` component gives feedback to users when an action has taken place.
- *
- * Toasts can be closed with a close button, or auto-dismiss after a certain timeout.
- *
- * @public
- */
-export declare function Toast(
-  props: ToastProps &
-    Omit<
-      React.HTMLProps<HTMLDivElement>,
-      | 'as'
-      | 'height'
-      | 'ref'
-      | 'title'
-      | 'onAnimationStart'
-      | 'onDragStart'
-      | 'onDragEnd'
-      | 'onDrag'
-    >,
-): React.JSX.Element
-
-export declare namespace Toast {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface ToastContextValue {
-  version: 0.0
-  /**
-   * Creates or updates a toast notification.
-   * If a toast with the same ID already exists, it will be updated.
-   * If an ID is not provided, a random one will be generated.
-   * The returned ID can be used to programatically update a toast.
-   */
-  push: (params: ToastParams) => string
-}
-
-/**
- * @public
- */
-declare interface ToastLayerProps {
-  children: React.ReactNode
-  padding?: number | number[]
-  paddingX?: number | number[]
-  paddingY?: number | number[]
-  gap?: number | number[]
-}
-
-/**
- * @public
- */
-export declare interface ToastParams {
-  closable?: boolean
-  description?: React.ReactNode
-  duration?: number
-  id?: string
-  onClose?: () => void
-  title?: React.ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
-}
-
-/**
- * @public
- */
-export declare interface ToastProps {
-  closable?: boolean
-  description?: React.ReactNode
-  onClose: () => void
-  radius?: number | number[]
-  title?: React.ReactNode
-  status?: 'error' | 'warning' | 'success' | 'info'
-  duration?: number
-  updatedAt?: number
-}
-
-/**
- * @public
- */
-export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element
-
-export declare namespace ToastProvider {
-  var displayName: string
-}
-
-/**
- * @public
- */
-export declare interface ToastProviderProps extends Omit<ToastLayerProps, 'children'> {
-  children?: React.ReactNode
-  zOffset?: number | number[]
-}
-
-/**
- * Tooltips display information when hovering, focusing or tapping.
- *
- * @public
- */
-export declare const Tooltip: ForwardRefExoticComponent<
-  Omit<TooltipProps & Omit<HTMLProps<HTMLDivElement>, 'content' | 'as' | 'children'>, 'ref'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @beta
- */
-export declare const TooltipDelayGroupContext: Context<TooltipDelayGroupContextValue | null>
-
-/**
- * @beta
- */
-export declare interface TooltipDelayGroupContextValue {
-  setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
-  setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
-  openDelay: number
-  closeDelay: number
-  openTooltipId: string | null
-}
-
-/**
- * @public
- * Provides context for a group of tooltip elements that should share a delay
- * which temporarily becomes 1 ms after the first floating element of the group opens.
- */
-export declare function TooltipDelayGroupProvider(
-  props: TooltipDelayGroupProviderProps,
-): React.JSX.Element
-
-export declare namespace TooltipDelayGroupProvider {
-  var displayName: string
-}
-
-/**
- * @public
- * */
-export declare interface TooltipDelayGroupProviderProps {
-  children?: React.ReactNode
-  /**
-   * Handles the delays to open or close a tooltip inside a group
-   *
-   * If only a `number` is passed, it will be used for both opening and closing.
-   *
-   * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
-   *
-   * @public
-   */
-  delay: Delay
-}
-
-/**
- * @public
- */
-export declare interface TooltipProps extends Omit<LayerProps, 'as'> {
-  /** @deprecated Use `fallbackPlacements` instead. */
-  allowedAutoPlacements?: Placement[]
-  arrow?: boolean
-  boundaryElement?: HTMLElement | null
-  children?: React.JSX.Element
-  content?: React.ReactNode
-  disabled?: boolean
-  fallbackPlacements?: Placement[]
-  padding?: number | number[]
-  placement?: Placement
-  /** Whether or not to render the tooltip in a portal element. */
-  portal?: boolean | string
-  radius?: number | number[]
-  scheme?: ThemeColorSchemeKey_2
-  shadow?: number | number[]
-  /**
-   * Adds a delay to open or close the tooltip.
-   *
-   * If only a `number` is passed, it will be used for both opening and closing.
-   *
-   * If an object `{open: number; close:number}` is passed, it can be used to set different delays for each action.
-   *
-   * @public
-   * @defaultValue 0
-   */
-  delay?: Delay
-  /**
-   * Whether the tooltip should animate in and out.
-   *
-   * @beta
-   * @defaultValue false
-   */
-  animate?: boolean
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare const Tree: ForwardRefExoticComponent<
-  TreeProps &
-    Omit<HTMLProps<HTMLUListElement>, 'wrap' | 'height' | 'as' | 'ref' | 'align' | 'role'> &
-    RefAttributes<HTMLUListElement>
->
-
-/**
- * @beta
- */
-export declare interface TreeContextValue {
-  version: 0.0
-  focusedElement: HTMLElement | null
-  level: number
-  path: string[]
-  registerItem: (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => void
-  setExpanded: (path: string, expanded: boolean) => void
-  setFocusedElement: (focusedElement: HTMLElement | null) => void
-  gap: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space: number | number[]
-  state: TreeState
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function TreeItem(
-  props: TreeItemProps & Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'ref' | 'role'>,
-): React.JSX.Element
-
-export declare namespace TreeItem {
-  var displayName: string
-}
-
-/**
- * @beta
- */
-export declare interface TreeItemProps {
-  expanded?: boolean
-  fontSize?: number | number[]
-  icon?: React.ElementType
-  /**
-   * Allows passing a custom element type to the link component
-   */
-  linkAs?: ElementType
-  padding?: number | number[]
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-  text?: React.ReactNode
-  weight?: ThemeFontWeightKey_2
-}
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare interface TreeProps {
-  gap?: number | number[]
-  /**
-   * @deprecated Use `gap` instead. `space` will be removed in v4.
-   */
-  space?: number | number[]
-}
-
-/**
- * @beta
- */
-export declare interface TreeState {
-  [key: string]:
-    | {
-        element: HTMLElement
-        expanded: boolean
-      }
-    | undefined
-}
-
-/**
- * @deprecated instead of `useArrayProp(width)` use `Array.isArray(width) ? width : [width]` instead
- * @beta
- */
-export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
-  val: T | T[] | undefined,
-  defaultVal?: T[],
-): T[]
-
-/**
- * @public
- */
-export declare function useBoundaryElement(): BoundaryElementContextValue
-
-/**
- * @public
- * @deprecated replaced by the new `useClickOutsideEvent` hook, instead of:
- * ```tsx
- * const [button, setButtonElement] = useState(null)
- * useClickOutside((event) => {}, [button])
- * return <button ref={setButtonElement} />
- * ```
- * do:
- * ```tsx
- * const buttonRef = useRef()
- * useClickOutsideEvent((event) => {}, () => [buttonRef.current])
- * return <button ref={buttonRef} />
- * ```
- */
-export declare function useClickOutside(
-  listener: ClickOutsideListener,
-  elementsArg?: ClickOutsideElements,
-  boundaryElement?: HTMLElement | null,
-): (el: HTMLElement | null) => void
-
-/**
- * @public
- */
-export declare function useClickOutsideEvent(
-  listener: ClickOutsideEventListener | false | undefined,
-  elementsArg?: () => ClickOutsideEventElements,
-  boundaryElement?: () => HTMLElement | null,
-): void
-
-/**
- * @beta
- */
-export declare function useCustomValidity(
-  ref: {
-    current: null | {
-      setCustomValidity: (validity: string) => void
-    }
-  },
-  customValidity: string | undefined,
-): void
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useDialog(): DialogContextValue
-
-/**
- * Subscribe to the rect of a DOM element.
- * @beta
- *
- * @deprecated Use `useElementSize` instead
- */
-export declare function useElementRect(element: HTMLElement | null): DOMRectReadOnly | null
-
-/**
- * Subscribe to the size of a DOM element.
- * @beta
- */
-export declare function useElementSize(element: HTMLElement | null): ElementSize | null
-
-/**
- * @beta
- * @deprecated use `useImperativeHandle` instead
- * @example
- * ```diff
- * -const ref = useForwardedRef(forwardedRef)
- * +const ref = useRef(null)
- * +useImperativeHandle(forwardedRef, () => ref.current)
- * ```
- */
-export declare function useForwardedRef<T>(
-  ref: React.ForwardedRef<T>,
-): React.MutableRefObject<T | null>
-
-/**
- * Adds global keydown event listener to the window.
- *
- * @param onKeyDown - The function to call when a keydown event is triggered.
- * @param options - The options to pass to the addEventListener function (example, capture: true)
- * @beta
- */
-export declare function useGlobalKeyDown(
-  onKeyDown: (event: KeyboardEvent) => void,
-  options?: AddEventListenerOptions,
-): void
-
-/**
- * @public
- */
-export declare function useLayer(): LayerContextValue
-
-/**
- * Efficiently subscribes to `window.matchMedia` queries
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Required if the hook is called during SSR (https://react.dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * @public
- */
-export declare function useMatchMedia(
-  mediaQueryString: `(${string})`,
-  getServerSnapshot?: () => boolean,
-): boolean
-
-/**
- * This API might change. DO NOT USE IN PRODUCTION.
- * @beta
- */
-export declare function useMediaIndex(): number
-
-/**
- * @public
- */
-export declare function usePortal(): PortalContextValue
-
-/**
- * Returns true if a dark color scheme is preferred, false if a light color scheme is preferred or the preference is not known.
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Since the server environment doesn't have access to the DOM, we can't determine the current value of the media query and we assume `(prefers-color-scheme: light)` since it's the most common scheme (https://react.dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * If you persist the detected preference in a cookie or a header then you may implement your own server snapshot to read it.
- * Chrome supports reading the `prefers-color-scheme` media query from a header if the server response: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Color-Scheme
- * @example https://gist.github.com/stipsan/13c0cccf8dfc34f4b44bb1b984baf7df
- *
- * @public
- */
-export declare function usePrefersDark(getServerSnapshot?: () => boolean): boolean
-
-/**
- * Returns true if motion should be reduced
- *
- * @param getServerSnapshot - Only called during server-side rendering, and hydration if using hydrateRoot. Since the server environment doesn't have access to the DOM, we can't determine the current value of the media query and we assume `(prefers-reduced-motion: no-preference)` since it's the most common scheme (https://react.dev/reference/react/useSyncExternalStore#adding-support-for-server-rendering)
- *
- * If you persist the detected preference in a cookie or a header then you may implement your own server snapshot to read it.
- * Chrome supports reading the `prefers-reduced-motion` media query from a header if the server response: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Reduced-Motion
- * @example https://gist.github.com/stipsan/0c0f839a27842249cada893e9fb7767b
- *
- * @public
- */
-export declare function usePrefersReducedMotion(getServerSnapshot?: () => boolean): boolean
-
-/**
- * @public
- */
-export declare function useRootTheme(): ThemeContextValue
-
-/**
- * @public
- */
-export declare function useTheme(): Theme_2
-
-/**
- * @public
- */
-export declare function useTheme_v2(): Theme_v2
-
-/**
- * @public
- */
-export declare function useToast(): ToastContextValue
-
-/**
- * @beta
- */
-export declare function useTooltipDelayGroup(): TooltipDelayGroupContextValue | null
-
-/**
- * @beta
- */
-export declare function useTree(): TreeContextValue
-
-/**
- * @beta
- */
-export declare const VirtualList: ForwardRefExoticComponent<
-  VirtualListProps<any> &
-    StackOwnProps &
-    Omit<HTMLProps<HTMLDivElement>, 'as' | 'children' | 'ref' | 'onChange'> &
-    RefAttributes<HTMLDivElement>
->
-
-/**
- * @beta
- */
-export declare interface VirtualListChangeOpts {
-  fromIndex: number
-  gap: number
-  itemHeight: number
-  scrollHeight: number
-  scrollTop: number
-  toIndex: number
-}
-
-/**
- * @beta
- */
-export declare interface VirtualListProps<Item = any> {
-  as?: React.ElementType | keyof React.JSX.IntrinsicElements
-  gap?: number
-  getItemKey?: (item: Item, itemIndex: number) => string
-  items?: Item[]
-  onChange?: (opts: VirtualListChangeOpts) => void
-  renderItem?: (item: Item) => React.ReactNode
-}
-
-export {}
+ * @bettercms-ai/kit entry point (in-app: "@/kit"). Importing it loads kit.css, whose tokens apply only
+ * inside [data-kit-scope].
+ *
+ * scale.ts, table.ts and lib/utils.ts each export their own `formatNumber`, so they are not re-exported
+ * here: import them by path ("@/kit/schema/scale", "@/kit/schema/table", "@/kit/lib/utils").
+ */
+import { registerKitControls } from "./controls";
+export * from "./schema/types";
+export * from "./schema/sources";
+export * from "./schema/help";
+export * from "./schema/adapters";
+export { cn } from "./lib/cn";
+export * from "./ui";
+export * from "./context";
+export type { ControlProps } from "./types";
+export * from "./engine/schema-form";
+export * from "./engine/kit-field";
+export * from "./engine/field-shell";
+export * from "./engine/bits";
+export * from "./engine/group-summary";
+export { RHYTHM, useRhythm, InsetScope, useInsetDepth, useGroupStatus, Appear, AnimatedFields, FieldSection, FieldInset, FieldUnit, FieldUnitRow, isBreakpointName, BreakpointGroup, arrangeFields, defaultGroup, GroupTabs, FieldsetSection, isShort, type GroupStatus, type RenderField, type GroupTabItem, type FieldSectionProps, } from "./engine/grouping";
+export * from "./engine/field-list";
+export * from "./engine/array";
+export * from "./engine/item-list";
+export * from "./engine/slot";
+export { FrameSlotsProvider, useFrameSlots, FrameView, frameContext, FrameHeader, HistoryView, parentOfField, parentTitleOf, frameDirection, useFrameNavigation, FrameStage, type FrameFieldListProps, type FrameSlots, } from "./engine/frame";
+export * from "./engine/breadcrumb";
+export { resolveFrames, rootFrame, isDrillable, type Frame } from "./lib/frames";
+export * from "./adapters/schema";
+export * from "./adapters/values";
+export * as prod from "./adapters/prod-types";
+export type { LossyFeature } from "./adapters/lossy";
+import "./controls/date-register";
+import "./controls/icon-register";
+import "./controls/code-register";
+import "./controls/json-register";
+import "./controls/location-register";
+import "./controls/media-register";
+import "./controls/reference-register";
+import "./controls/form-picker-register";
+import "./controls/slot-register";
+import "./controls/rich-text";
+import "./controls/table";
+export * as controls from "./controls";
+export { registerKitControls };