@sanity/ui 3.0.0-static.28 → 3.0.0-static.29

package/dist/css/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/css/constants.ts","../../src/css/_responsiveClassName.ts","../../src/css/props/alignItems/alignItems.ts","../../src/css/_getClassNames.ts","../../src/css/_composeClassNames.ts","../../src/css/props/border/border.ts","../../src/css/props/boxSizing/boxSizing.ts","../../src/css/props/display/display.ts","../../src/css/props/flex/flex.ts","../../src/css/props/flexDirection/flexDirection.ts","../../src/css/props/flexWrap/flexWrap.ts","../../src/css/props/font/font.ts","../../src/css/props/gap/gap.ts","../../src/css/props/gridAutoColumns/gridAutoColumns.ts","../../src/css/props/gridAutoFlow/gridAutoFlow.ts","../../src/css/props/gridAutoRows/gridAutoRows.ts","../../src/css/props/gridColumn/gridColumn.ts","../../src/css/props/gridColumnEnd/gridColumnEnd.ts","../../src/css/props/gridColumnStart/gridColumnStart.ts","../../src/css/props/gridRow/gridRow.ts","../../src/css/props/gridRowEnd/gridRowEnd.ts","../../src/css/props/gridRowStart/gridRowStart.ts","../../src/css/props/gridTemplateColumns/gridTemplateColumns.ts","../../src/css/props/gridTemplateRows/gridTemplateRows.ts","../../src/css/props/height/height.ts","../../src/css/props/inset/inset.ts","../../src/css/props/justifyContent/justifyContent.ts","../../src/css/props/margin/margin.ts","../../src/css/props/maxWidth/maxWidth.ts","../../src/css/props/minHeight/minHeight.ts","../../src/css/props/minWidth/minWidth.ts","../../src/css/props/outline/outline.ts","../../src/css/props/overflow/overflow.ts","../../src/css/props/padding/padding.ts","../../src/css/props/pointerEvents/pointerEvents.ts","../../src/css/props/position/position.ts","../../src/css/props/radius/radius.ts","../../src/css/props/shadow/shadow.ts","../../src/css/props/textAlign/textAlign.ts","../../src/css/props/textOverflow/textOverflow.ts","../../src/css/props/width/width.ts","../../src/css/primitives/_arrow/_arrow.ts","../../src/css/primitives/_input/input.ts","../../src/css/primitives/_selectable/selectable.ts","../../src/css/primitives/avatar/avatar.ts","../../src/css/primitives/badge/badge.ts","../../src/css/primitives/box/box.ts","../../src/css/primitives/button/button.ts","../../src/css/primitives/card/card.ts","../../src/css/primitives/checkbox/checkbox.ts","../../src/css/primitives/code/code.ts","../../src/css/primitives/container/container.ts","../../src/css/primitives/heading/heading.ts","../../src/css/primitives/kbd/kbd.ts","../../src/css/primitives/label/label.ts","../../src/css/primitives/popover/popover.ts","../../src/css/primitives/radio/radio.ts","../../src/css/primitives/root/root.ts","../../src/css/primitives/select/select.ts","../../src/css/primitives/spinner/spinner.ts","../../src/css/primitives/srOnly/srOnly.ts","../../src/css/primitives/stack/stack.ts","../../src/css/primitives/switch/switch.ts","../../src/css/primitives/text/text.ts","../../src/css/primitives/textArea/textArea.ts","../../src/css/primitives/textInput/textInput.ts","../../src/css/primitives/tooltip/tooltip.ts","../../src/css/components/breadcrumbs/breadcrumbs.ts","../../src/css/components/dialog/dialog.ts","../../src/css/components/menu/menu.ts","../../src/css/components/skeleton/skeleton.ts","../../src/css/components/toast/toast.ts","../../src/css/components/tree/tree.ts","../../src/css/util.ts"],"sourcesContent":["/** @public */\nexport const BREAKPOINTS = {\n  0: 0,\n  1: 360,\n  2: 600,\n  3: 900,\n  4: 1200,\n  5: 1800,\n  6: 2400,\n}\n","// import {MEDIA} from './constants'\nimport {BREAKPOINTS} from './constants'\nimport type {ResponsiveProp, ResponsiveRuleOptions} from './types'\n\nexport function _responsiveClassName<T extends string | number>(\n  rules: ResponsiveRuleOptions<T>,\n  _value: ResponsiveProp<T | boolean> | undefined,\n  options?: {\n    valueWhenTrue: T\n  },\n) {\n  let value = _value\n\n  if (value === undefined) {\n    return undefined\n  }\n\n  if (typeof value === 'boolean') {\n    if (value && options?.valueWhenTrue) {\n      value = options.valueWhenTrue\n    } else {\n      return undefined\n    }\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return rules[value]?.[0]\n  }\n\n  const classNames: string[] = []\n\n  for (const _index of Object.keys(BREAKPOINTS)) {\n    const index = Number(_index) as keyof typeof BREAKPOINTS\n\n    const valueAtIndex = value[index]\n\n    if (valueAtIndex !== undefined && valueAtIndex !== null && typeof valueAtIndex !== 'boolean') {\n      const rule = rules[valueAtIndex]\n\n      classNames.push(rule[index])\n    }\n  }\n\n  return classNames.join(' ') || undefined\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './alignItems.css'\nimport type {AlignItemsStyleProps} from './types'\n\n/** @public */\nexport function alignItems(props: AlignItemsStyleProps) {\n  return _responsiveClassName(options, props.alignItems)\n}\n","/** @internal */\nexport function _getClassNames(...classNames: Array<string | false | undefined>): string[] {\n  return classNames\n    .map((n) => typeof n === 'string' && n.trim())\n    .filter(Boolean)\n    .join(' ')\n    .split(' ')\n    .filter(Boolean)\n}\n","import {_getClassNames} from './_getClassNames'\n\n/** @internal */\nexport function _composeClassNames(\n  ...classNames: Array<string | false | undefined>\n): string | undefined {\n  return unique(_getClassNames(...classNames)).join(' ') || undefined\n}\n\nfunction unique<T>(array: T[]): T[] {\n  return Array.from(new Set(array))\n}\n","// import {_resp} from '../../_resp'\n// import {_scopeClassNames} from '../../_scopeClassNames'\n// import type {BorderStyleProps} from './types'\n\n// /** @public */\n// export function border(props: BorderStyleProps): string | undefined {\n//   return _scopeClassNames(\n//     _resp('border', props.border),\n//     _resp('border-t', props.borderTop),\n//     _resp('border-r', props.borderRight),\n//     _resp('border-b', props.borderBottom),\n//     _resp('border-l', props.borderLeft),\n//   )\n// }\n\nimport {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {\n  borderBottomOptions,\n  borderLeftOptions,\n  borderOptions,\n  borderRightOptions,\n  borderTopOptions,\n} from './border.css'\nimport type {BorderStyleProps} from './types'\n\n/** @public */\nexport function border(props: BorderStyleProps) {\n  return _composeClassNames(\n    _responsiveClassName(borderOptions, props.border, {valueWhenTrue: 'solid'}),\n    _responsiveClassName(borderTopOptions, props.borderTop, {valueWhenTrue: 'solid'}),\n    _responsiveClassName(borderRightOptions, props.borderRight, {valueWhenTrue: 'solid'}),\n    _responsiveClassName(borderBottomOptions, props.borderBottom, {valueWhenTrue: 'solid'}),\n    _responsiveClassName(borderLeftOptions, props.borderLeft, {valueWhenTrue: 'solid'}),\n  )\n}\n","// import {_resp} from '../../_resp'\n// import {_scopeClassNames} from '../../_scopeClassNames'\nimport {options} from './boxSizing.css'\nimport type {BoxSizingStyleProps} from './types'\n\n/** @internal */\nexport function boxSizing(props: BoxSizingStyleProps): string | undefined {\n  // return _scopeClassNames(_resp('box', props.boxSizing))\n  return props.boxSizing && options[props.boxSizing]\n}\n","// import {_resp} from '../../_resp'\n// import {_scopeClassNames} from '../../_scopeClassNames'\n// import type {DisplayStyleProps} from './types'\n\n// /** @internal */\n// export function display(props: DisplayStyleProps): string | undefined {\n//   return _scopeClassNames(_resp(undefined, props.display))\n// }\n\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './display.css'\nimport type {DisplayStyleProps} from './types'\n\n/** @public */\nexport function display(props: DisplayStyleProps) {\n  return _responsiveClassName(options, props.display)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './flex.css'\nimport type {FlexStyleProps} from './types'\n\n/** @public */\nexport function flex(props: FlexStyleProps) {\n  return _responsiveClassName(options, props.flex)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './flexDirection.css'\nimport type {FlexDirectionStyleProps} from './types'\n\n/** @public */\nexport function flexDirection(props: FlexDirectionStyleProps) {\n  return _responsiveClassName(options, props.flexDirection)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './flexWrap.css'\nimport type {FlexWrapStyleProps} from './types'\n\n/** @public */\nexport function flexWrap(props: FlexWrapStyleProps) {\n  return _responsiveClassName(options, props.flexWrap)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root, weights} from './font.css'\nimport type {FontStyleProps} from './types'\n\n/** @public */\nexport function font(props: FontStyleProps) {\n  return _composeClassNames(root, weights[props.weight ?? 'regular'])\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {gapOptions, gapXOptions, gapYOptions} from './gap.css'\nimport type {GapStyleProps} from './types'\n\n/** @public */\nexport function gap(props: GapStyleProps) {\n  return _composeClassNames(\n    _responsiveClassName(gapOptions, props.gap),\n    _responsiveClassName(gapXOptions, props.gapX),\n    _responsiveClassName(gapYOptions, props.gapY),\n  )\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridAutoColumns.css'\nimport type {GridAutoColumnsStyleProps} from './types'\n\n/** @public */\nexport function gridAutoColumns(props: GridAutoColumnsStyleProps) {\n  return _responsiveClassName(options, props.gridAutoColumns ?? props.autoCols)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridAutoFlow.css'\nimport type {GridAutoFlowStyleProps} from './types'\n\n/** @public */\nexport function gridAutoFlow(props: GridAutoFlowStyleProps) {\n  return _responsiveClassName(options, props.gridAutoFlow ?? props.autoFlow)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridAutoRows.css'\nimport type {GridAutoRowsStyleProps} from './types'\n\n/** @public */\nexport function gridAutoRows(props: GridAutoRowsStyleProps) {\n  return _responsiveClassName(options, props.gridAutoRows ?? props.autoRows)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridColumn.css'\nimport type {GridColumn, GridColumnStyleProps} from './types'\n\n/** @public */\nexport function gridColumn(props: GridColumnStyleProps) {\n  return _responsiveClassName(options, props.gridColumn ?? (props.column as GridColumn))\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridColumnEnd.css'\nimport type {GridColumnEnd, GridColumnEndStyleProps} from './types'\n\n/** @public */\nexport function gridColumnEnd(props: GridColumnEndStyleProps) {\n  return _responsiveClassName(options, props.gridColumnEnd ?? (props.columnEnd as GridColumnEnd))\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridColumnStart.css'\nimport type {GridColumnStart, GridColumnStartStyleProps} from './types'\n\n/** @public */\nexport function gridColumnStart(props: GridColumnStartStyleProps) {\n  return _responsiveClassName(\n    options,\n    props.gridColumnStart ?? (props.columnStart as GridColumnStart),\n  )\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridRow.css'\nimport type {GridRow, GridRowStyleProps} from './types'\n\n/** @public */\nexport function gridRow(props: GridRowStyleProps) {\n  return _responsiveClassName(options, props.gridRow ?? (props.row as GridRow))\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridRowEnd.css'\nimport type {GridRowEnd, GridRowEndStyleProps} from './types'\n\n/** @public */\nexport function gridRowEnd(props: GridRowEndStyleProps) {\n  return _responsiveClassName(options, props.gridRowEnd ?? (props.rowEnd as GridRowEnd))\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridRowStart.css'\nimport type {GridRowStart, GridRowStartStyleProps} from './types'\n\n/** @public */\nexport function gridRowStart(props: GridRowStartStyleProps) {\n  return _responsiveClassName(options, props.gridRowStart ?? (props.rowStart as GridRowStart))\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridTemplateColumns.css'\nimport type {GridTemplateColumnsStyleProps} from './types'\n\n/** @public */\nexport function gridTemplateColumns(props: GridTemplateColumnsStyleProps) {\n  return _responsiveClassName(options, props.gridTemplateColumns ?? props.columns)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './gridTemplateRows.css'\nimport type {GridTemplateRowsStyleProps} from './types'\n\n/** @public */\nexport function gridTemplateRows(props: GridTemplateRowsStyleProps) {\n  return _responsiveClassName(options, props.gridTemplateRows ?? props.rows)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './height.css'\nimport type {HeightStyleProps} from './types'\n\n/** @public */\nexport function height(props: HeightStyleProps) {\n  return _responsiveClassName(options, props.height)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {\n  insetBottomOptions,\n  insetLeftOptions,\n  insetOptions,\n  insetRightOptions,\n  insetTopOptions,\n} from './inset.css'\nimport type {InsetStyleProps} from './types'\n\n/** @public */\nexport function inset(props: InsetStyleProps) {\n  return _composeClassNames(\n    _responsiveClassName(insetOptions, props.inset),\n    _responsiveClassName(insetTopOptions, props.insetTop),\n    _responsiveClassName(insetRightOptions, props.insetRight),\n    _responsiveClassName(insetBottomOptions, props.insetBottom),\n    _responsiveClassName(insetLeftOptions, props.insetLeft),\n  )\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './justifyContent.css'\nimport type {JustifyContentStyleProps} from './types'\n\n/** @public */\nexport function justifyContent(props: JustifyContentStyleProps) {\n  return _responsiveClassName(options, props.justifyContent)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {\n  marginBottomOptions,\n  marginLeftOptions,\n  marginOptions,\n  marginRightOptions,\n  marginTopOptions,\n  marginXOptions,\n  marginYOptions,\n} from './margin.css'\nimport type {MarginStyleProps} from './types'\n\n/** @public */\nexport function margin(props: MarginStyleProps) {\n  return _composeClassNames(\n    _responsiveClassName(marginOptions, props.margin),\n    _responsiveClassName(marginXOptions, props.marginX),\n    _responsiveClassName(marginYOptions, props.marginY),\n    _responsiveClassName(marginTopOptions, props.marginTop),\n    _responsiveClassName(marginRightOptions, props.marginRight),\n    _responsiveClassName(marginBottomOptions, props.marginBottom),\n    _responsiveClassName(marginLeftOptions, props.marginLeft),\n  )\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './maxWidth.css'\nimport type {MaxWidthStyleProps} from './types'\n\n/** @public */\nexport function maxWidth(props: MaxWidthStyleProps) {\n  return _responsiveClassName(options, props.maxWidth)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './minHeight.css'\nimport type {MinHeightStyleProps} from './types'\n\n/** @public */\nexport function minHeight(props: MinHeightStyleProps) {\n  return _responsiveClassName(options, props.minHeight)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './minWidth.css'\nimport type {MinWidthStyleProps} from './types'\n\n/** @public */\nexport function minWidth(props: MinWidthStyleProps) {\n  return _responsiveClassName(options, props.minWidth)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './outline.css'\nimport type {OutlineStyleProps} from './types'\n\n/** @public */\nexport function outline(props: OutlineStyleProps) {\n  return _responsiveClassName(options, props.outline)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './overflow.css'\nimport type {OverflowStyleProps} from './types'\n\n/** @public */\nexport function overflow(props: OverflowStyleProps) {\n  return _responsiveClassName(options, props.overflow)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {\n  paddingBottomOptions,\n  paddingLeftOptions,\n  paddingOptions,\n  paddingRightOptions,\n  paddingTopOptions,\n  paddingXOptions,\n  paddingYOptions,\n} from './padding.css'\nimport type {PaddingStyleProps} from './types'\n\n/** @public */\nexport function padding(props: PaddingStyleProps) {\n  return _composeClassNames(\n    _responsiveClassName(paddingOptions, props.padding),\n    _responsiveClassName(paddingXOptions, props.paddingX),\n    _responsiveClassName(paddingYOptions, props.paddingY),\n    _responsiveClassName(paddingTopOptions, props.paddingTop),\n    _responsiveClassName(paddingRightOptions, props.paddingRight),\n    _responsiveClassName(paddingBottomOptions, props.paddingBottom),\n    _responsiveClassName(paddingLeftOptions, props.paddingLeft),\n  )\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './pointerEvents.css'\nimport type {PointerEventsStyleProps} from './types'\n\n/** @public */\nexport function pointerEvents(props: PointerEventsStyleProps) {\n  return _responsiveClassName(options, props.pointerEvents)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './position.css'\nimport type {PositionStyleProps} from './types'\n\n/** @public */\nexport function position(props: PositionStyleProps) {\n  return _responsiveClassName(options, props.position)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './radius.css'\nimport type {RadiusStyleProps} from './types'\n\n/** @public */\nexport function radius(props: RadiusStyleProps) {\n  return _responsiveClassName(options, props.radius)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './shadow.css'\nimport type {ShadowStyleProps} from './types'\n\n/** @public */\nexport function shadow(props: ShadowStyleProps) {\n  return _responsiveClassName(options, props.shadow)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './textAlign.css'\nimport type {TextAlignStyleProps} from './types'\n\n/** @public */\nexport function textAlign(props: TextAlignStyleProps) {\n  return _responsiveClassName(options, props.textAlign)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport {options} from './textOverflow.css'\nimport type {TextOverflowStyleProps} from './types'\n\n/** @public */\nexport function textOverflow(props: TextOverflowStyleProps) {\n  return _responsiveClassName(options, props.textOverflow)\n}\n","import {_responsiveClassName} from '../../_responsiveClassName'\nimport type {WidthStyleProps} from './types'\nimport {options} from './width.css'\n\n/** @public */\nexport function width(props: WidthStyleProps) {\n  return _responsiveClassName(options, props.width)\n}\n","import {fill, root, stroke, strokeMask, svg} from './_arrow.css'\n\n/** @internal */\nexport function _arrow(): string | undefined {\n  return root\n}\n\n/** @internal */\nexport function _arrowSvg(): string | undefined {\n  return svg\n}\n\n/** @internal */\nexport function _arrowStroke(): string | undefined {\n  return stroke\n}\n\n/** @internal */\nexport function _arrowStrokeMask(): string | undefined {\n  return strokeMask\n}\n\n/** @internal */\nexport function _arrowShape(): string | undefined {\n  return fill\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {radius} from '../../props/radius'\nimport {width} from '../../props/width'\nimport {border, element, fontSize, gap, padding, presentation, root} from './_input.css'\nimport type {InputStyleProps} from './types'\n\n/** @internal */\nexport function _input(props: InputStyleProps): string | undefined {\n  return _composeClassNames(\n    root,\n    props.border && border,\n    _responsiveClassName(fontSize, props.fontSize ?? 2),\n    _responsiveClassName(padding, props.padding ?? 3),\n    _responsiveClassName(gap, props.gap ?? 3),\n    radius(props),\n    width(props),\n  )\n}\n\n/** @internal */\nexport function _inputElement(): string | undefined {\n  return element\n}\n\n/** @internal */\nexport function _inputPresentation(): string | undefined {\n  return presentation\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {radius} from '../../props/radius'\nimport {root, tones} from './_selectable.css'\nimport type {SelectableStyleProps} from './types'\n\n/** @internal */\nexport function _selectable(props: SelectableStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, tones[props.tone ?? 'default'], radius(props))\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {flex} from '../../props/flex'\nimport {\n  arrow,\n  arrowSvg,\n  colors,\n  counter,\n  image,\n  imageOutline,\n  initials,\n  root,\n  scale,\n  stack,\n} from './avatar.css'\nimport type {AvatarStyleProps} from './types'\n\n/** @public */\nexport function avatar(props: AvatarStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    colors[props.color ?? 'gray'],\n    _responsiveClassName(scale, props.size ?? 1),\n    flex({flex: 'none'}),\n  )\n}\n\n/** @public */\nexport function avatarArrow(): string | undefined {\n  return arrow\n}\n\n/** @public */\nexport function avatarArrowSvg(): string | undefined {\n  return arrowSvg\n}\n\n/** @public */\nexport function avatarInitials(): string | undefined {\n  return initials\n}\n\n/** @public */\nexport function avatarImage(): string | undefined {\n  return image\n}\n\n/** @public */\nexport function avatarImageOutline(): string | undefined {\n  return imageOutline\n}\n\n/** @public */\nexport function avatarCounter(props: {\n  className?: string\n  size?: AvatarStyleProps['size']\n}): string | undefined {\n  return _composeClassNames(props.className, counter, _responsiveClassName(scale, props.size ?? 1))\n}\n\n/** @public */\nexport function avatarStack(props: {\n  className?: string\n  size?: AvatarStyleProps['size']\n}): string | undefined {\n  return _composeClassNames(props.className, stack, _responsiveClassName(scale, props.size ?? 1))\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root, tones} from './badge.css'\nimport type {BadgeStyleProps} from './types'\n\n/** @public */\nexport function badge(props: BadgeStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, tones[props.tone ?? 'default'])\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {alignItems} from '../../props/alignItems'\nimport {border} from '../../props/border'\nimport {boxSizing} from '../../props/boxSizing'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {flexDirection} from '../../props/flexDirection'\nimport {flexWrap} from '../../props/flexWrap'\nimport {gap} from '../../props/gap'\nimport {gridAutoColumns} from '../../props/gridAutoColumns'\nimport {gridAutoFlow} from '../../props/gridAutoFlow'\nimport {gridAutoRows} from '../../props/gridAutoRows'\nimport {gridColumn} from '../../props/gridColumn'\nimport {gridColumnEnd} from '../../props/gridColumnEnd'\nimport {gridColumnStart} from '../../props/gridColumnStart'\nimport {gridRow} from '../../props/gridRow'\nimport {gridRowEnd} from '../../props/gridRowEnd'\nimport {gridRowStart} from '../../props/gridRowStart'\nimport {gridTemplateColumns} from '../../props/gridTemplateColumns'\nimport {gridTemplateRows} from '../../props/gridTemplateRows'\nimport {height} from '../../props/height'\nimport {inset} from '../../props/inset'\nimport {justifyContent} from '../../props/justifyContent'\nimport {margin} from '../../props/margin'\nimport {maxWidth} from '../../props/maxWidth'\nimport {minHeight} from '../../props/minHeight'\nimport {minWidth} from '../../props/minWidth'\nimport {outline} from '../../props/outline'\nimport {overflow} from '../../props/overflow'\nimport {padding} from '../../props/padding'\nimport {pointerEvents} from '../../props/pointerEvents'\nimport {position} from '../../props/position'\nimport {radius} from '../../props/radius'\nimport {shadow} from '../../props/shadow'\nimport {textAlign} from '../../props/textAlign'\nimport {width} from '../../props/width'\nimport {muted, root} from './box.css'\nimport type {BoxStyleProps} from './types'\n\n/** @public */\nexport function box(props: BoxStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    props.muted && muted,\n    alignItems(props),\n    border(props),\n    boxSizing({boxSizing: props.sizing}),\n    display(props),\n    height(props),\n    flex(props),\n    flexDirection(props),\n    flexWrap(props),\n    gap(props),\n    gridAutoColumns(props),\n    gridAutoFlow(props),\n    gridAutoRows(props),\n    gridColumn(props),\n    gridColumnEnd(props),\n    gridColumnStart(props),\n    gridRow(props),\n    gridRowEnd(props),\n    gridRowStart(props),\n    gridTemplateColumns(props),\n    gridTemplateRows(props),\n    inset(props),\n    justifyContent(props),\n    margin(props),\n    maxWidth(props),\n    minHeight(props),\n    minWidth(props),\n    overflow(props),\n    padding(props),\n    pointerEvents(props),\n    position(props),\n    outline(props),\n    radius(props),\n    shadow(props),\n    textAlign(props),\n    width(props),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {radius} from '../../props/radius'\nimport {width} from '../../props/width'\nimport {loadingBox, modes, root, tones} from './button.css'\nimport type {ButtonStyleProps} from './types'\n\n/** @public */\nexport function button(props: ButtonStyleProps) {\n  return _composeClassNames(\n    props.className,\n    root,\n    modes[props.mode ?? 'default'],\n    tones[props.tone ?? 'default'],\n    display({display: 'flex'}),\n    flex(props),\n    radius(props),\n    width(props),\n  )\n}\n\n/** @public */\nexport function buttonLoadingBox() {\n  return loadingBox\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root, schemes, tones} from './card.css'\nimport type {CardStyleProps} from './types'\n\n/** @public */\nexport function card(props: CardStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    props.scheme && schemes[props.scheme],\n    props.tone && props.tone !== 'inherit' && tones[props.tone],\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {input, presentation, root} from './checkbox.css'\n\n/** @public */\nexport function checkbox(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function checkboxInput() {\n  return input\n}\n\n/** @public */\nexport function checkboxPresentation() {\n  return presentation\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {font} from '../../props/font'\nimport {root, scale} from './code.css'\nimport type {CodeStyleProps} from './types'\n\n/** @public */\nexport function code(props: CodeStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    _responsiveClassName(scale, props.size ?? 1),\n    display({display: 'block'}),\n    flex(props),\n    font(props),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {margin} from '../../props/margin'\nimport {maxWidth} from '../../props/maxWidth'\nimport {width} from '../../props/width'\nimport {root} from './container.css'\nimport type {ContainerStyleProps} from './types'\n\n/** @public */\nexport function container(props: ContainerStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    margin({marginX: 'auto'}),\n    maxWidth({maxWidth: props.width}),\n    width({width: 'fill'}),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {font} from '../../props/font'\nimport {textAlign} from '../../props/textAlign'\nimport {muted, root, sizes} from './heading.css'\nimport type {HeadingStyleProps} from './types'\n\n/** @public */\nexport function heading(props: HeadingStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    props.muted && muted,\n    _responsiveClassName(sizes, props.size ?? 1),\n    display({display: 'block'}),\n    flex(props),\n    font(props),\n    textAlign({textAlign: props.align}),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {radius} from '../../props/radius'\nimport {root} from './kbd.css'\nimport type {KBDStyleProps} from './types'\n\n/** @public */\nexport function kbd(props: KBDStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, radius(props))\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {font} from '../../props/font'\nimport {textAlign} from '../../props/textAlign'\nimport {muted, root, sizes} from './label.css'\nimport type {LabelStyleProps} from './types'\n\n/** @public */\nexport function label(props: LabelStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    props.muted && muted,\n    _responsiveClassName(sizes, props.size ?? 1),\n    display({display: 'block'}),\n    flex(props),\n    font(props),\n    textAlign({textAlign: props.align}),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {card, root} from './popover.css'\n\n/** @public */\nexport function popover(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function popoverCard() {\n  return _composeClassNames(card)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {input, presentation, root} from './radio.css'\n\n/** @public */\nexport function radio(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function radioInput() {\n  return input\n}\n\n/** @public */\nexport function radioPresentation() {\n  return presentation\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {themeClassName} from '../../defaultTheme.css'\nimport {height} from '../../props/height'\nimport {card} from '../card'\nimport {_root} from './root.css'\nimport type {RootStyleProps} from './types'\n\n/** @public */\nexport function root(props: RootStyleProps) {\n  return _composeClassNames(\n    props.className,\n    themeClassName,\n    _root,\n    card({scheme: props.scheme ?? 'light', tone: props.tone ?? 'transparent'}),\n    height({height: props.height ?? 'fill'}),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_input, _inputPresentation} from '../_input'\nimport {presentation, root} from './select.css'\nimport type {SelectStyleProps} from './types'\n\n/** @public */\nexport function select(props: SelectStyleProps): string | undefined {\n  return _composeClassNames(root, _input(props))\n}\n\n/** @public */\nexport function selectPresentation(): string | undefined {\n  return _composeClassNames(presentation, _inputPresentation())\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root, spinnerIcon} from './spinner.css'\nimport type {SpinnerStyleProps} from './types'\n\n/** @public */\nexport function spinner(props: SpinnerStyleProps) {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function animatedSpinnerIcon() {\n  return spinnerIcon\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root} from './srOnly.css'\n\n/** @public */\nexport function srOnly(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root} from './stack.css'\n\n/** @public */\nexport function stack(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {input, presentation, root, thumb, track} from './switch.css'\n\n/** @public */\nexport function _switch(props: {className?: string}): string | undefined {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function _switchElement(): string | undefined {\n  return input\n}\n\n/** @public */\nexport function _switchPresentation(): string | undefined {\n  return presentation\n}\n\n/** @public */\nexport function _switchThumb(): string | undefined {\n  return thumb\n}\n\n/** @public */\nexport function _switchTrack(): string | undefined {\n  return track\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {display} from '../../props/display'\nimport {flex} from '../../props/flex'\nimport {font} from '../../props/font'\nimport {maxWidth} from '../../props/maxWidth'\nimport {textAlign} from '../../props/textAlign'\nimport {muted, root, sizes} from './text.css'\nimport type {TextStyleProps} from './types'\n\n/** @public */\nexport function text(props: TextStyleProps): string | undefined {\n  return _composeClassNames(\n    props.className,\n    root,\n    props.muted && muted,\n    _responsiveClassName(sizes, props.size ?? 1),\n    display({display: 'block'}),\n    flex(props),\n    font(props),\n    maxWidth(props),\n    textAlign({textAlign: props.align}),\n  )\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_input} from '../_input'\nimport {root} from './textArea.css'\nimport type {TextAreaStyleProps} from './types'\n\n/** @public */\nexport function textArea(props: TextAreaStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, _input(props))\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_input} from '../_input'\nimport {element, prefix, root, suffix} from './textInput.css'\nimport type {TextInputStyleProps} from './types'\n\n/** @public */\nexport function textInput(props: TextInputStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, _input(props))\n}\n\n/** @public */\nexport function textInputPrefix(): string | undefined {\n  return prefix\n}\n\n/** @public */\nexport function textInputElement(): string | undefined {\n  return element\n}\n\n/** @public */\nexport function textInputSuffix(): string | undefined {\n  return suffix\n}\n","import {_composeClassNames} from '../../_composeClassNames'\n// import {_scopeClassNames} from '../../_scopeClassNames'\nimport {root} from './tooltip.css'\nimport type {TooltipStyleProps} from './types'\n\n/** @public */\nexport function tooltip(props: TooltipStyleProps): string | undefined {\n  // return _scopeClassNames('tooltip')\n  return _composeClassNames(props.className, root)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {root} from './breadcrumbs.css'\n\n/** @public */\nexport function breadcrumbs(props: {className?: string}): string | undefined {\n  return _composeClassNames(props.className, root)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {inset} from '../../props/inset'\nimport {\n  card,\n  container,\n  content,\n  footer,\n  header,\n  root,\n  scroller,\n  scrollerShadowBottom,\n  scrollerShadowTop,\n} from './dialog.css'\n\n/** @public */\nexport function dialog(props: {className?: string}): string | undefined {\n  return _composeClassNames(props.className, root, inset({inset: 0}))\n}\n\n/** @public */\nexport function dialogCard(): string | undefined {\n  return card\n}\n\n/** @public */\nexport function dialogContainer(): string | undefined {\n  return container\n}\n\n/** @public */\nexport function dialogHeader(): string | undefined {\n  return header\n}\n\n/** @public */\nexport function dialogContent(): string | undefined {\n  return content\n}\n\n/** @public */\nexport function dialogScroller(): string | undefined {\n  return scroller\n}\n\n/** @public */\nexport function dialogScrollerShadowTop(): string | undefined {\n  return scrollerShadowTop\n}\n\n/** @public */\nexport function dialogScrollerShadowBottom(): string | undefined {\n  return scrollerShadowBottom\n}\n\n/** @public */\nexport function dialogFooter(): string | undefined {\n  return footer\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {divider, root} from './menu.css'\n\n/** @public */\nexport function menu(props: {className?: string}) {\n  return _composeClassNames(props.className, root)\n}\n\n/** @public */\nexport function menuDivider(props: {className?: string}) {\n  return _composeClassNames(props.className, divider)\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {_responsiveClassName} from '../../_responsiveClassName'\nimport {flex} from '../../props/flex'\nimport {margin} from '../../props/margin'\nimport {radius} from '../../props/radius'\nimport {codeScale, font, headingScale, labelScale, root, textScale} from './skeleton.css'\nimport type {\n  CodeSkeletonStyleProps,\n  HeadingSkeletonStyleProps,\n  LabelSkeletonStyleProps,\n  SkeletonStyleProps,\n  TextSkeletonStyleProps,\n} from './types'\n\n/** @beta */\nexport function skeleton(props: SkeletonStyleProps): string | undefined {\n  return _composeClassNames(props.className, root, flex(props), radius(props), margin(props))\n}\n\n/** @beta */\nexport function codeSkeleton(props: CodeSkeletonStyleProps): string | undefined {\n  return _composeClassNames(props.className, font, _responsiveClassName(codeScale, props.size))\n}\n\n/** @beta */\nexport function headingSkeleton(props: HeadingSkeletonStyleProps): string | undefined {\n  return _composeClassNames(props.className, font, _responsiveClassName(headingScale, props.size))\n}\n\n/** @beta */\nexport function labelSkeleton(props: LabelSkeletonStyleProps): string | undefined {\n  return _composeClassNames(props.className, font, _responsiveClassName(labelScale, props.size))\n}\n\n/** @beta */\nexport function textSkeleton(props: TextSkeletonStyleProps): string | undefined {\n  return _composeClassNames(props.className, font, _responsiveClassName(textScale, props.size))\n}\n","import {layer, root} from './toast.css'\n\n/** @public */\nexport function toastLayer() {\n  return layer\n}\n\n/** @public */\nexport function toast() {\n  return root\n}\n","import {_composeClassNames} from '../../_composeClassNames'\nimport {item} from './tree.css'\n\n/** @beta */\nexport function treeItem(props: {className?: string}) {\n  return _composeClassNames(props.className, item)\n}\n","import {type ThemeBoxShadow} from '@sanity/ui/theme'\n\n/** @internal */\nexport function rem(value: number): string {\n  if (value === 0) return '0'\n\n  return `${value / 16}rem`\n}\n\n/** @internal */\nexport function px(value: number): string {\n  if (value === 0) return '0'\n\n  return `${value}px`\n}\n\n/** @internal */\nexport function toBoxShadow(value: ThemeBoxShadow | undefined): string {\n  if (!value) return 'none'\n\n  return value.map((n) => px(n)).join(' ')\n}\n"],"names":["BREAKPOINTS","_responsiveClassName","rules","_value","options","value","undefined","valueWhenTrue","classNames","_index","Object","keys","index","Number","valueAtIndex","rule","push","join","alignItems","props","_getClassNames","map","n","trim","filter","Boolean","split","_composeClassNames","unique","array","Array","from","Set","border","borderOptions","borderTopOptions","borderTop","borderRightOptions","borderRight","borderBottomOptions","borderBottom","borderLeftOptions","borderLeft","boxSizing","display","flex","flexDirection","flexWrap","font","root","weights","weight","gap","gapOptions","gapXOptions","gapX","gapYOptions","gapY","gridAutoColumns","autoCols","gridAutoFlow","autoFlow","gridAutoRows","autoRows","gridColumn","column","gridColumnEnd","columnEnd","gridColumnStart","columnStart","gridRow","row","gridRowEnd","rowEnd","gridRowStart","rowStart","gridTemplateColumns","columns","gridTemplateRows","rows","height","inset","insetOptions","insetTopOptions","insetTop","insetRightOptions","insetRight","insetBottomOptions","insetBottom","insetLeftOptions","insetLeft","justifyContent","margin","marginOptions","marginXOptions","marginX","marginYOptions","marginY","marginTopOptions","marginTop","marginRightOptions","marginRight","marginBottomOptions","marginBottom","marginLeftOptions","marginLeft","maxWidth","minHeight","minWidth","outline","overflow","padding","paddingOptions","paddingXOptions","paddingX","paddingYOptions","paddingY","paddingTopOptions","paddingTop","paddingRightOptions","paddingRight","paddingBottomOptions","paddingBottom","paddingLeftOptions","paddingLeft","pointerEvents","position","radius","shadow","textAlign","textOverflow","width","_arrow","_arrowSvg","svg","_arrowStroke","stroke","_arrowStrokeMask","strokeMask","_arrowShape","fill","_input","fontSize","_inputElement","element","_inputPresentation","presentation","_selectable","className","tones","tone","avatar","colors","color","scale","size","avatarArrow","arrow","avatarArrowSvg","arrowSvg","avatarInitials","initials","avatarImage","image","avatarImageOutline","imageOutline","avatarCounter","counter","avatarStack","stack","badge","box","muted","sizing","button","modes","mode","buttonLoadingBox","loadingBox","card","scheme","schemes","checkbox","checkboxInput","input","checkboxPresentation","code","container","heading","sizes","align","kbd","label","popover","popoverCard","radio","radioInput","radioPresentation","themeClassName","_root","select","selectPresentation","spinner","animatedSpinnerIcon","spinnerIcon","srOnly","_switch","_switchElement","_switchPresentation","_switchThumb","thumb","_switchTrack","track","text","textArea","textInput","textInputPrefix","prefix","textInputElement","textInputSuffix","suffix","tooltip","breadcrumbs","dialog","dialogCard","dialogContainer","dialogHeader","header","dialogContent","content","dialogScroller","scroller","dialogScrollerShadowTop","scrollerShadowTop","dialogScrollerShadowBottom","scrollerShadowBottom","dialogFooter","footer","menu","menuDivider","divider","skeleton","codeSkeleton","codeScale","headingSkeleton","headingScale","labelSkeleton","labelScale","textSkeleton","textScale","toastLayer","layer","toast","treeItem","item","rem","px","toBoxShadow"],"mappings":"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"}

