@sanity/ui 3.0.0-static.3 → 3.0.0-static.31

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/radius'\nimport {width} from '../../props/width/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/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/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/alignItems'\nimport {border} from '../../props/border/border'\nimport {boxSizing} from '../../props/boxSizing/boxSizing'\nimport {display} from '../../props/display/display'\nimport {flex} from '../../props/flex/flex'\nimport {flexDirection} from '../../props/flexDirection/flexDirection'\nimport {flexWrap} from '../../props/flexWrap/flexWrap'\nimport {gap} from '../../props/gap/gap'\nimport {gridAutoColumns} from '../../props/gridAutoColumns/gridAutoColumns'\nimport {gridAutoFlow} from '../../props/gridAutoFlow/gridAutoFlow'\nimport {gridAutoRows} from '../../props/gridAutoRows/gridAutoRows'\nimport {gridColumn} from '../../props/gridColumn/gridColumn'\nimport {gridColumnEnd} from '../../props/gridColumnEnd/gridColumnEnd'\nimport {gridColumnStart} from '../../props/gridColumnStart/gridColumnStart'\nimport {gridRow} from '../../props/gridRow/gridRow'\nimport {gridRowEnd} from '../../props/gridRowEnd/gridRowEnd'\nimport {gridRowStart} from '../../props/gridRowStart/gridRowStart'\nimport {gridTemplateColumns} from '../../props/gridTemplateColumns/gridTemplateColumns'\nimport {gridTemplateRows} from '../../props/gridTemplateRows/gridTemplateRows'\nimport {height} from '../../props/height/height'\nimport {inset} from '../../props/inset/inset'\nimport {justifyContent} from '../../props/justifyContent/justifyContent'\nimport {margin} from '../../props/margin/margin'\nimport {maxWidth} from '../../props/maxWidth/maxWidth'\nimport {minHeight} from '../../props/minHeight/minHeight'\nimport {minWidth} from '../../props/minWidth/minWidth'\nimport {outline} from '../../props/outline/outline'\nimport {overflow} from '../../props/overflow/overflow'\nimport {padding} from '../../props/padding/padding'\nimport {pointerEvents} from '../../props/pointerEvents/pointerEvents'\nimport {position} from '../../props/position/position'\nimport {radius} from '../../props/radius/radius'\nimport {shadow} from '../../props/shadow/shadow'\nimport {textAlign} from '../../props/textAlign/textAlign'\nimport {width} from '../../props/width/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/display'\nimport {flex} from '../../props/flex/flex'\nimport {radius} from '../../props/radius/radius'\nimport {width} from '../../props/width/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/display'\nimport {flex} from '../../props/flex/flex'\nimport {font} from '../../props/font/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/margin'\nimport {maxWidth} from '../../props/maxWidth/maxWidth'\nimport {width} from '../../props/width/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/display'\nimport {flex} from '../../props/flex/flex'\nimport {font} from '../../props/font/font'\nimport {textAlign} from '../../props/textAlign/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/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/display'\nimport {flex} from '../../props/flex/flex'\nimport {font} from '../../props/font/font'\nimport {textAlign} from '../../props/textAlign/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/height'\nimport {card} from '../card/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/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/display'\nimport {flex} from '../../props/flex/flex'\nimport {font} from '../../props/font/font'\nimport {maxWidth} from '../../props/maxWidth/maxWidth'\nimport {textAlign} from '../../props/textAlign/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/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/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'\nimport {root} from './tooltip.css'\nimport type {TooltipStyleProps} from './types'\n\n/** @public */\nexport function tooltip(props: TooltipStyleProps): string | undefined {\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/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/flex'\nimport {margin} from '../../props/margin/margin'\nimport {radius} from '../../props/radius/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/css/layers.css

@@ -0,0 +1,4 @@
+@layer ui-theme;
+@layer ui-props;
+@layer ui-primitives;
+@layer ui-components;

package/dist/css/primitives/popover/popover.css

@@ -0,0 +1,4 @@
+@layer ui-primitives;
+@layer ui-primitives {
+
+}