@marigold/theme-rui 4.0.2 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +495 -191
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +495 -191
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1872 -816
  6. package/dist/theme.css +63 -11
  7. package/dist/utils.css +51 -99
  8. package/dist/variants.css +5 -0
  9. package/package.json +8 -6
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","names":["Accordion: ThemeComponent<'Accordion'>","Badge: ThemeComponent<'Badge'>","Button: ThemeComponent<'Button'>","Card: ThemeComponent<'Card'>","Checkbox: ThemeComponent<'Checkbox'>","Calendar: ThemeComponent<'Calendar'>","CloseButton: ThemeComponent<'CloseButton'>","ComboBox: ThemeComponent<'ComboBox'>","Collapsible: ThemeComponent<'Collapsible'>","ContextualHelp: ThemeComponent<'ContextualHelp'>","Input: ThemeComponent<'Input'>","DateField: ThemeComponent<'DateField'>","DatePicker: ThemeComponent<'DatePicker'>","Dialog: ThemeComponent<'Dialog'>","Divider: ThemeComponent<'Divider'>","Drawer: ThemeComponent<'Drawer'>","IconButton: ThemeComponent<'IconButton'>","Field: ThemeComponent<'Field'>","Headline: ThemeComponent<'Headline'>","HelpText: ThemeComponent<'HelpText'>","Label: ThemeComponent<'Label'>","Link: ThemeComponent<'Link'>","List: ThemeComponent<'List'>","ListBox: ThemeComponent<'ListBox'>","Menu: ThemeComponent<'Menu'>","Modal: ThemeComponent<'Modal'>","MultiSelect: ThemeComponent<'MultiSelect'>","NumberField: ThemeComponent<'NumberField'>","Popover: ThemeComponent<'Popover'>","Radio: ThemeComponent<'Radio'>","Pagination: ThemeComponent<'Pagination'>","ProgressCircle: ThemeComponent<'ProgressCircle'>","SectionMessage: ThemeComponent<'SectionMessage'>","Select: ThemeComponent<'Select'>","Slider: ThemeComponent<'Slider'>","Switch: ThemeComponent<'Switch'>","Table: ThemeComponent<'Table'>","Tabs: ThemeComponent<'Tabs'>","Tag: ThemeComponent<'Tag'>","TextArea: ThemeComponent<'TextArea'>","Text: ThemeComponent<'Text'>","Toast: ThemeComponent<'Toast'>","Tooltip: ThemeComponent<'Tooltip'>","Underlay: ThemeComponent<'Underlay'>","Loader: ThemeComponent<'Loader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","FileField: ThemeComponent<'FileField'>","theme: Theme"],"sources":["../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/Input.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/index.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n container: cva('flex-col', {\n variants: {\n variant: {\n default: '',\n card: 'space-y-2',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n item: cva('bg-background border-b last:border-b-0 border-border', {\n variants: {\n variant: {\n default: '',\n card: [\n 'rounded-md border px-4 py-1 outline-none last:border-b',\n // TODO: focus is still shown even if an item within the item is focused\n 'has-focus-visible:util-focus-ring outline-none',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'flex w-full items-center justify-between gap-4 py-2 rounded-md cursor-pointer text-foreground',\n 'text-left text-base font-semibold leading-6 transition-all',\n 'hover:no-underline',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n ],\n {\n variants: {\n variant: {\n default: 'focus-visible:util-focus-ring outline-none',\n card: 'outline-none',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n panel: cva(\n 'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250'\n ),\n content: cva('pb-2'),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-250'\n ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n [\n 'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n 'focus-visible:util-focus-ring outline-none',\n ],\n {\n variants: {\n variant: {\n default: 'bg-muted text-foreground border border-border',\n primary: 'bg-brand text-brand-foreground ',\n success: 'bg-success-muted text-success-muted-foreground',\n warning: 'bg-warning-muted text-warning-muted-foreground',\n info: 'bg-info-muted text-info-muted-foreground',\n error: 'bg-destructive-muted text-destructive-muted-foreground',\n admin:\n 'text-access-admin-foreground border border-access-admin-foreground bg-background',\n master:\n 'text-access-master-foreground border border-access-master-foreground bg-background',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n [\n 'inline-flex items-center justify-center gap-2',\n 'whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n 'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n 'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n 'cursor-pointer',\n ],\n {\n variants: {\n variant: {\n primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n secondary:\n 'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n destructive:\n 'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n 'destructive-ghost': 'text-destructive hover:bg-destructive/10',\n ghost: 'hover:bg-hover hover:text-foreground',\n link: 'text-link util-touch-hitbox',\n },\n size: {\n default: 'text-sm',\n small: 'text-xs',\n large: '',\n icon: '',\n },\n },\n defaultVariants: {\n variant: 'secondary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n class: 'items-center justify-center',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'icon',\n class: 'size-button [&_svg]:size-4',\n },\n ],\n }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(['p-4 rounded-md'], {\n variants: {\n variant: {\n default: 'util-surface-raised',\n master: 'rounded-md bg-access-master/30 p-4 border border-access-master',\n admin: 'rounded-md bg-access-admin/30 p-4 border border-access-admin',\n },\n size: {\n default: '',\n full: 'w-full',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n checkbox: cva([\n 'grid size-4 shrink-0 place-content-center rounded',\n 'border border-input shadow-xs',\n 'group-focus-visible/checkbox:util-focus-ring outline-none',\n 'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n 'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n 'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n ]),\n container: cva('cursor-pointer read-only:cursor-default gap-2'),\n label: cva([\n 'flex items-center gap-1',\n 'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foregroun',\n 'group-disabled/checkbox:text-disabled-foreground',\n ]),\n group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n calendar: cva(\n 'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n ),\n calendarCell: cva([\n 'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n 'border border-transparent p-0 text-sm font-normal text-foreground',\n 'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n 'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n 'disabled:opacity-30 data-[unavailable]:opacity-30',\n 'focus-visible:util-focus-borderless-ring outline-none',\n ]),\n calendarControllers: cva([\n 'size-9 rounded-lg',\n 'text-muted-foreground/80',\n 'transition-colors',\n 'focus-visible:util-focus-ring outline-none',\n ]),\n calendarHeader: cva([\n 'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n ]),\n calendarGrid: cva('[&_td]:p-2'),\n calendarListboxButton: cva([\n 'rounded-md text-sm font-medium transition-[color,box-shadow]',\n 'px-4 py-2',\n 'focus-visible:util-focus-ring outline-none',\n 'cursor-pointer',\n 'hover:bg-hover',\n 'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n ]),\n select: cva([\n '[&svg]:text-muted-foreground/80',\n 'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n 'focus-visible:util-focus-ring outline-none',\n 'h-input',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n 'cursor-pointer',\n ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n 'flex items-center justify-center whitespace-nowrap',\n 'cursor-pointer',\n 'transition-[color,box-shadow]',\n 'focus-visible:util-focus-ring outline-none',\n 'rounded-full',\n 'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n 'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n container: cva(),\n trigger: cva(\n [\n 'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n 'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n 'cursor-pointer',\n ],\n {\n variants: {\n variant: {\n default: '',\n link: 'text-link util-touch-hitbox',\n },\n size: {\n default: 'text-sm',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n trigger: cva(\n [\n 'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:util-focus-ring outline-none',\n 'cursor-pointer',\n ],\n {\n variants: {\n variant: {\n help: '',\n info: '',\n },\n size: {\n default: 'size-button [&_svg]:size-4',\n small: 'size-button-small [&_svg]:size-3.5',\n large: 'size-button-large [&_svg]:size-5',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n popover: cva([\n 'flex flex-col gap-0 rounded-xl p-5 util-surface-overlay',\n 'data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md',\n 'overflow-y-auto util-scrollbar',\n ]),\n container: cva(''),\n title: cva('text-lg font-semibold mb-1'),\n content: cva('text-sm'),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n 'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n 'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n input: cva([\n inputContainer,\n inputDisabled,\n inputInvalid,\n 'focus:util-focus-ring outline-none',\n inputReadOnly,\n 'h-input',\n 'placeholder:text-placeholder',\n '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n 'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n 'group-[[data-icon]]/input:pl-8',\n 'group-[[data-action]]/input:pr-7',\n ]),\n icon: cva([\n 'pointer-events-none left-2',\n 'text-muted-foreground disabled:text-disabled-foreground',\n ]),\n action: cva(['text-muted-foreground pr-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n inputContainer,\n inputDisabled,\n inputInvalid,\n inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n field: cva([\n 'h-input',\n inputContainer,\n inputDisabled,\n 'has-focus-visible:util-focus-ring outline-none',\n inputInvalid,\n inputReadOnly,\n 'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n 'data-[focus-within]:util-focus-ring outline-0',\n ]),\n segment: cva([\n inputDisabled,\n 'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground data-[type=literal]:text-placeholder ',\n 'data-[focused]:bg-focus',\n 'data-[placeholder]:disabled:text-disabled-foreground',\n 'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n 'group/segment',\n 'outline-0',\n 'whitespace-pre',\n 'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n ]),\n action: cva(\n 'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n 'relative h-input -top-2',\n 'text-muted-foreground/80',\n 'hover:text-brand',\n 'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n container: cva(\n [\n 'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n 'util-surface-overlay',\n ],\n {\n variants: {\n variant: {},\n // Does not do anything, just to make the size appear in the appearance demo (Modal is setting the size)\n size: {\n xsmall: '',\n small: '',\n medium: '',\n },\n },\n }\n ),\n header: cva('flex flex-col gap-1 text-center sm:text-left'),\n title: cva('text-lg font-semibold mb-1'),\n content: cva('text-muted-foreground text-sm'),\n actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n variants: {\n variant: {\n default: '',\n bold: 'h-0.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n overlay: cva([\n 'group/overlay z-40',\n 'data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0',\n 'data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0',\n 'data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0',\n 'data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0',\n ]),\n container: cva(\n [\n 'w-full relative grid-rows-[auto_1fr_auto]',\n 'util-surface-overlay',\n 'data-[placement=top]:w-full data-[placement=bottom]:w-full',\n ],\n {\n variants: {\n size: {\n xsmall: 'w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48',\n small: 'w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64',\n medium: 'w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80',\n },\n },\n }\n ),\n closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n header: cva('border-border border-b px-6 py-4'),\n title: cva('font-semibold text-base'),\n content: cva('px-6 py-4 overflow-y-auto outline-none'),\n actions: cva(\n 'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n variants: {\n variant: {\n navigation:\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n },\n },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n variants: {\n size: {\n 'level-1': 'text-3xl font-extrabold',\n 'level-2': 'text-2xl font-bold',\n 'level-3': 'text-xl font-semibold',\n 'level-4': 'text-lg font-semibold',\n 'level-5': 'text-base font-medium',\n 'level-6': 'text-base font-normal',\n },\n },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n container: cva([\n 'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n 'group-invalid/field:text-destructive',\n /**\n * Removes the spacing from the field when when there are hidden\n * elements (e.g. the hidden select rendered by react-aria).\n */\n 'has-[+_[aria-hidden=true]]:mb-0',\n ]),\n icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva([\n 'flex items-center gap-1',\n 'text-sm font-medium leading-none text-foreground',\n 'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n\n // required indicator\n 'group-required/field:after:content-[\"*\"]',\n 'group-required/field:after:-ml-1',\n 'group-required/field:after:text-destructive',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n 'aria-[disabled]:cursor-not-allowed',\n {\n variants: {\n variant: {\n default: 'text-link font-normal',\n secondary: 'font-medium text-foreground underline hover:no-underline',\n },\n size: {\n default: '',\n small: 'text-sm',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('ml-6 list-outside list-disc space-y-1 marker:text-foreground/50', {\n variants: {\n size: {\n default: '',\n small: '*:text-sm',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }),\n ol: cva(\n 'ml-6 list-outside list-decimal space-y-1 marker:text-foreground/50',\n {\n variants: {\n size: {\n default: '',\n small: '*:text-sm',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n item: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n container: cva([\n 'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n ]),\n list: cva(['bg-background p-1 text-sm outline-0 space-y-px']),\n item: cva([\n 'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n 'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n 'hover:bg-hover hover:text-hover-foreground',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n 'focus-visible:util-focus-ring outline-none focus-visible:z-1',\n 'cursor-default data-selection-mode:cursor-pointer',\n '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n ]),\n section: cva(''),\n header: cva(\n '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n container: cva([\n 'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n ]),\n item: cva(\n [\n 'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none text-nowrap',\n 'disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n ],\n {\n variants: {\n variant: {\n default: 'text-foreground focus:bg-focus [&_svg]:opacity-60',\n destructive: 'text-destructive focus:bg-destructive/10',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n section: cva(\n 'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n ),\n button: cva(\n [\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n 'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n 'cursor-pointer',\n ],\n {\n variants: {\n variant: {\n default:\n 'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n },\n size: {\n default: 'h-button px-4 py-2 [&_svg]:size-4',\n small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n large: 'h-button-large px-8 [&_svg]:size-5',\n icon: 'size-button [&_svg]:size-4',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n [\n 'sm:max-h-[min(640px,80vh)]',\n '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n 'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n ],\n {\n variants: {\n size: {\n xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n small: '[--dialog-width:640px]', // sm breakpoint\n medium: '[--dialog-width:768px]', // md breakpoint\n },\n },\n defaultVariants: {\n size: 'small',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n field: cva('space-y-2'),\n container: cva([\n 'bg-background shadow-xs border',\n 'px-3 text-sm text-foreground transition-shadow',\n 'border border-input rounded-lg outline-hidden',\n 'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n 'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n 'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n 'has-[input[aria-readonly=true]]:bg-muted',\n 'min-h-input',\n ]),\n\n input: cva([\n 'bg-transparent flex-1 h-full',\n 'leading-loose',\n 'data-[focused]:outline-hidden outline-hidden border-0',\n 'disabled:cursor-not-allowed',\n 'group-data-[icon]/input:pl-5',\n 'group-data-[action]/input:pr-8',\n 'placeholder:text-placeholder',\n ]),\n\n tag: cva([\n 'border border-solid border-input rounded-md',\n 'bg-background',\n 'font-medium text-xs',\n 'flex items-center gap-1 ',\n 'h-7 px-2 cursor-default',\n ]),\n closeButton: cva(\n 'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n ),\n icon: cva('left-1'),\n listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n list: cva('pointer-events-auto space-y-1 p-1'),\n option: cva([\n 'text-sm text-foreground',\n 'flex flex-col',\n 'cursor-pointer p-2 outline-hidden',\n '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n 'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n ]),\n valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n group: cva([\n 'rounded-lg h-input bg-background',\n 'has-focus-visible:util-focus-ring outline-none',\n inputInvalid,\n inputReadOnly,\n 'border border-input text-sm shadow-xs transition-shadow',\n 'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n ]),\n stepper: cva([\n 'w-7 h-full text-center shrink-0',\n 'disabled:text-disabled-foreground disabled:bg-disabled',\n 'border-input! first-of-type:border-r! last-of-type:border-l!',\n ]),\n input: cva([\n 'tabular-nums text-foreground px-3 py-2',\n 'min-w-0 flex-1 bg-transparent',\n 'group-[[data-stepper]]/field:text-center',\n 'disabled:text-disabled-foreground disabled:bg-disabled',\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n 'group/popover',\n 'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n 'placement-top:mb-1',\n 'placement-bottom:mt-1',\n 'placement-right:ml-1',\n 'placement-left:mr-1',\n 'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n container: cva('group-disabled/radio:cursor-not-allowed'),\n label: cva([\n 'text-sm font-normal cursor-pointer w-full',\n 'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n ]),\n radio: cva([\n 'aspect-square size-4 rounded-full',\n 'border border-input shadow-xs',\n 'group-focus-visible/radio:util-focus-ring outline-none',\n 'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n 'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n ]),\n group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n 'focus-visible:util-focus-ring outline-none',\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'hover:bg-hover hover:text-hover-foreground',\n 'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n container: cva('flex items-center justify-center space-x-2'),\n navigationButton: cva([\n ...button,\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n 'h-9 py-2 gap-1 px-2.5',\n /**\n * Removes the spacing from the button when when there are hidden\n * elements (e.g. the hidden elements for accessibility).\n */\n 'has-[+_[hidden]]:mr-0',\n ]),\n pageButton: cva([\n ...button,\n 'bg-background size-9',\n 'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n ]),\n icon: cva('h-4 w-4'),\n ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n container: cva('stroke-foreground', {\n variants: {\n variant: {\n default: '',\n inverted: 'stroke-secondary',\n },\n size: {\n default: '',\n large: '',\n fit: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n loader: cva('', {\n variants: {\n variant: {\n default: '',\n inverted: '',\n },\n size: {\n default: 'size-20',\n large: 'size-36',\n fit: 'size-fit',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n label: cva('text-current text-sm'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n container: cva(\n [\n \"grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close''icon_content_content']\",\n 'bg-background rounded-md border px-3 py-4',\n ],\n {\n variants: {\n variant: {\n success:\n 'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n warning:\n 'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n error:\n 'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }\n ),\n title: cva('text-sm font-medium'),\n content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n variants: {\n variant: {\n success: 'text-success-muted-foreground',\n warning: 'text-warning-muted-foreground',\n info: 'text-info-muted-foreground',\n error: 'text-destructive-muted-foreground',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }),\n icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n variants: {\n variant: {\n success: 'text-success-muted-accent',\n warning: 'text-warning-muted-accent',\n info: 'text-info-muted-accent',\n error: 'text-destructive-muted-accent',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }),\n close: cva([\n 'size-8 text-foreground',\n '[&_svg]:size-6',\n '-my-1.5 -me-2', // align button with title\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n icon: cva('text-muted-foreground/80'),\n select: cva([\n inputContainer,\n inputInvalid,\n inputDisabled,\n 'focus-visible:util-focus-ring outline-none',\n 'h-input',\n 'cursor-pointer',\n '*:data-placeholder:text-placeholder',\n /**\n * Removes the spacing from the field when there is no\n * helptext. Spacing is applied because the select is followed\n * by a hidden select that is rendered by react-aria.\n */\n 'has-[+_[aria-hidden=true]]:mb-0',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n container: cva('*:aria-hidden:hidden'),\n track: cva([\n 'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n ]),\n selectedTrack: cva([\n 'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n ]),\n thumb: cva([\n 'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n 'focus-visible:util-focus-borderless-ring outline-none',\n 'disabled:cursor-not-allowed',\n ]),\n output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n container: cva(\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n ),\n track: cva([\n 'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n 'border-2 border-transparent', // this increases the hit area so it is 24px\n 'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n 'group-selected/switch:bg-brand bg-input',\n 'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n ]),\n thumb: cva([\n 'pointer-events-none block size-5 rounded-full',\n 'bg-background shadow-xs',\n 'ring-0 transition-transform duration-150 ease-out-quint',\n 'group-selected/switch:translate-x-4 translate-x-0',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n table: cva(\n 'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n {\n variants: {\n variant: {\n default: '',\n grid: '',\n },\n },\n }\n ),\n thead: cva(\n // for sticky header\n 'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n {\n variants: {\n variant: {\n default: '',\n grid: '',\n },\n },\n }\n ),\n headerRow: cva(['border-border border-b'], {\n variants: {\n variant: {\n default: '',\n grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n muted: 'bg-muted',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'h-12 px-3 align-middle font-medium text-muted-foreground',\n 'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n ],\n {\n variants: {\n variant: {\n default: '[&:has([type=checkbox])]:pr-0',\n grid: '',\n muted: 'border-t',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n body: cva('[&_tr:last-child]:border-0'),\n row: cva(\n [\n 'border-b border-border transition-colors',\n 'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n 'data-disabled:cursor-not-allowed',\n ],\n {\n variants: {\n variant: {\n default: 'aria-[selected=true]:bg-muted',\n grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n admin: [\n 'bg-access-admin',\n '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n '[&_td:first-child:before]:bg-access-admin-foreground',\n ],\n master: [\n 'bg-access-master',\n '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n '[&_td:first-child:before]:bg-access-master-foreground',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n variants: {\n variant: {\n default: '[&:has([type=checkbox])]:pr-0',\n grid: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n container: cva('flex flex-col gap-2'),\n tabsList: cva([\n 'text-muted-foreground',\n 'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n ]),\n tab: cva([\n 'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n '[&_svg]:shrink-0',\n 'focus-visible:util-focus-ring outline-none',\n 'hover:bg-hover hover:text-foreground',\n 'disabled:pointer-events-none disabled:opacity-50',\n 'data-selected:text-foreground data-selected:hover:bg-hover',\n 'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n ]),\n tabpanel: cva([\n 'py-4 rounded-sm',\n 'focus-visible:util-focus-ring outline-none',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n container: cva([\n 'flex gap-3',\n // prevent layout jumps when a smaller empty state is shown (min height is set to height of tags)\n 'min-h-7',\n ]),\n tag: cva([\n 'relative inline-flex items-center gap-[7px]',\n 'border border-solid border-input rounded-lg',\n 'font-medium text-xs',\n 'h-7 px-2 cursor-default',\n 'bg-background',\n 'selected:text-white selected:bg-brand',\n 'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n 'focus-visible:util-focus-ring outline-none',\n ]),\n closeButton: cva([\n 'size-4',\n 'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n ]),\n listItems: cva([\n 'flex flex-wrap gap-1',\n // mb-0 prevents whitespace when the hidden field is rendered\n 'mb-0',\n ]),\n removeAll: cva([\n 'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n 'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n 'focus-visible:util-focus-ring outline-none',\n 'cursor-pointer',\n 'text-link text-xs util-touch-hitbox',\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n inputContainer,\n inputDisabled,\n inputInvalid,\n inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n inputContainer,\n inputInvalid,\n 'focus:util-focus-ring outline-none',\n inputDisabled,\n inputReadOnly,\n 'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n variants: {\n variant: {\n default: '',\n muted: 'text-muted-foreground',\n },\n size: {\n // Adding a default here, which beasically acts as an inherit\n default: '',\n xs: 'text-xs',\n sm: 'text-sm',\n base: 'text-base',\n lg: 'text-lg',\n xl: 'text-xl',\n '2xl': 'text-2xl',\n '3xl': 'text-3xl',\n '4xl': 'text-4xl',\n '5xl': 'text-5xl',\n '6xl': 'text-6xl',\n '7xl': 'text-7xl',\n '8xl': 'text-8xl',\n '9xl': 'text-9xl',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n toast: cva([\n 'z-50',\n 'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n 'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n 'p-4',\n ]),\n title: cva([\n 'text-sm font-medium',\n '[grid-area:title]',\n 'flex items-center mb-0',\n ]),\n description: cva([\n 'text-muted-foreground text-sm',\n '[grid-area:description] mt-0',\n ]),\n closeButton: cva([\n '[grid-area:close] row-end-1',\n 'ml-2',\n 'flex items-center justify-center',\n 'size-5 rounded transition-[color,box-shadow] outline-none',\n 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n ]),\n icon: cva(\n [\n '[grid-area:icon]',\n 'flex items-center justify-center',\n 'h-5 w-5 leading-none',\n ],\n {\n variants: {\n variant: {\n default: '',\n success: 'text-success-muted-accent',\n warning: 'text-warning-muted-accent',\n info: 'text-info-muted-accent',\n error: 'text-destructive-muted-accent',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n content: cva(['contents']),\n 'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n 'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n 'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n 'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n top: cva([\n 'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n ]),\n bottom: cva([\n 'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n ]),\n action: cva(['[grid-area:action] flex items-start pl-4']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n container: cva(\n [\n 'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n 'placement-top:mb-2',\n 'placement-bottom:mt-2',\n 'placement-right:ml-2',\n 'placement-left:mr-2',\n ],\n {\n variants: {\n variant: {\n default: 'text-brand-foreground bg-brand border-brand',\n white: 'text-secondary-foreground border-border bg-white',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n\n arrow: cva(\n [\n // right\n 'data-[placement=right]:[&_svg]:rotate-90',\n // left\n 'data-[placement=left]:[&_svg]:-rotate-90',\n // bottom\n 'data-[placement=bottom]:[&_svg]:rotate-180',\n ],\n {\n variants: {\n variant: {\n default: 'fill-brand stroke-brand',\n white: 'fill-white stroke-border ',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n container: cva('grid place-items-center text-brand', {\n variants: {\n variant: {\n default: '',\n inverted: 'text-secondary',\n },\n size: {\n default: 'size-20',\n large: 'size-36',\n fit: 'size-full',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n loader: cva('size-full', {\n variants: {\n variant: {\n default: '',\n inverted: '',\n },\n size: {\n default: '',\n large: '',\n fit: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n container: cva(\n [\n 'flex flex-wrap items-center gap-1.5 wrap-break-word text-sm sm:gap-2.5 text-muted-foreground',\n ],\n {\n variants: {\n variant: {\n default: '',\n },\n size: {\n small: 'text-xs',\n default: 'text-sm',\n large: 'text-base',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n item: cva('inline-flex items-center gap-1.5 sm:gap-2.5'),\n link: cva('transition-colors hover:text-foreground cursor-pointer'),\n current: cva('font-normal text-foreground'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n container: cva('space-y-2 '),\n dropZone: cva(\n 'data-[drop-target=true]:bg-muted border-input has-[input:focus]:border-ring has-[input:focus]:ring-ring/50 relative flex min-h-52 flex-col items-center overflow-hidden rounded-xl border border-dashed p-4 transition-colors not-data-[files]:justify-center has-[input:focus]:ring-[3px]'\n ),\n dropZoneContent: cva(\n 'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center'\n ),\n dropZoneLabel: cva('text-sm font-medium'),\n item: cva('flex min-w-0 flex-col gap-0.5'),\n itemLabel: cva('truncate text-[13px] font-medium'),\n itemDescription: cva('text-muted-foreground text-xs'),\n};\n","export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n name: 'rui',\n components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,MAAaA,YAAyC;CACpD,sCAAe,YAAY;EACzB,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,iCAAU,wDAAwD;EAChE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,0DAEA,iDACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,mCACE;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,kCACE,uFACD;CACD,oCAAa,OAAO;CACpB,iCACE,4EACD;CACF;;;;ACrDD,MAAaC,mCACX,CACE,kHACA,6CACD,EACD;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACT,MAAM;EACN,OAAO;EACP,OACE;EACF,QACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;;;;ACvBD,MAAaC,oCACX;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WACE;GACF,aACE;GACF,qBAAqB;GACrB,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC1FD,MAAaC,kCAAmC,CAAC,iBAAiB,EAAE;CAClE,UAAU;EACR,SAAS;GACP,SAAS;GACT,QAAQ;GACR,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;;;;ACjBF,MAAaC,WAAuC;CAClD,qCAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,sCAAe,gDAAgD;CAC/D,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,mCAAY;CACb;;;;AChBD,MAAaC,WAAuC;CAClD,qCACE,8EACD;CACD,yCAAkB;EAChB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,gDAAyB;EACvB;EACA;EACA;EACA;EACD,CAAC;CACF,2CAAoB,CAClB,qEACD,CAAC;CACF,yCAAkB,aAAa;CAC/B,kDAA2B;EACzB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrCD,MAAaC,yCAAiD;CAC5D;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,sCACX,mCACD;;;;ACFD,MAAaC,cAA6C;CACxD,uCAAgB;CAChB,oCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACP;GACD,MAAM,EACJ,SAAS,WACV;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,qCAAc;CACf;;;;AC3BD,MAAaC,iBAAmD;CAC9D,oCACE;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,MAAM;IACN,MAAM;IACP;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACR;GACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,oCAAa;EACX;EACA;EACA;EACD,CAAC;CACF,sCAAe,GAAG;CAClB,kCAAW,6BAA6B;CACxC,oCAAa,UAAU;CACxB;;;;AChCD,MAAa,iBACX;AACF,MAAa,gBACX;AACF,MAAa,eACX;AAEF,MAAa,gBAAgB;AAE7B,MAAaC,QAAiC;CAC5C,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,iCAAU,CACR,8BACA,0DACD,CAAC;CACF,mCAAY,CAAC,6BAA6B,CAAC;CAC5C;;;;ACvBD,MAAaC,YAAyC;CACpD,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,oCAAa;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCACE,+FACD;CACF;;;;AC/BD,MAAaC,wCAA+C;CAC1D;CACA;CACA;CACA;CACD,CAAC;;;;ACLF,MAAaC,SAAmC;CAC9C,wCAAiB,CAAC,0BAA0B,UAAU,CAAC;CACvD,sCACE,CACE,sDACA,uBACD,EACD,EACE,UAAU;EACR,SAAS,EAAE;EAEX,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,QAAQ;GACT;EACF,EACF,CACF;CACD,mCAAY,+CAA+C;CAC3D,kCAAW,6BAA6B;CACxC,oCAAa,gCAAgC;CAC7C,oCAAa,8DAA8D;CAC5E;;;;ACvBD,MAAaC,qCAAyC,yBAAyB;CAC7E,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACVF,MAAaC,SAAmC;CAC9C,oCAAa;EACX;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,sCACE;EACE;EACA;EACA;EACD,EACD,EACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF,EACF,CACF;CACD,wCAAiB,CAAC,iCAAiC,SAAS,CAAC;CAC7D,mCAAY,mCAAmC;CAC/C,kCAAW,0BAA0B;CACrC,oCAAa,yCAAyC;CACtD,oCACE,mEACD;CACF;;;;AC/BD,MAAaC,wCAA+C,IAAI,EAC9D,UAAU,EACR,SAAS,EACP,YACE,yWACH,EACF,EACF,CAAC;;;;ACPF,MAAaC,mCAAqC,YAAY;;;;ACA9D,MAAaC,sCAA2C,IAAI,EAC1D,UAAU,EACR,MAAM;CACJ,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ,EACF,EACF,CAAC;;;;ACXF,MAAaC,WAAuC;CAClD,sCAAe;EACb;EACA;EAKA;EACD,CAAC;CACF,iCAAU,GAAG;CACd;;;;ACXD,MAAaC,mCAAqC;CAChD;CACA;CACA;CAGA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,kCACX,sCACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;;;;AClBD,MAAaC,OAA+B;CAC1C,+BAAQ,mEAAmE;EACzE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,+BACE,sEACA;EACE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,iCAAU,GAAG;CACd;;;;AC3BD,MAAaC,UAAqC;CAChD,sCAAe,CACb,yFACD,CAAC;CACF,iCAAU,CAAC,iDAAiD,CAAC;CAC7D,iCAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,oCAAa,GAAG;CAChB,mCACE,+GACD;CACF;;;;ACnBD,MAAaC,OAA+B;CAC1C,sCAAe,CACb,mEACD,CAAC;CACF,iCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,aAAa;GACd,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,oCACE,qGACD;CACD,mCACE;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,SACE;IACF,OAAO;IACR;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACP;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACF;;;;ACpDD,MAAaC,mCACX;CACE;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACF,CACF;;;;AClBD,MAAaC,cAA6C;CACxD,kCAAW,YAAY;CACvB,sCAAe;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,wCACE,gFACD;CACD,iCAAU,SAAS;CACnB,0CAAmB,CAAC,mDAAmD,CAAC;CACxE,iCAAU,oCAAoC;CAC9C,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,2CAAoB,QAAQ;CAC7B;;;;AC5CD,MAAaC,cAA6C;CACxD,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,oCAAa;EACX;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrBD,MAAaC,qCAAyC;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACRF,MAAaC,QAAiC;CAC5C,sCAAe,0CAA0C;CACzD,kCAAW,CACT,6CACA,wFACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCAAY;CACb;;;;ACdD,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,aAA2C;CACtD,sCAAe,6CAA6C;CAC5D,6CAAsB;EACpB,GAAG;EACH;EACA;EAKA;EACD,CAAC;CACF,uCAAgB;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,iCAAU,UAAU;CACpB,qCAAc,2DAA2D;CAC1E;;;;AC5BD,MAAaC,iBAAmD;CAC9D,sCAAe,qBAAqB;EAClC,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAY,IAAI;EACd,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,kCAAW,uBAAuB;CACnC;;;;ACpCD,MAAaC,iBAAmD;CAC9D,sCACE,CACE,2HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,kCAAW,sBAAsB;CACjC,oCAAa,uDAAuD;EAClE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,iCAAU,+CAA+C;EACvD,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACH;;;;ACtDD,MAAaC,SAAmC;CAC9C,iCAAU,2BAA2B;CACrC,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACD,CAAC;CACH;;;;AClBD,MAAaC,SAAmC;CAC9C,sCAAe,uBAAuB;CACtC,kCAAW,CACT,qNACD,CAAC;CACF,0CAAmB,CACjB,uGACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,mCAAY,0BAA0B;CACvC;;;;ACdD,MAAaC,SAAmC;CAC9C,sCACE,gEACD;CACD,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACjBD,MAAaC,QAAiC;CAC5C,kCACE,6JACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,kCAEE,gDACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,sCAAe,CAAC,yBAAyB,EAAE;EACzC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,mCACE,CACE,4DACA,2DACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,iCAAU,6BAA6B;CACvC,gCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;IACL;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,iCAAU,gEAAgE;EACxE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AChGD,MAAaC,OAA+B;CAC1C,sCAAe,sBAAsB;CACrC,qCAAc,CACZ,yBACA,wEACD,CAAC;CACF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,qCAAc,CACZ,mBACA,6CACD,CAAC;CACH;;;;ACnBD,MAAaC,MAA6B;CACxC,sCAAe,CACb,cAEA,UACD,CAAC;CACF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,wCAAiB,CACf,UACA,qFACD,CAAC;CACF,sCAAe,CACb,wBAEA,OACD,CAAC;CACF,sCAAe;EACb;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC1BD,MAAaC,sCAA2C;CACtD;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACbF,MAAaC,kCAAmC,IAAI;CAClD,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR;EACD,MAAM;GAEJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;;;;AC5BF,MAAaC,QAAiC;CAC5C,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,wCAAiB,CACf,iCACA,+BACD,CAAC;CACF,wCAAiB;EACf;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,iCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,oCAAa,CAAC,WAAW,CAAC;CAC1B,0CAAmB,CAAC,8CAA8C,CAAC;CACnE,2CAAoB,CAAC,+CAA+C,CAAC;CACrE,uCAAgB,CAAC,mCAAmC,CAAC;CACrD,wCAAiB,CAAC,oCAAoC,CAAC;CACvD,gCAAS,CACP,kGACD,CAAC;CACF,mCAAY,CACV,6GACD,CAAC;CACF,mCAAY,CAAC,2CAA2C,CAAC;CAC1D;;;;ACzDD,MAAaC,UAAqC;CAChD,sCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CAED,kCACE;EAEE;EAEA;EAEA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACF;;;;AC3CD,MAAaC,sCAA2C,mBAAmB;;;;ACA3E,MAAaC,SAAmC;CAC9C,sCAAe,sCAAsC;EACnD,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAY,aAAa;EACvB,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,kCAAW,uBAAuB;CACnC;;;;ACnCD,MAAaC,cAA6C;CACxD,sCACE,CACE,+FACD,EACD;EACE,UAAU;GACR,SAAS,EACP,SAAS,IACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,iCAAU,+CAA+C;CACzD,iCAAU,yDAAyD;CACnE,oCAAa,8BAA8B;CAC5C;;;;AC1BD,MAAaC,YAAyC;CACpD,sCAAe,aAAa;CAC5B,qCACE,6RACD;CACD,4CACE,wEACD;CACD,0CAAmB,sBAAsB;CACzC,iCAAU,gCAAgC;CAC1C,sCAAe,mCAAmC;CAClD,4CAAqB,gCAAgC;CACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEXD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
1
+ {"version":3,"file":"index.cjs","names":["Accordion: ThemeComponent<'Accordion'>","ActionBar: ThemeComponent<'ActionBar'>","Autocomplete: ThemeComponent<'Autocomplete'>","Badge: ThemeComponent<'Badge'>","Button: ThemeComponent<'Button'>","Card: ThemeComponent<'Card'>","Checkbox: ThemeComponent<'Checkbox'>","Calendar: ThemeComponent<'Calendar'>","CloseButton: ThemeComponent<'CloseButton'>","ComboBox: ThemeComponent<'ComboBox'>","Collapsible: ThemeComponent<'Collapsible'>","ContextualHelp: ThemeComponent<'ContextualHelp'>","DateField: ThemeComponent<'DateField'>","DatePicker: ThemeComponent<'DatePicker'>","Dialog: ThemeComponent<'Dialog'>","Divider: ThemeComponent<'Divider'>","Drawer: ThemeComponent<'Drawer'>","EmptyState: ThemeComponent<'EmptyState'>","IconButton: ThemeComponent<'IconButton'>","Input: ThemeComponent<'Input'>","Field: ThemeComponent<'Field'>","Headline: ThemeComponent<'Headline'>","HelpText: ThemeComponent<'HelpText'>","Label: ThemeComponent<'Label'>","Link: ThemeComponent<'Link'>","List: ThemeComponent<'List'>","ListBox: ThemeComponent<'ListBox'>","Menu: ThemeComponent<'Menu'>","Modal: ThemeComponent<'Modal'>","MultiSelect: ThemeComponent<'MultiSelect'>","NumberField: ThemeComponent<'NumberField'>","Popover: ThemeComponent<'Popover'>","Radio: ThemeComponent<'Radio'>","Pagination: ThemeComponent<'Pagination'>","ProgressCircle: ThemeComponent<'ProgressCircle'>","SectionMessage: ThemeComponent<'SectionMessage'>","Select: ThemeComponent<'Select'>","Slider: ThemeComponent<'Slider'>","Switch: ThemeComponent<'Switch'>","Table: ThemeComponent<'Table'>","LegacyTable: ThemeComponent<'LegacyTable'>","Tabs: ThemeComponent<'Tabs'>","Tag: ThemeComponent<'Tag'>","TagField: ThemeComponent<'TagField'>","TextArea: ThemeComponent<'TextArea'>","Text: ThemeComponent<'Text'>","Toast: ThemeComponent<'Toast'>","Tooltip: ThemeComponent<'Tooltip'>","Tray: ThemeComponent<'Tray'>","Underlay: ThemeComponent<'Underlay'>","Loader: ThemeComponent<'Loader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","FileField: ThemeComponent<'FileField'>","ToggleButton: ThemeComponent<'ToggleButton'>","theme: Theme"],"sources":["../src/components/Accordion.styles.ts","../src/components/ActionBar.styles.ts","../src/components/Autocomplete.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/EmptyState.styles.ts","../src/components/IconButton.styles.ts","../src/components/Input.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/LegacyTable.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TagField.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Tray.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/ToggleButton.styles.ts","../src/components/index.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n container: cva('flex-col', {\n variants: {\n variant: {\n default: '',\n card: 'space-y-2',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n item: cva('', {\n variants: {\n variant: {\n default: ['bg-background border-b last:border-b-0 border-border'],\n card: [\n 'ui-surface shadow-elevation-raised py-1 outline-none',\n // Show focus border when the trigger is focused\n 'has-[[slot=trigger]:focus-visible]:ui-state-focus outline-none',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'flex w-full items-center justify-between gap-4 py-2 rounded-md cursor-pointer text-foreground',\n 'text-left text-base font-semibold leading-6 transition-all',\n 'hover:no-underline',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n ],\n {\n variants: {\n variant: {\n default: 'focus-visible:ui-state-focus outline-none',\n card: 'px-4 outline-none',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n panel: cva(\n 'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250'\n ),\n content: cva('pb-2', {\n variants: {\n variant: {\n default: '',\n card: 'px-4',\n },\n },\n }),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-250'\n ),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const ActionBar: ThemeComponent<'ActionBar'> = {\n container: cva([\n 'relative w-fit',\n 'flex items-center justify-between justify-items-center gap-4',\n 'px-6 py-3',\n 'shadow-lg',\n 'bg-brand text-brand-foreground border-brand',\n 'rounded-lg font-medium transition-colors',\n 'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n ]),\n count: cva(['flex items-center', 'text-sm font-medium', 'whitespace-nowrap']),\n actions: cva([\n 'flex items-center gap-2',\n 'flex-1 justify-center',\n 'overflow-x-auto',\n ]),\n clearButton: cva(['shrink-0', 'size-8', 'transition-colors']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Autocomplete: ThemeComponent<'Autocomplete'> = {\n mobileTrigger: cva('group/input relative flex items-center'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n [\n 'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n 'focus-visible:state-focus outline-none',\n 'has-[svg]:gap-1',\n ],\n {\n variants: {\n variant: {\n default: 'bg-muted text-foreground border border-border',\n primary: 'bg-brand text-brand-foreground ',\n success: 'bg-success-muted text-success-muted-foreground',\n warning: 'bg-warning-muted text-warning-muted-foreground',\n info: 'bg-info-muted text-info-muted-foreground',\n error: 'bg-destructive-muted text-destructive-muted-foreground',\n admin:\n 'text-access-admin-foreground border border-access-admin-foreground bg-background',\n master:\n 'text-access-master-foreground border border-access-master-foreground bg-background',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\n// Shared base styles for Button and ToggleButton\nexport const buttonBase = [\n 'inline-flex items-center justify-center gap-2',\n 'whitespace-nowrap rounded-surface font-medium transition-[color,box-shadow,transform]',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n 'cursor-pointer',\n] as const;\n\nexport const Button: ThemeComponent<'Button'> = cva(\n [\n ...buttonBase,\n 'duration-150 active:scale-[0.97] pressed:not-expanded:scale-[0.97]',\n 'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n ],\n {\n variants: {\n variant: {\n primary: 'bg-brand text-brand-foreground hover:bg-brand/90',\n secondary: [\n 'ui-surface shadow-elevation-border',\n 'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n 'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n 'expanded:[--ui-background-color:var(--color-hover)]',\n ],\n ghost: 'hover:bg-hover hover:text-foreground',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n 'destructive-ghost': 'text-destructive hover:bg-destructive/10',\n link: 'text-link util-touch-hitbox',\n },\n size: {\n default: 'text-sm',\n small: 'text-xs',\n large: '',\n icon: '',\n },\n },\n defaultVariants: {\n variant: 'secondary',\n size: 'default',\n },\n compoundVariants: [\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n class: 'items-center justify-center',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'default',\n class: 'h-button p-squish-relaxed [&_svg]:size-4',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: [\n 'primary',\n 'secondary',\n 'destructive',\n 'ghost',\n 'destructive-ghost',\n ],\n size: 'icon',\n class: 'size-button [&_svg]:size-4',\n },\n ],\n }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(['p-4 rounded-md'], {\n variants: {\n variant: {\n default: 'ui-surface shadow-elevation-raised',\n master: 'bg-access-master/30 border border-access-master',\n admin: 'bg-access-admin/30 border border-access-admin',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n checkbox: cva([\n 'grid size-4 shrink-0 place-content-center rounded',\n 'border border-input shadow-xs',\n 'group-focus-visible/checkbox:ui-state-focus group-focus-visible/checkbox:border-(--ui-border-color) outline-none',\n 'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n 'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n 'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n ]),\n container: cva('cursor-pointer read-only:cursor-default gap-2'),\n label: cva([\n 'flex items-center gap-1',\n 'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foreground',\n 'group-disabled/checkbox:text-disabled-foreground',\n ]),\n group: cva('flex flex-col gap-1'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n calendar: cva([\n 'ui-surface shadow-elevation-border p-2',\n // In a Popover\n 'group-data-trigger/popover:shadow-elevation-overlay',\n // In a Tray\n 'group-[[role=dialog]]/tray:shadow-none group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:p-0 group-[[role=dialog]]/tray:place-self-center',\n ]),\n calendarContainer: cva('flex gap-4'),\n calendarMonth: cva('min-w-[250px] flex-1'),\n calendarCell: cva([\n 'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n 'border border-transparent p-0 text-sm font-normal text-foreground',\n 'outline-offset-2 duration-150 transition-all',\n 'selected:bg-brand selected:text-brand-foreground',\n 'data-hovered:bg-hover data-hovered:text-foreground',\n 'data-focus-visible:z-10 focus-visible:ui-state-focus outline-none',\n 'disabled:pointer-events-none disabled:opacity-30',\n 'unavailable:pointer-events-none unavailable:opacity-30 unavailable:line-through',\n 'outside-month:hidden',\n ]),\n calendarControllers: cva([\n 'size-9 rounded-lg',\n 'text-muted-foreground/80',\n 'transition-colors',\n 'focus-visible:ui-state-focus outline-none',\n ]),\n calendarHeader: cva([\n 'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n ]),\n calendarGrid: cva('[&_td]:p-2 [&_td]:group-[[role=dialog]]/tray:p-0.75'),\n calendarListboxButton: cva([\n 'rounded-md text-sm font-medium transition-[color,box-shadow]',\n 'px-4 py-2',\n 'focus-visible:ui-state-focus outline-none',\n 'cursor-pointer',\n 'hover:bg-hover',\n 'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n ]),\n select: cva([\n '[&svg]:text-muted-foreground/80',\n 'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n 'focus-visible:ui-state-focus outline-none',\n 'h-input',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n 'cursor-pointer',\n ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n 'flex items-center justify-center whitespace-nowrap',\n 'cursor-pointer',\n 'transition-[color,box-shadow]',\n 'focus-visible:ui-state-focus outline-none',\n 'rounded-full',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97] transition-transform',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = {\n icon: cva('text-muted-foreground/80 right-2'),\n mobileTrigger: cva('group/input relative flex items-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n container: cva(),\n trigger: cva(\n [\n 'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97]',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n 'cursor-pointer',\n ],\n {\n variants: {\n variant: {\n default: '',\n link: 'text-link util-touch-hitbox',\n },\n size: {\n default: 'text-sm',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n trigger: cva(\n [\n 'inline-flex items-center justify-center rounded-full transition-[color,box-shadow]',\n 'hover:util-focus-ring hover:text-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'focus-visible:ui-state-focus outline-none',\n 'cursor-pointer util-touch-hitbox',\n ],\n {\n variants: {\n variant: {\n help: '',\n info: '',\n },\n size: {\n default: '[&_svg]:size-4',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n container: cva([\n 'outline-none',\n 'ui-surface shadow-elevation-overlay util-scrollbar',\n 'p-5',\n 'data-small:max-w-3xs data-medium:max-w-xs data-large:max-w-md',\n ]),\n title: cva('text-lg font-semibold mb-1'),\n content: cva('text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n field: cva([\n 'ui-surface shadow-elevation-border h-input',\n 'flex items-center',\n 'disabled:ui-state-disabled',\n 'group-read-only/field:ui-state-readonly',\n 'has-focus:ui-state-focus',\n // Need to set error ring manually to override focus ring\n 'has-invalid:ui-state-error has-focus:has-invalid:ring-destructive/20',\n ]),\n input: cva(['ui-input', 'cursor-text']),\n segment: cva([\n 'inline rounded p-0.5 text-foreground caret-transparent outline-0 type-literal:px-0 data-focused:data-placeholder:text-foreground data-focused:text-foreground type-literal:text-placeholder',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n 'data-focused:bg-focus',\n 'data-placeholder:disabled:text-disabled-foreground',\n 'invalid:data-focused:bg-destructive invalid:data-focused:data-placeholder:text-destructive-foreground invalid:data-focused:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-placeholder:text-placeholder',\n 'group/segment',\n 'outline-0',\n 'whitespace-pre',\n 'data-placeholder:text-placeholder text-foreground data-focused:bg-focus data-focused:text-foreground rounded leading-none',\n ]),\n action: cva(\n 'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n 'h-input pr-3',\n 'text-muted-foreground/80',\n 'hover:text-brand',\n 'disabled:cursor-not-allowed',\n 'util-touch-hitbox',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n container: cva(\n [\n 'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n 'ui-surface shadow-elevation-overlay util-scrollbar',\n ],\n {\n variants: {\n variant: {},\n // Does not do anything, just to make the size appear in the appearance demo (Modal is setting the size)\n size: {\n xsmall: '',\n small: '',\n medium: '',\n },\n },\n }\n ),\n header: cva('flex flex-col gap-1 text-center sm:text-left'),\n title: cva('text-lg font-semibold mb-1'),\n content: cva('text-muted-foreground text-sm'),\n actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n variants: {\n variant: {\n default: '',\n bold: 'h-0.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n overlay: cva([\n 'group/overlay',\n 'placement-top:w-full placement-top:entering:animate-slide-in-top placement-top:exiting:animate-slide-out-top placement-top:top-0 placement-top:left-0',\n 'placement-bottom:w-full placement-bottom:entering:animate-slide-in-bottom placement-bottom:exiting:animate-slide-out-bottom placement-bottom:bottom-0 placement-bottom:left-0',\n 'placement-left:entering:animate-slide-in-left placement-left:exiting:animate-slide-out-left placement-left:top-0 placement-left:left-0',\n 'placement-right:entering:animate-slide-in-right placement-right:exiting:animate-slide-out-right placement-right:top-0 placement-right:right-0',\n ]),\n container: cva(\n [\n 'w-full relative grid-rows-[auto_1fr_auto]',\n // TODO: if we keep placement we need direction aware shadows\n 'bg-surface border-surface-border shadow-elevation-overlay util-scrollbar',\n 'placement-right:border-l placement-left:border-r placement-top:border-b placement-bottom:border-t',\n 'placement-top:w-full placement-bottom:w-full',\n ],\n {\n variants: {\n size: {\n xsmall: 'w-64 placement-top:sm:h-48 placement-bottom:sm:h-48',\n small: 'w-72 placement-top:sm:h-64 placement-bottom:sm:h-64',\n medium: 'w-96 placement-top:sm:h-80 placement-bottom:sm:h-80',\n },\n },\n }\n ),\n closeButton: cva(['absolute top-3.5 right-3', 'size-7']),\n header: cva('border-border border-b px-6 py-4'),\n title: cva('font-semibold text-base'),\n content: cva('px-6 py-4 overflow-y-auto outline-none'),\n actions: cva(\n 'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const EmptyState: ThemeComponent<'EmptyState'> = {\n container: cva(['mx-auto flex max-w-sm flex-col items-center p-6']),\n title: cva(['text-lg']),\n description: cva(['text-muted-foreground text-sm text-center']),\n action: cva(['mt-6']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n variants: {\n variant: {\n navigation:\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n },\n },\n});\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Input: ThemeComponent<'Input'> = {\n input: cva([\n 'ui-surface shadow-elevation-border ui-input',\n 'disabled:ui-state-disabled',\n 'group-read-only/field:ui-state-readonly',\n 'invalid:ui-state-error',\n 'focus:ui-state-focus outline-none',\n 'group-read-only/field:cursor-default',\n 'group-data-icon/input:pl-8',\n 'group-data-action/input:pr-7',\n\n // [type=file] styles\n '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:h-[calc(var(--spacing-input)-2px)] [&[type=file]]:pl-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n 'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n\n // [type-color] styles\n '[&[type=color]]:h-input',\n '[&::-webkit-color-swatch-wrapper]:p-0',\n '[&::-webkit-color-swatch]:p-2 [&::-moz-color-swatch]:p-2',\n '[&::-webkit-color-swatch]:rounded-[inherit] [&::-moz-color-swatch]:rounded-[inherit]',\n '[&::-webkit-color-swatch]:border-0 [&::-moz-color-swatch]:border-0',\n ]),\n icon: cva([\n 'pointer-events-none left-2.5',\n 'text-muted-foreground disabled:text-disabled-foreground',\n 'disabled:text-gray-50',\n ]),\n action: cva(['text-muted-foreground pr-1 right-2']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n variants: {\n size: {\n 'level-1': 'text-3xl font-extrabold',\n 'level-2': 'text-2xl font-bold',\n 'level-3': 'text-xl font-semibold',\n 'level-4': 'text-lg font-semibold',\n 'level-5': 'text-base font-medium',\n 'level-6': 'text-base font-normal',\n },\n },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n container: cva([\n 'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n 'group-invalid/field:text-destructive',\n /**\n * Removes the spacing from the field when when there are hidden\n * elements (e.g. the hidden select rendered by react-aria).\n */\n 'has-[+_[aria-hidden=true]]:mb-0',\n ]),\n icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva([\n 'flex items-center gap-1',\n 'text-sm font-medium leading-none text-foreground',\n 'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n\n // required indicator\n 'group-required/field:after:content-[\"*\"]',\n 'group-required/field:after:-ml-1',\n 'group-required/field:after:text-destructive',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n 'aria-[disabled]:cursor-not-allowed',\n {\n variants: {\n variant: {\n default: 'text-link font-normal',\n secondary: 'font-medium text-foreground underline hover:no-underline',\n },\n size: {\n default: '',\n small: 'text-sm',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('ml-6 list-outside list-disc space-y-1 marker:text-foreground/50', {\n variants: {\n size: {\n default: '',\n small: '*:text-sm',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }),\n ol: cva(\n 'ml-6 list-outside list-decimal space-y-1 marker:text-foreground/50',\n {\n variants: {\n size: {\n default: '',\n small: '*:text-sm',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n item: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n container: cva([\n 'flex ui-surface',\n // Standalone\n 'not-group-data-trigger/popover:',\n // In a Popover\n 'group-data-trigger/popover:shadow-elevation-overlay',\n 'group-data-trigger/popover:w-full',\n 'group-data-trigger/popover:overflow-hidden',\n // In a Tray\n 'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n ]),\n list: cva(['p-1 text-sm outline-0 space-y-px overflow-y-auto w-full']),\n item: cva([\n 'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n 'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n 'hover:bg-hover hover:text-hover-foreground',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n 'focus-visible:ui-state-focus outline-none focus-visible:z-1 transition-[border,color]',\n 'cursor-default data-selection-mode:cursor-pointer',\n '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n ]),\n section: cva(''),\n header: cva(\n '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n container: cva([\n 'ui-surface shadow-elevation-overlay w-full',\n 'text-foreground overflow-hidden p-1 outline-none',\n // In a Tray\n 'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n ]),\n item: cva(\n [\n 'relative flex cursor-pointer items-center gap-2 rounded-[calc(var(--radius-surface)-3px)] p-2 text-sm outline-hidden select-none text-nowrap',\n 'disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n ],\n {\n variants: {\n variant: {\n default: 'text-foreground focus:bg-focus [&_svg]:opacity-60',\n destructive: 'text-destructive focus:bg-destructive/10',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n section: cva(\n 'text-muted-foreground p-2 text-xs font-medium border-t border-t-border in-first:border-t-0'\n ),\n button: cva(\n [\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium',\n 'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n 'cursor-pointer',\n '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n ],\n {\n variants: {\n variant: {\n default: 'ui-surface expanded:bg-hover',\n ghost:\n 'hover:bg-hover hover:text-foreground expanded:bg-hover rounded-surface',\n },\n size: {\n default: 'h-button px-4 py-2 [&_svg]:size-4',\n small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n large: 'h-button-large px-8 [&_svg]:size-5',\n icon: 'size-button [&_svg]:size-4',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n [\n 'sm:max-h-[min(640px,80vh)]',\n '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n 'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n ],\n {\n variants: {\n size: {\n xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n small: '[--dialog-width:640px]', // sm breakpoint\n medium: '[--dialog-width:768px]', // md breakpoint\n },\n },\n defaultVariants: {\n size: 'small',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n field: cva('space-y-2'),\n container: cva([\n 'ui-surface',\n 'px-3 text-sm text-foreground transition-shadow',\n 'border border-input rounded-lg outline-hidden',\n 'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n 'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n 'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n 'has-[input[aria-readonly=true]]:bg-muted',\n 'min-h-input',\n ]),\n\n input: cva([\n 'bg-transparent flex-1 h-full',\n 'leading-loose',\n 'data-[focused]:outline-hidden outline-hidden border-0',\n 'disabled:cursor-not-allowed',\n 'group-data-[icon]/input:pl-5',\n 'group-data-[action]/input:pr-8',\n 'placeholder:text-placeholder',\n ]),\n\n tag: cva([\n 'border border-solid border-input rounded-md',\n 'bg-background',\n 'font-medium text-xs',\n 'flex items-center gap-1 ',\n 'h-7 px-2 cursor-default',\n ]),\n closeButton: cva(\n 'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n ),\n icon: cva('left-1'),\n listContainer: cva(['ui-surface shadow-elevation-overlay mt-0.5 outline-0']),\n list: cva('pointer-events-auto space-y-1 p-1'),\n option: cva([\n 'text-sm text-foreground',\n 'flex flex-col',\n 'cursor-pointer p-2 outline-hidden',\n '[&.isFocused:not([aria-disabled=true])]:text-foreground! [&.isFocused[aria-disabled=true]]:bg-transparent',\n 'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n '[&.isFocused:not([aria-disabled=true])]:bg-hover!',\n ]),\n valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n group: cva([\n 'ui-surface shadow-elevation-border h-input',\n 'has-invalid:ui-state-error',\n 'has-disabled:ui-state-disabled',\n 'group-read-only/field:ui-state-readonly',\n 'has-focus:ui-state-focus outline-none',\n ]),\n stepper: cva([\n 'w-8 h-full text-center shrink-0 grid palce-items-center',\n 'text-foreground',\n 'disabled:text-disabled-foreground disabled:bg-disabled',\n 'border-input!',\n 'first-of-type:border-r! first-of-type:rounded-l-[calc(var(--radius-lg)-1px)]',\n 'last-of-type:border-l! last-of-type:rounded-r-[calc(var(--radius-lg)-1px)]',\n ]),\n input: cva([\n 'ui-input',\n 'flex-1',\n 'group-data-stepper/field:text-center',\n 'disabled:text-disabled-foreground disabled:bg-disabled',\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n 'group/popover',\n 'outline-0',\n 'placement-top:mb-1',\n 'placement-bottom:mt-1',\n 'placement-right:ml-1',\n 'placement-left:mr-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n container: cva('group-disabled/radio:cursor-not-allowed'),\n label: cva([\n 'text-sm font-normal cursor-pointer w-full',\n 'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n ]),\n radio: cva([\n 'aspect-square size-4 rounded-full',\n 'border border-input shadow-xs',\n 'group-focus-visible/radio:ui-state-focus outline-none',\n 'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n 'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n ]),\n group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n 'focus-visible:ui-state-focus outline-none',\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'hover:bg-hover hover:text-hover-foreground',\n 'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n container: cva('flex items-center justify-center space-x-2'),\n navigationButton: cva([\n ...button,\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n 'h-9 py-2 gap-1 px-2.5',\n /**\n * Removes the spacing from the button when when there are hidden\n * elements (e.g. the hidden elements for accessibility).\n */\n 'has-[+_[hidden]]:mr-0',\n ]),\n pageButton: cva([\n ...button,\n 'bg-background size-9',\n 'data-[selected=true]:ui-surface data-[selected=true]:shadow-elevation-border',\n ]),\n icon: cva('h-4 w-4'),\n ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n container: cva('stroke-foreground', {\n variants: {\n variant: {\n default: '',\n inverted: 'stroke-secondary',\n },\n size: {\n default: '',\n large: '',\n fit: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n loader: cva('', {\n variants: {\n variant: {\n default: '',\n inverted: '',\n },\n size: {\n default: 'size-20',\n large: 'size-36',\n fit: 'size-fit',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n label: cva('text-current text-sm'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n container: cva(\n [\n \"grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close''icon_content_content']\",\n 'bg-background rounded-md border px-3 py-4',\n ],\n {\n variants: {\n variant: {\n success:\n 'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n warning:\n 'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n error:\n 'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }\n ),\n title: cva('text-sm font-medium'),\n content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n variants: {\n variant: {\n success: 'text-success-muted-foreground',\n warning: 'text-warning-muted-foreground',\n info: 'text-info-muted-foreground',\n error: 'text-destructive-muted-foreground',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }),\n icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n variants: {\n variant: {\n success: 'text-success-muted-accent',\n warning: 'text-warning-muted-accent',\n info: 'text-info-muted-accent',\n error: 'text-destructive-muted-accent',\n },\n },\n defaultVariants: {\n variant: 'info',\n },\n }),\n close: cva([\n 'size-8 text-foreground',\n '[&_svg]:size-6',\n '-my-1.5 -me-2', // align button with title\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Select: ThemeComponent<'Select'> = {\n icon: cva('text-muted-foreground/80'),\n select: cva([\n 'ui-surface shadow-elevation-border ui-input h-input ',\n 'cursor-pointer',\n 'group-invalid/field:ui-state-error',\n 'disabled:ui-state-disabled',\n 'focus-visible:ui-state-focus outline-none',\n '*:data-placeholder:text-placeholder',\n /**\n * Removes the spacing from the field when there is no\n * helptext. Spacing is applied because the select is followed\n * by a hidden select that is rendered by react-aria.\n */\n 'has-[+_[aria-hidden=true]]:mb-0',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n container: cva('*:aria-hidden:hidden'),\n track: cva([\n 'relative bg-muted rounded-lg flex w-full touch-none select-none items-center',\n 'orientation-vertical:h-full orientation-vertical:w-auto orientation-vertical:flex-col disabled:opacity-50',\n ]),\n selectedTrack: cva([\n 'absolute bg-black orientation-horizontal:h-full orientation-vertical:w-full rounded-lg',\n ]),\n thumb: cva([\n 'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n 'focus-visible:ui-state-focus outline-none',\n 'disabled:cursor-not-allowed',\n ]),\n output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n container: cva(\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n ),\n track: cva([\n 'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n 'border-2 border-transparent', // this increases the hit area so it is 24px\n 'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n 'group-selected/switch:bg-brand bg-input',\n 'group-focus-visible/switch:ui-state-focus outline-none',\n ]),\n thumb: cva([\n 'pointer-events-none block size-5 rounded-full',\n 'bg-background shadow-xs',\n 'ring-0 transition-transform duration-150 ease-out-quint',\n 'group-selected/switch:translate-x-4 translate-x-0',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n table: cva(['text-sm bg-background'], {\n variants: {\n variant: {\n default: '',\n grid: 'border-hidden',\n muted: '',\n },\n size: {\n compact: [\n '[--cell-y-padding:calc(var(--spacing)*1.5)]',\n '[--cell-x-padding:calc(var(--spacing)*2)]',\n '[--header-height:calc(var(--spacing)*8)]',\n ],\n default: [\n '[--cell-y-padding:calc(var(--spacing)*2.5)]',\n '[--cell-x-padding:calc(var(--spacing)*2.5)]',\n '[--header-height:calc(var(--spacing)*10)]',\n ],\n spacious: [\n '[--cell-y-padding:calc(var(--spacing)*4)]',\n '[--cell-x-padding:calc(var(--spacing)*4)]',\n '[--header-height:calc(var(--spacing)*12)]',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n row: cva(\n [\n 'border-border not-last:border-b',\n 'transition-[background-color]',\n 'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n 'disabled:cursor-not-allowed',\n 'data-selection-mode:cursor-pointer data-selection-mode:hover:bg-muted',\n 'dragging:opacity-50 dragging:transform-gpu',\n ],\n {\n variants: {\n variant: {\n default: '',\n grid: [\n '**:not-last:[[role=rowheader]]:border-r **:not-last:[[role=rowheader]]:border-border',\n '**:not-last:[[role=gridcell]]:border-r **:not-last:[[role=gridcell]]:border-border',\n ],\n admin: ['bg-access-admin'],\n master: ['bg-access-master'],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n\n // <thead>\n head: cva([\n // for sticky header\n 'bg-background/90',\n 'border-border border-b',\n ]),\n column: cva(\n [\n 'h-(--header-height) px-(--cell-x-padding) align-middle',\n 'font-medium text-muted-foreground',\n 'not-has-[[type=checkbox]]:has-focus-visible:outline-2 not-has-[[type=checkbox]]:has-focus-visible:-outline-offset-2 not-has-[[type=checkbox]]:has-focus-visible:outline-ring/50',\n 'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50', // This one is for the empty dragging header column\n 'aria-[sort]:hover:bg-muted aria-[sort]:hover:cursor-pointer aria-[sort]:hover:text-foreground',\n ],\n {\n variants: {\n variant: {\n default: '',\n grid: 'not-last:border-r border-border',\n muted: 'bg-muted border-t border-border',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n\n // <tbody>\n body: cva(['bg-background']),\n cell: cva([\n 'px-(--cell-x-padding) py-(--cell-y-padding)',\n 'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n 'has-[[data-cell-content]:focus-visible]:outline-2 has-[[data-cell-content]:focus-visible]:-outline-offset-2 has-[[data-cell-content]:focus-visible]:outline-ring/50',\n '**:data-cell-content:outline-none',\n ]),\n\n // Drag and drop\n dragHandle: cva([\n 'text-muted-foreground rounded size-4',\n '[&_svg]:size-4',\n 'focus-visible:util-focus-ring outline-none',\n ]),\n dragPreview: cva([\n 'px-4 py-3 bg-brand rounded-lg shadow-lg',\n 'text-sm text-brand-foreground',\n ]),\n dragPreviewCounter: cva([\n 'flex items-center justify-center rounded-full',\n 'bg-brand-foreground px-2',\n 'text-xs font-medium leading-normal text-brand',\n ]),\n dropIndicator: cva([\n 'relative',\n 'before:absolute before:inset-0 before:h-0.5 before:-translate-y-1/2 before:bg-stone-300',\n 'drop-target:before:z-10 drop-target:before:bg-stone-800',\n ]),\n\n // Editable cell\n editablePopover: cva([\n 'ui-surface ui-elevation-overlay',\n 'flex items-start justify-center gap-1 pl-1 pr-1 py-1',\n ]),\n editTrigger: cva([\n 'flex items-center justify-center',\n 'text-foreground/60',\n 'size-button aspect-square rounded-surface transition-[color,background,transform]',\n 'cursor-pointer',\n 'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97]',\n 'hover:bg-hover hover:text-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n ]),\n editCancel: cva([\n 'inline-flex items-center justify-center',\n 'min-[600px]:text-foreground/60 font-medium',\n 'text-sm h-button-small min-[600px]:size-button min-[600px]:aspect-square rounded-surface transition-[color,background,transform]',\n 'cursor-pointer',\n 'ml-1.5', // some extra spacing between buttons and field\n 'focus-visible:ui-state-focus outline-none',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97]',\n 'hover:bg-hover hover:text-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n ]),\n editSave: cva([\n 'inline-flex items-center justify-center',\n 'min-[600px]:text-foreground/60 font-medium',\n 'text-sm h-button-small min-[600px]:size-button min-[600px]:aspect-square rounded-surface transition-[color,background,transform]',\n 'cursor-pointer',\n 'focus-visible:ui-state-focus outline-none',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97]',\n 'hover:bg-hover hover:text-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4.5',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const LegacyTable: ThemeComponent<'LegacyTable'> = {\n table: cva(\n 'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n {\n variants: {\n variant: {\n default: '',\n grid: '',\n },\n },\n }\n ),\n thead: cva(\n // for sticky header\n 'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n {\n variants: {\n variant: {\n default: '',\n grid: '',\n },\n },\n }\n ),\n headerRow: cva(['border-border border-b'], {\n variants: {\n variant: {\n default: '',\n grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n muted: 'bg-muted',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'h-12 px-3 align-middle font-medium text-muted-foreground',\n 'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n ],\n {\n variants: {\n variant: {\n default: '[&:has([type=checkbox])]:pr-0',\n grid: '',\n muted: 'border-t',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n body: cva('[&_tr:last-child]:border-0 bg-background'),\n row: cva(\n [\n 'border-b border-border transition-colors',\n 'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n 'data-disabled:cursor-not-allowed',\n ],\n {\n variants: {\n variant: {\n default: 'aria-selected:bg-muted',\n grid: 'aria-selected:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n admin: [\n 'bg-access-admin',\n '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n '[&_td:first-child:before]:bg-access-admin-foreground',\n ],\n master: [\n 'bg-access-master',\n '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n '[&_td:first-child:before]:bg-access-master-foreground',\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n variants: {\n variant: {\n default: '[&:has([type=checkbox])]:pr-0',\n grid: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n container: cva('flex flex-col gap-2'),\n tabsList: cva([\n 'text-muted-foreground',\n 'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n ]),\n tab: cva([\n 'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n '[&_svg]:shrink-0',\n 'focus-visible:ui-state-focus outline-none',\n 'hover:bg-hover hover:text-foreground',\n 'disabled:pointer-events-none disabled:opacity-50',\n 'selected:text-foreground selected:hover:bg-hover',\n 'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n ]),\n tabpanel: cva([\n 'py-4 rounded-sm',\n 'focus-visible:ui-state-focus outline-none',\n ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n container: cva([\n 'flex gap-3',\n // prevent layout jumps when a smaller empty state is shown (min height is set to height of tags)\n 'min-h-7',\n ]),\n tag: cva([\n 'relative inline-flex items-center gap-1.75',\n 'ui-surface shadow-elevation-border',\n 'font-medium text-xs',\n 'h-6 px-2 cursor-default',\n 'selected:text-white selected:[--ui-background-color:var(--color-brand)]',\n 'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n 'focus-visible:ui-state-focus outline-none',\n ]),\n closeButton: cva([\n 'size-4',\n 'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n ]),\n listItems: cva([\n 'flex flex-wrap gap-1',\n // mb-0 prevents whitespace when the hidden field is rendered\n 'mb-0',\n ]),\n removeAll: cva([\n 'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n 'duration-150 active:scale-[0.97] pressed:scale-[0.97]',\n 'focus-visible:ui-state-focus outline-none',\n 'cursor-pointer',\n 'text-link text-xs util-touch-hitbox',\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TagField: ThemeComponent<'TagField'> = {\n trigger: cva([\n 'flex w-full items-center justify-between gap-1',\n 'ui-surface shadow-elevation-border ui-input h-fit min-h-input',\n 'cursor-pointer py-1',\n 'group-disabled/field:ui-state-disabled',\n 'has-focus:ui-state-focus',\n // Need to set error ring manually to override focus ring\n 'group-invalid/field:ui-state-error',\n 'has-focus:group-invalid/field:ring-destructive/20',\n ]),\n tagGroup: cva('flex flex-1 flex-wrap items-center gap-1'),\n listItems: cva('flex flex-wrap gap-1'),\n button: cva([\n 'util-touch-hitbox rounded-full [&_svg]:size-4',\n 'shrink-0 cursor-pointer outline-0',\n 'flex items-center justify-center',\n 'hover:bg-hover size-6',\n 'focus:ui-state-focus',\n 'disabled:ui-state-disabled',\n ]),\n container: cva([\n 'ui-surface shadow-elevation-border group/tagfield',\n 'flex flex-col overflow-hidden gap-1.5 p-2',\n 'w-(--tagfield-trigger-width)',\n '[&_div]:shadow-none! [&_div]:border-0!',\n ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n 'inline-flex',\n 'ui-surface shadow-elevation-border ui-input h-[initial]',\n 'disabled:ui-state-disabled',\n 'group-read-only/field:ui-state-readonly',\n 'invalid:ui-state-error',\n 'focus:ui-state-focus outline-none',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n variants: {\n variant: {\n default: '',\n muted: 'text-muted-foreground',\n },\n size: {\n // Adding a default here, which beasically acts as an inherit\n default: '',\n xs: 'text-xs',\n sm: 'text-sm',\n base: 'text-base',\n lg: 'text-lg',\n xl: 'text-xl',\n '2xl': 'text-2xl',\n '3xl': 'text-3xl',\n '4xl': 'text-4xl',\n '5xl': 'text-5xl',\n '6xl': 'text-6xl',\n '7xl': 'text-7xl',\n '8xl': 'text-8xl',\n '9xl': 'text-9xl',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n toast: cva([\n 'ui-surface shadow-elevation-overlay',\n 'max-w-sm w-full pointer-events-auto overflow-hidden text-foreground',\n 'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:state-focus outline-none\",\n 'p-4',\n ]),\n title: cva([\n 'text-sm font-medium',\n '[grid-area:title]',\n 'flex items-center mb-0',\n ]),\n description: cva([\n 'text-muted-foreground text-sm',\n '[grid-area:description] mt-0',\n ]),\n closeButton: cva([\n '[grid-area:close] row-end-1',\n 'ml-2',\n 'flex items-center justify-center',\n 'size-5 rounded transition-[color,box-shadow] outline-none',\n 'focus-visible:ui-state-focus outline-none text-muted-foreground hover:text-hover-foreground',\n ]),\n icon: cva(\n [\n '[grid-area:icon]',\n 'flex items-center justify-center',\n 'h-5 w-5 leading-none',\n ],\n {\n variants: {\n variant: {\n default: '',\n success: 'text-success-muted-accent',\n warning: 'text-warning-muted-accent',\n info: 'text-info-muted-accent',\n error: 'text-destructive-muted-accent',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n content: cva(['contents']),\n 'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n 'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n 'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n 'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n top: cva([\n 'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n ]),\n bottom: cva([\n 'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n ]),\n action: cva(['[grid-area:action] flex items-start pl-4']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n container: cva(\n [\n 'relative max-w-70 rounded-md border px-3 py-1.5 text-sm',\n 'placement-top:mb-2',\n 'placement-bottom:mt-2',\n 'placement-right:ml-2',\n 'placement-left:mr-2',\n ],\n {\n variants: {\n variant: {\n default: 'text-brand-foreground bg-brand border-brand',\n white: 'text-secondary-foreground border-input bg-white',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n\n arrow: cva(\n [\n // right\n 'placement-right:[&_svg]:rotate-90',\n // left\n 'placement-left:[&_svg]:-rotate-90',\n // bottom\n 'placement-bottom:[&_svg]:rotate-180',\n ],\n {\n variants: {\n variant: {\n default: 'fill-brand stroke-brand',\n white: 'fill-white stroke-input ',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tray: ThemeComponent<'Tray'> = {\n overlay: cva('bg-black/50 fixed inset-0 z-40 flex items-end justify-center'),\n container: cva([\n 'w-full border-0 inset-shadow-black inset-shadow-sm/20',\n 'relative grid-rows-[auto_auto_1fr_auto] max-h-[95vh] rounded-b-none',\n 'ui-surface ui-elevation-overlay',\n 'outline-hidden grid',\n \"after:absolute after:inset-x-0 after:top-full after:h-screen after:bg-background after:content-['']\",\n ]),\n dragHandle: cva('bg-surface-border mx-auto mt-2 h-1.5 w-12 rounded-full'),\n header: cva('border-border border-b px-6 py-4'),\n title: cva('font-semibold text-base'),\n content: cva('overflow-y-auto outline-none p-2'),\n actions: cva(\n 'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(['bg-black/80 px-4']);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n container: cva('grid place-items-center text-brand', {\n variants: {\n variant: {\n default: '',\n inverted: 'text-secondary',\n },\n size: {\n default: 'size-20',\n large: 'size-36',\n fit: 'size-full',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n loader: cva('size-full', {\n variants: {\n variant: {\n default: '',\n inverted: '',\n },\n size: {\n default: '',\n large: '',\n fit: '',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n container: cva(\n [\n 'flex flex-wrap items-center gap-1.5 wrap-break-word text-sm sm:gap-2.5 text-muted-foreground',\n ],\n {\n variants: {\n variant: {\n default: '',\n },\n size: {\n small: 'text-xs',\n default: 'text-sm',\n large: 'text-base',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n ),\n item: cva('inline-flex items-center gap-1.5 sm:gap-2.5'),\n link: cva('transition-colors hover:text-foreground cursor-pointer'),\n current: cva('font-normal text-foreground'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n container: cva('space-y-2 '),\n dropZone: cva([\n 'relative flex min-h-52 flex-col items-center overflow-hidden',\n 'rounded-xl border border-dashed border-surface-border',\n 'p-4 transition-[color,background] not-data-files:justify-center',\n 'data-[drop-target=true]:bg-muted',\n 'focus-visible:bg-focus/50',\n ]),\n dropZoneContent: cva(\n 'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center'\n ),\n dropZoneLabel: cva('text-sm font-medium'),\n item: cva([\n \"[grid-template-areas:'label_remove'_'description_remove'] grid-cols-[1fr_auto] gap-y-0.5 gap-x-2\",\n 'p-2',\n 'ui-surface shadow-elevation-border',\n ]),\n itemLabel: cva(['truncate text-[13px] font-medium']),\n itemDescription: cva(['text-muted-foreground text-xs']),\n itemRemove: cva(['flex items-center']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\nimport { buttonBase } from './Button.styles';\n\nexport const ToggleButton: ThemeComponent<'ToggleButton'> = {\n group: cva('group inline-flex ui-surface shadow-elevation-border', {\n variants: {\n size: {\n default: 'text-sm',\n small: 'text-xs',\n icon: '',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }),\n button: cva(\n [\n ...buttonBase,\n\n // ToggleButton-specific styles\n 'ui-surface shadow-elevation-border',\n 'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n 'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n 'selected:[--ui-background-color:var(--color-input)] selected:shadow-none',\n\n // Group-specific styles for ToggleButtonGroup\n 'in-[.group]:rounded-none in-[.group]:shadow-none in-[.group]:border-y-0 in-[.group]:border-l-0',\n 'in-[.group]:first:rounded-l-surface',\n 'in-[.group]:last:rounded-r-surface in-[.group]:last:border-r-0',\n ],\n {\n variants: {\n size: {\n default: 'text-sm',\n small: 'text-xs',\n icon: '',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n compoundVariants: [\n {\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n size: 'icon',\n class: 'size-button [&_svg]:size-4',\n },\n ],\n }\n ),\n};\n","export { Accordion } from './Accordion.styles';\nexport { ActionBar } from './ActionBar.styles';\nexport { Autocomplete } from './Autocomplete.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { EmptyState } from './EmptyState.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { LegacyTable } from './LegacyTable.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TagField } from './TagField.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Tray } from './Tray.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\nexport { ToggleButton } from './ToggleButton.styles';\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n name: 'rui',\n components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,MAAaA,YAAyC;CACpD,sCAAe,YAAY;EACzB,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,iCAAU,IAAI;EACZ,UAAU,EACR,SAAS;GACP,SAAS,CAAC,uDAAuD;GACjE,MAAM,CACJ,wDAEA,iEACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,mCACE;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,kCACE,uFACD;CACD,oCAAa,QAAQ,EACnB,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CAAC;CACF,iCACE,4EACD;CACF;;;;AC3DD,MAAaC,YAAyC;CACpD,sCAAe;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EAAC;EAAqB;EAAuB;EAAoB,CAAC;CAC7E,oCAAa;EACX;EACA;EACA;EACD,CAAC;CACF,wCAAiB;EAAC;EAAY;EAAU;EAAoB,CAAC;CAC9D;;;;ACnBD,MAAaC,eAA+C,EAC1D,0CAAmB,yCAAyC,EAC7D;;;;ACFD,MAAaC,mCACX;CACE;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,SAAS;EACT,SAAS;EACT,MAAM;EACN,OAAO;EACP,OACE;EACF,QACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;;;;ACvBD,MAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,oCACX;CACE,GAAG;CACH;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;IACT;IACA;IACA;IACA;IACD;GACD,OAAO;GACP,aACE;GACF,qBAAqB;GACrB,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;ACnGD,MAAaC,kCAAmC,CAAC,iBAAiB,EAAE;CAClE,UAAU,EACR,SAAS;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACZF,MAAaC,WAAuC;CAClD,qCAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,sCAAe,gDAAgD;CAC/D,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,kCAAW,sBAAsB;CAClC;;;;AChBD,MAAaC,WAAuC;CAClD,qCAAc;EACZ;EAEA;EAEA;EACD,CAAC;CACF,8CAAuB,aAAa;CACpC,0CAAmB,uBAAuB;CAC1C,yCAAkB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,gDAAyB;EACvB;EACA;EACA;EACA;EACD,CAAC;CACF,2CAAoB,CAClB,qEACD,CAAC;CACF,yCAAkB,sDAAsD;CACxE,kDAA2B;EACzB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC9CD,MAAaC,yCAAiD;CAC5D;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,WAAuC;CAClD,iCAAU,mCAAmC;CAC7C,0CAAmB,yCAAyC;CAC7D;;;;ACHD,MAAaC,cAA6C;CACxD,uCAAgB;CAChB,oCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACP;GACD,MAAM,EACJ,SAAS,WACV;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,qCAAc;CACf;;;;AC3BD,MAAaC,iBAAmD;CAC9D,oCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,MAAM;IACN,MAAM;IACP;GACD,MAAM,EACJ,SAAS,kBACV;GACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,sCAAe;EACb;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW,6BAA6B;CACxC,oCAAa,UAAU;CACxB;;;;AChCD,MAAaC,YAAyC;CACpD,kCAAW;EACT;EACA;EACA;EACA;EACA;EAEA;EACD,CAAC;CACF,kCAAW,CAAC,YAAY,cAAc,CAAC;CACvC,oCAAa;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCACE,+FACD;CACF;;;;ACzBD,MAAaC,wCAA+C;CAC1D;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACNF,MAAaC,SAAmC;CAC9C,wCAAiB,CAAC,0BAA0B,UAAU,CAAC;CACvD,sCACE,CACE,sDACA,qDACD,EACD,EACE,UAAU;EACR,SAAS,EAAE;EAEX,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,QAAQ;GACT;EACF,EACF,CACF;CACD,mCAAY,+CAA+C;CAC3D,kCAAW,6BAA6B;CACxC,oCAAa,gCAAgC;CAC7C,oCAAa,8DAA8D;CAC5E;;;;ACvBD,MAAaC,qCAAyC,yBAAyB;CAC7E,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACVF,MAAaC,SAAmC;CAC9C,oCAAa;EACX;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,sCACE;EACE;EAEA;EACA;EACA;EACD,EACD,EACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF,EACF,CACF;CACD,wCAAiB,CAAC,4BAA4B,SAAS,CAAC;CACxD,mCAAY,mCAAmC;CAC/C,kCAAW,0BAA0B;CACrC,oCAAa,yCAAyC;CACtD,oCACE,mEACD;CACF;;;;ACjCD,MAAaC,aAA2C;CACtD,sCAAe,CAAC,kDAAkD,CAAC;CACnE,kCAAW,CAAC,UAAU,CAAC;CACvB,wCAAiB,CAAC,4CAA4C,CAAC;CAC/D,mCAAY,CAAC,OAAO,CAAC;CACtB;;;;ACLD,MAAaC,wCAA+C,IAAI,EAC9D,UAAU,EACR,SAAS,EACP,YACE,yWACH,EACF,EACF,CAAC;;;;ACNF,MAAaC,QAAiC;CAC5C,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,iCAAU;EACR;EACA;EACA;EACD,CAAC;CACF,mCAAY,CAAC,qCAAqC,CAAC;CACpD;;;;AC7BD,MAAaC,mCAAqC,YAAY;;;;ACA9D,MAAaC,sCAA2C,IAAI,EAC1D,UAAU,EACR,MAAM;CACJ,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ,EACF,EACF,CAAC;;;;ACXF,MAAaC,WAAuC;CAClD,sCAAe;EACb;EACA;EAKA;EACD,CAAC;CACF,iCAAU,GAAG;CACd;;;;ACXD,MAAaC,mCAAqC;CAChD;CACA;CACA;CAGA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,kCACX,sCACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;;;;AClBD,MAAaC,OAA+B;CAC1C,+BAAQ,mEAAmE;EACzE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,+BACE,sEACA;EACE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,iCAAU,GAAG;CACd;;;;AC3BD,MAAaC,UAAqC;CAChD,sCAAe;EACb;EAEA;EAEA;EACA;EACA;EAEA;EACD,CAAC;CACF,iCAAU,CAAC,0DAA0D,CAAC;CACtE,iCAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,oCAAa,GAAG;CAChB,mCACE,+GACD;CACF;;;;AC3BD,MAAaC,OAA+B;CAC1C,sCAAe;EACb;EACA;EAEA;EACD,CAAC;CACF,iCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,aAAa;GACd,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,oCACE,6FACD;CACD,mCACE;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU;GACR,SAAS;IACP,SAAS;IACT,OACE;IACH;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACP;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACF;;;;ACvDD,MAAaC,mCACX;CACE;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACF,CACF;;;;AClBD,MAAaC,cAA6C;CACxD,kCAAW,YAAY;CACvB,sCAAe;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,kCAAW;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,wCACE,gFACD;CACD,iCAAU,SAAS;CACnB,0CAAmB,CAAC,uDAAuD,CAAC;CAC5E,iCAAU,oCAAoC;CAC9C,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,2CAAoB,QAAQ;CAC7B;;;;AC7CD,MAAaC,cAA6C;CACxD,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,oCAAa;EACX;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACtBD,MAAaC,qCAAyC;CACpD;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACPF,MAAaC,QAAiC;CAC5C,sCAAe,0CAA0C;CACzD,kCAAW,CACT,6CACA,wFACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,mCAAY;CACb;;;;ACdD,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,aAA2C;CACtD,sCAAe,6CAA6C;CAC5D,6CAAsB;EACpB,GAAG;EACH;EACA;EAKA;EACD,CAAC;CACF,uCAAgB;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,iCAAU,UAAU;CACpB,qCAAc,2DAA2D;CAC1E;;;;AC5BD,MAAaC,iBAAmD;CAC9D,sCAAe,qBAAqB;EAClC,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAY,IAAI;EACd,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,kCAAW,uBAAuB;CACnC;;;;ACpCD,MAAaC,iBAAmD;CAC9D,sCACE,CACE,2HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,kCAAW,sBAAsB;CACjC,oCAAa,uDAAuD;EAClE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,iCAAU,+CAA+C;EACvD,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACH;;;;ACvDD,MAAaC,SAAmC;CAC9C,iCAAU,2BAA2B;CACrC,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EAMA;EACD,CAAC;CACH;;;;AChBD,MAAaC,SAAmC;CAC9C,sCAAe,uBAAuB;CACtC,kCAAW,CACT,gFACA,4GACD,CAAC;CACF,0CAAmB,CACjB,yFACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,mCAAY,0BAA0B;CACvC;;;;ACfD,MAAaC,SAAmC;CAC9C,sCACE,gEACD;CACD,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACjBD,MAAaC,QAAiC;CAC5C,kCAAW,CAAC,wBAAwB,EAAE;EACpC,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACN,OAAO;IACR;GACD,MAAM;IACJ,SAAS;KACP;KACA;KACA;KACD;IACD,SAAS;KACP;KACA;KACA;KACD;IACD,UAAU;KACR;KACA;KACA;KACD;IACF;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,gCACE;EACE;EACA;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,wFACA,qFACD;GACD,OAAO,CAAC,kBAAkB;GAC1B,QAAQ,CAAC,mBAAmB;GAC7B,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CAGD,iCAAU,CAER,oBACA,yBACD,CAAC;CACF,mCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CAGD,iCAAU,CAAC,gBAAgB,CAAC;CAC5B,iCAAU;EACR;EACA;EACA;EACA;EACD,CAAC;CAGF,uCAAgB;EACd;EACA;EACA;EACD,CAAC;CACF,wCAAiB,CACf,2CACA,gCACD,CAAC;CACF,+CAAwB;EACtB;EACA;EACA;EACD,CAAC;CACF,0CAAmB;EACjB;EACA;EACA;EACD,CAAC;CAGF,4CAAqB,CACnB,mCACA,uDACD,CAAC;CACF,wCAAiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,uCAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,qCAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACxJD,MAAaC,cAA6C;CACxD,kCACE,6JACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,kCAEE,gDACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,sCAAe,CAAC,yBAAyB,EAAE;EACzC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,mCACE,CACE,4DACA,2DACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,iCAAU,2CAA2C;CACrD,gCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;IACL;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,iCAAU,gEAAgE;EACxE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AChGD,MAAaC,OAA+B;CAC1C,sCAAe,sBAAsB;CACrC,qCAAc,CACZ,yBACA,wEACD,CAAC;CACF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,qCAAc,CACZ,mBACA,4CACD,CAAC;CACH;;;;ACnBD,MAAaC,MAA6B;CACxC,sCAAe,CACb,cAEA,UACD,CAAC;CACF,gCAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,wCAAiB,CACf,UACA,qFACD,CAAC;CACF,sCAAe,CACb,wBAEA,OACD,CAAC;CACF,sCAAe;EACb;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC/BD,MAAaC,WAAuC;CAClD,oCAAa;EACX;EACA;EACA;EACA;EACA;EAEA;EACA;EACD,CAAC;CACF,qCAAc,2CAA2C;CACzD,sCAAe,uBAAuB;CACtC,mCAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,sCAAe;EACb;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC3BD,MAAaC,sCAA2C;CACtD;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACPF,MAAaC,kCAAmC,IAAI;CAClD,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR;EACD,MAAM;GAEJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACP,OAAO;GACR;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;;;;AC5BF,MAAaC,QAAiC;CAC5C,kCAAW;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,kCAAW;EACT;EACA;EACA;EACD,CAAC;CACF,wCAAiB,CACf,iCACA,+BACD,CAAC;CACF,wCAAiB;EACf;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,iCACE;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,oCAAa,CAAC,WAAW,CAAC;CAC1B,0CAAmB,CAAC,8CAA8C,CAAC;CACnE,2CAAoB,CAAC,+CAA+C,CAAC;CACrE,uCAAgB,CAAC,mCAAmC,CAAC;CACrD,wCAAiB,CAAC,oCAAoC,CAAC;CACvD,gCAAS,CACP,kGACD,CAAC;CACF,mCAAY,CACV,6GACD,CAAC;CACF,mCAAY,CAAC,2CAA2C,CAAC;CAC1D;;;;ACzDD,MAAaC,UAAqC;CAChD,sCACE;EACE;EACA;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CAED,kCACE;EAEE;EAEA;EAEA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACF;;;;AC3CD,MAAaC,OAA+B;CAC1C,oCAAa,+DAA+D;CAC5E,sCAAe;EACb;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,uCAAgB,yDAAyD;CACzE,mCAAY,mCAAmC;CAC/C,kCAAW,0BAA0B;CACrC,oCAAa,mCAAmC;CAChD,oCACE,mEACD;CACF;;;;AChBD,MAAaC,sCAA2C,CAAC,mBAAmB,CAAC;;;;ACA7E,MAAaC,SAAmC;CAC9C,sCAAe,sCAAsC;EACnD,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAY,aAAa;EACvB,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,kCAAW,uBAAuB;CACnC;;;;ACnCD,MAAaC,cAA6C;CACxD,sCACE,CACE,+FACD,EACD;EACE,UAAU;GACR,SAAS,EACP,SAAS,IACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,iCAAU,+CAA+C;CACzD,iCAAU,yDAAyD;CACnE,oCAAa,8BAA8B;CAC5C;;;;AC1BD,MAAaC,YAAyC;CACpD,sCAAe,aAAa;CAC5B,qCAAc;EACZ;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,4CACE,wEACD;CACD,0CAAmB,sBAAsB;CACzC,iCAAU;EACR;EACA;EACA;EACD,CAAC;CACF,sCAAe,CAAC,mCAAmC,CAAC;CACpD,4CAAqB,CAAC,gCAAgC,CAAC;CACvD,uCAAgB,CAAC,oBAAoB,CAAC;CACvC;;;;ACpBD,MAAaC,eAA+C;CAC1D,kCAAW,wDAAwD;EACjE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,MAAM;GACP,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,mCACE;EACE,GAAG;EAGH;EACA;EACA;EACA;EAGA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,MAAM;GACP,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACD,kBAAkB;GAChB;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACF;EACF,CACF;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEvDD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}