package/dist/index.cjs

@@ -177,7 +177,7 @@ function Autocomplete(props) {
     value
   } = state, defaultRenderOption = react.useCallback(({
     value: value_0
-  }) => /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Card, { as: "button", padding: paddingProp, radius: 2, tone: "inherit", children: /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Text, { size: fontSize, textOverflow: "ellipsis", children: value_0 }) }), [fontSize, paddingProp]), renderOption = typeof renderOptionProp == "function" ? renderOptionProp : defaultRenderOption, filterOption = typeof filterOptionProp == "function" ? filterOptionProp : DEFAULT_FILTER_OPTION, rootElementRef = react.useRef(null), resultsPopoverElementRef = react.useRef(null), inputElementRef = react.useRef(null), listBoxElementRef = react.useRef(null), listFocusedRef = react.useRef(!1), valueRef = react.useRef(value), valuePropRef = react.useRef(valueProp), popoverMouseWithinRef = react.useRef(!1);
+  }) => /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Selectable, { as: "button", padding: paddingProp, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Text, { size: fontSize, textOverflow: "ellipsis", children: value_0 }) }), [fontSize, paddingProp]), renderOption = typeof renderOptionProp == "function" ? renderOptionProp : defaultRenderOption, filterOption = typeof filterOptionProp == "function" ? filterOptionProp : DEFAULT_FILTER_OPTION, rootElementRef = react.useRef(null), resultsPopoverElementRef = react.useRef(null), inputElementRef = react.useRef(null), listBoxElementRef = react.useRef(null), listFocusedRef = react.useRef(!1), valueRef = react.useRef(value), valuePropRef = react.useRef(valueProp), popoverMouseWithinRef = react.useRef(!1);
   react.useImperativeHandle(forwardedRef, () => inputElementRef.current);
   const listBoxId = `${id}-listbox`, options = Array.isArray(optionsProp) ? optionsProp : _visualEditing.EMPTY_ARRAY, padding = _visualEditing.useResponsiveProp(paddingProp), currentOption = react.useMemo(() => value !== null ? options.find((o) => o.value === value) : void 0, [options, value]), filteredOptions = react.useMemo(() => options.filter((option) => query ? filterOption(query, option) : !0), [filterOption, options, query]), filteredOptionsLen = filteredOptions.length, activeItemId = activeValue ? `${id}-option-${activeValue}` : void 0, expanded = query !== null && loading || focused && query !== null, handleRootBlur = react.useCallback((event) => {
     setTimeout(() => {
@@ -743,7 +743,7 @@ function TabPanel(props) {
   let t3;
   return $[5] !== as || $[6] !== children || $[7] !== rest || $[8] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { "data-ui": "TabPanel", ...rest, as, role: "tabpanel", tabIndex: t2, children }), $[5] = as, $[6] = children, $[7] = rest, $[8] = t2, $[9] = t3) : t3 = $[9], t3;
 }
-const DEFAULT_TOAST_ELEMENT = "li", ROLES = {
+const DEFAULT_TOAST_ELEMENT = "li", LONG_ENOUGH_BUT_NOT_TOO_LONG = 1e3 * 60 * 60 * 24 * 24, ROLES = {
   error: "alert",
   warning: "alert",
   success: "alert",
@@ -760,65 +760,61 @@ const DEFAULT_TOAST_ELEMENT = "li", ROLES = {
   info: "neutral"
 };
 function Toast(props) {
-  const $ = compilerRuntime.c(40), t0 = props;
-  let closable, description, onClose, rest, status, t1, t2, title;
-  if ($[0] !== t0) {
-    const {
-      as: t32,
-      closable: t42,
-      description: t52,
-      duration,
-      onClose: t62,
-      radius: t72,
-      title: t82,
-      status: t92,
-      updatedAt,
-      ...t102
-    } = t0;
-    t1 = t32, closable = t42, description = t52, onClose = t62, t2 = t72, title = t82, status = t92, rest = t102, $[0] = t0, $[1] = closable, $[2] = description, $[3] = onClose, $[4] = rest, $[5] = status, $[6] = t1, $[7] = t2, $[8] = title;
-  } else
-    closable = $[1], description = $[2], onClose = $[3], rest = $[4], status = $[5], t1 = $[6], t2 = $[7], title = $[8];
+  const $ = compilerRuntime.c(42), t0 = props;
+  let closable, description, duration, onClose, rest, status, t1, t2, title;
+  $[0] !== t0 ? ({
+    as: t1,
+    closable,
+    description,
+    duration,
+    onClose,
+    radius: t2,
+    title,
+    status,
+    ...rest
+  } = t0, $[0] = t0, $[1] = closable, $[2] = description, $[3] = duration, $[4] = onClose, $[5] = rest, $[6] = status, $[7] = t1, $[8] = t2, $[9] = title) : (closable = $[1], description = $[2], duration = $[3], onClose = $[4], rest = $[5], status = $[6], t1 = $[7], t2 = $[8], title = $[9]);
   const as = t1 === void 0 ? DEFAULT_TOAST_ELEMENT : t1, radius = t2 === void 0 ? 3 : t2, cardTone = status ? STATUS_CARD_TONE[status] : "default", buttonTone = status ? BUTTON_TONE[status] : "default", role = status ? ROLES[status] : "status", visualDuration = _visualEditing.usePrefersReducedMotion() ? 0 : 0.26;
   let t3;
-  $[9] !== visualDuration ? (t3 = visualDuration ? {
+  $[10] !== visualDuration ? (t3 = visualDuration ? {
     type: "spring",
     visualDuration,
     bounce: 0.25
   } : {
     duration: 0
-  }, $[9] = visualDuration, $[10] = t3) : t3 = $[10];
-  const transition = t3;
+  }, $[10] = visualDuration, $[11] = t3) : t3 = $[11];
+  const transition = t3, hasDuration = duration && isFinite(duration) && duration < LONG_ENOUGH_BUT_NOT_TOO_LONG;
   let t4;
-  $[11] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["hidden", "initial"], $[11] = t4) : t4 = $[11];
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["hidden", "initial"], $[12] = t4) : t4 = $[12];
   const initial = t4;
   let t5;
-  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t5 = ["visible", "slideIn"], $[12] = t5) : t5 = $[12];
+  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t5 = ["visible", "slideIn"], $[13] = t5) : t5 = $[13];
   const animate = t5;
   let t6;
-  $[13] === Symbol.for("react.memo_cache_sentinel") ? (t6 = ["hidden", "slideOut"], $[13] = t6) : t6 = $[13];
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t6 = ["hidden", "slideOut"], $[14] = t6) : t6 = $[14];
   const exit = t6;
   let t7;
-  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = css.toast(), $[14] = t7) : t7 = $[14];
-  let t8;
-  $[15] !== title ? (t8 = title && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Text, { size: 1, weight: "medium", children: title }), $[15] = title, $[16] = t8) : t8 = $[16];
+  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t7 = css.toast(), $[15] = t7) : t7 = $[15];
+  const t8 = hasDuration ? "" : void 0;
   let t9;
-  $[17] !== description || $[18] !== transition ? (t9 = description && /* @__PURE__ */ jsxRuntime.jsx(MotionText, { muted: !0, size: 1, variants: content, transition, children: description }), $[17] = description, $[18] = transition, $[19] = t9) : t9 = $[19];
+  $[16] !== title ? (t9 = title && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Text, { size: 1, weight: "medium", children: title }), $[16] = title, $[17] = t9) : t9 = $[17];
   let t10;
-  $[20] !== t8 || $[21] !== t9 ? (t10 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Flex, { flex: 1, overflowX: "auto", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Stack, { gap: 3, children: [
-    t8,
-    t9
-  ] }) }), $[20] = t8, $[21] = t9, $[22] = t10) : t10 = $[22];
+  $[18] !== description || $[19] !== transition ? (t10 = description && /* @__PURE__ */ jsxRuntime.jsx(MotionText, { muted: !0, size: 1, variants: content, transition, children: description }), $[18] = description, $[19] = transition, $[20] = t10) : t10 = $[20];
   let t11;
-  $[23] !== buttonTone || $[24] !== closable || $[25] !== onClose ? (t11 = closable && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Button, { as: "button", icon: icons.CloseIcon, mode: "bleed", padding: 2, tone: buttonTone, onClick: onClose, style: {
-    verticalAlign: "top"
-  } }) }), $[23] = buttonTone, $[24] = closable, $[25] = onClose, $[26] = t11) : t11 = $[26];
+  $[21] !== t10 || $[22] !== t9 ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Flex, { flex: 1, overflowX: "auto", padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Stack, { gap: 3, children: [
+    t9,
+    t10
+  ] }) }), $[21] = t10, $[22] = t9, $[23] = t11) : t11 = $[23];
   let t12;
-  $[27] !== t10 || $[28] !== t11 || $[29] !== transition ? (t12 = /* @__PURE__ */ jsxRuntime.jsxs(MotionFlex, { align: "flex-start", variants: content, transition, children: [
-    t10,
-    t11
-  ] }), $[27] = t10, $[28] = t11, $[29] = transition, $[30] = t12) : t12 = $[30];
+  $[24] !== buttonTone || $[25] !== closable || $[26] !== onClose ? (t12 = closable && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Button, { as: "button", icon: icons.CloseIcon, mode: "bleed", padding: 2, tone: buttonTone, onClick: onClose, style: {
+    verticalAlign: "top"
+  } }) }), $[24] = buttonTone, $[25] = closable, $[26] = onClose, $[27] = t12) : t12 = $[27];
   let t13;
-  return $[31] !== as || $[32] !== cardTone || $[33] !== radius || $[34] !== rest || $[35] !== role || $[36] !== t12 || $[37] !== transition || $[38] !== visualDuration ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(MotionCard, { as, className: t7, "data-ui": "Toast", role, ...rest, custom: visualDuration, radius, shadow: 2, tone: cardTone, layout: "position", variants: container, initial, animate, exit, transition, position: "relative", children: t12 }), $[31] = as, $[32] = cardTone, $[33] = radius, $[34] = rest, $[35] = role, $[36] = t12, $[37] = transition, $[38] = visualDuration, $[39] = t13) : t13 = $[39], t13;
+  $[28] !== t11 || $[29] !== t12 || $[30] !== transition ? (t13 = /* @__PURE__ */ jsxRuntime.jsxs(MotionFlex, { align: "flex-start", variants: content, transition, children: [
+    t11,
+    t12
+  ] }), $[28] = t11, $[29] = t12, $[30] = transition, $[31] = t13) : t13 = $[31];
+  let t14;
+  return $[32] !== as || $[33] !== cardTone || $[34] !== radius || $[35] !== rest || $[36] !== role || $[37] !== t13 || $[38] !== t8 || $[39] !== transition || $[40] !== visualDuration ? (t14 = /* @__PURE__ */ jsxRuntime.jsx(MotionCard, { as, className: t7, "data-ui": "Toast", role, ...rest, custom: visualDuration, "data-has-duration": t8, radius, shadow: 2, tone: cardTone, layout: "position", variants: container, initial, animate, exit, transition, position: "relative", children: t13 }), $[32] = as, $[33] = cardTone, $[34] = radius, $[35] = rest, $[36] = role, $[37] = t13, $[38] = t8, $[39] = transition, $[40] = visualDuration, $[41] = t14) : t14 = $[41], t14;
 }
 const container = {
   initial: {
@@ -909,16 +905,19 @@ function ToastProvider(props) {
   $[1] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
     version: 0,
     push: (params) => {
-      const id = params.id || generateToastId(), duration = params.duration || 5e3;
+      const id = params.id ?? generateToastId(), duration = params.duration ?? 5e3;
       return react.startTransition(() => {
         setState((prevState) => {
           if (duration === 0.01)
             return prevState.filter((toast) => toast.id !== id);
-          const dismiss = () => react.startTransition(() => setState((currentState) => currentState.filter((toast_0) => toast_0.id !== id)));
+          const dismiss = () => {
+            react.startTransition(() => {
+              timeoutId && clearTimeout(timeoutId), setState((currentState) => currentState.filter((toast_0) => toast_0.id !== id));
+            });
+          }, timeoutId = setTimeout(dismiss, duration);
           return [...prevState.filter((toast_1) => toast_1.id !== id), {
             dismiss,
             id,
-            updatedAt: Date.now(),
             params: {
               ...params,
               duration
@@ -941,10 +940,9 @@ function _temp$2(t0) {
   const {
     dismiss: dismiss_0,
     id: id_0,
-    params: params_0,
-    updatedAt
+    params: params_0
   } = t0;
-  return /* @__PURE__ */ jsxRuntime.jsx(Toast, { closable: params_0.closable, description: params_0.description, onClose: dismiss_0, status: params_0.status, title: params_0.title, duration: params_0.duration, updatedAt }, id_0);
+  return /* @__PURE__ */ jsxRuntime.jsx(Toast, { closable: params_0.closable, description: params_0.description, onClose: dismiss_0, status: params_0.status, title: params_0.title, duration: params_0.duration }, id_0);
 }
 function useToast() {
   const value = react.useContext(ToastContext);
@@ -1866,6 +1864,62 @@ function Radio(props) {
     t9
   ] }), $[21] = style, $[22] = t3, $[23] = t8, $[24] = t10) : t10 = $[24], t10;
 }
+const DEFAULT_ROOT_ELEMENT = "html";
+function Root(props) {
+  const $ = compilerRuntime.c(39), t0 = props;
+  let children, className, forwardedRef, rest, t1, t2, t3, t4;
+  $[0] !== t0 ? ({
+    as: t1,
+    children,
+    className,
+    height: t2,
+    ref: forwardedRef,
+    scheme: t3,
+    tone: t4,
+    ...rest
+  } = t0, $[0] = t0, $[1] = children, $[2] = className, $[3] = forwardedRef, $[4] = rest, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4) : (children = $[1], className = $[2], forwardedRef = $[3], rest = $[4], t1 = $[5], t2 = $[6], t3 = $[7], t4 = $[8]);
+  const as = t1 === void 0 ? DEFAULT_ROOT_ELEMENT : t1, height = t2 === void 0 ? "fill" : t2, scheme = t3 === void 0 ? "light" : t3, tone = t4 === void 0 ? "transparent" : t4, ref = react.useRef(null);
+  let t5;
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[9] = t5) : t5 = $[9], react.useImperativeHandle(forwardedRef, t5);
+  const [portalElement, setPortalElement] = react.useState(null), [boundaryElement, setBoundaryElement] = react.useState(null);
+  let t6;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t6 = (el) => {
+    setBoundaryElement(el), ref.current = el;
+  }, $[10] = t6) : t6 = $[10];
+  const handleRef = t6;
+  let t7;
+  $[11] !== children || $[12] !== portalElement ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.PortalProvider, { element: portalElement, children }), $[11] = children, $[12] = portalElement, $[13] = t7) : t7 = $[13];
+  let t8;
+  $[14] !== boundaryElement || $[15] !== t7 ? (t8 = /* @__PURE__ */ jsxRuntime.jsx(BoundaryElementProvider, { element: boundaryElement, children: t7 }), $[14] = boundaryElement, $[15] = t7, $[16] = t8) : t8 = $[16];
+  let t9;
+  $[17] === Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { "data-portal": "", ref: setPortalElement }), $[17] = t9) : t9 = $[17];
+  let t10;
+  $[18] !== t8 ? (t10 = /* @__PURE__ */ jsxRuntime.jsxs(ToastProvider, { children: [
+    t8,
+    t9
+  ] }), $[18] = t8, $[19] = t10) : t10 = $[19];
+  let t11;
+  $[20] !== scheme || $[21] !== t10 || $[22] !== tone ? (t11 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.LayerProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.CardProvider, { scheme, tone, children: t10 }) }), $[20] = scheme, $[21] = t10, $[22] = tone, $[23] = t11) : t11 = $[23];
+  let node = t11;
+  if (as === "html") {
+    let t122;
+    $[24] !== height ? (t122 = css.box({
+      height,
+      margin: 0
+    }), $[24] = height, $[25] = t122) : t122 = $[25];
+    let t132;
+    $[26] !== node || $[27] !== t122 ? (t132 = /* @__PURE__ */ jsxRuntime.jsx("body", { className: t122, children: node }), $[26] = node, $[27] = t122, $[28] = t132) : t132 = $[28], node = t132;
+  }
+  let t12;
+  $[29] !== className || $[30] !== height || $[31] !== scheme || $[32] !== tone ? (t12 = css.root({
+    className,
+    height,
+    scheme,
+    tone
+  }), $[29] = className, $[30] = height, $[31] = scheme, $[32] = tone, $[33] = t12) : t12 = $[33];
+  let t13;
+  return $[34] !== as || $[35] !== node || $[36] !== rest || $[37] !== t12 ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { as, "data-ui": "Root", ...rest, className: t12, ref: handleRef, children: node }), $[34] = as, $[35] = node, $[36] = rest, $[37] = t12, $[38] = t13) : t13 = $[38], t13;
+}
 const DEFAULT_SELECT_ELEMENT = "select";
 function Select(props) {
   const $ = compilerRuntime.c(38), t0 = props;
@@ -2337,6 +2391,7 @@ exports.DEFAULT_INLINE_ELEMENT = DEFAULT_INLINE_ELEMENT;
 exports.DEFAULT_LABEL_ELEMENT = DEFAULT_LABEL_ELEMENT;
 exports.DEFAULT_LABEL_SKELETON_ELEMENT = DEFAULT_LABEL_SKELETON_ELEMENT;
 exports.DEFAULT_RADIO_ELEMENT = DEFAULT_RADIO_ELEMENT;
+exports.DEFAULT_ROOT_ELEMENT = DEFAULT_ROOT_ELEMENT;
 exports.DEFAULT_SELECT_ELEMENT = DEFAULT_SELECT_ELEMENT;
 exports.DEFAULT_SKELETON_ELEMENT = DEFAULT_SKELETON_ELEMENT;
 exports.DEFAULT_SR_ONLY_ELEMENT = DEFAULT_SR_ONLY_ELEMENT;
@@ -2360,6 +2415,7 @@ exports.Label = Label;
 exports.LabelSkeleton = LabelSkeleton;
 exports.MenuButton = MenuButton;
 exports.Radio = Radio;
+exports.Root = Root;
 exports.Select = Select;
 exports.Skeleton = Skeleton;
 exports.SrOnly = SrOnly;