@marigold/theme-rui 3.0.1 → 3.0.2

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 (6) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +2 -2
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +2 -5
  6. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -713,7 +713,7 @@ const ProgressCycle = (0, __marigold_system.cva)(["stroke-foreground"]);
713
713
  //#endregion
714
714
  //#region src/components/SectionMessage.styles.ts
715
715
  const SectionMessage = {
716
- container: (0, __marigold_system.cva)(["grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]", "bg-background rounded-md border px-3 py-4"], {
716
+ container: (0, __marigold_system.cva)(["grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close'icon_content_content']", "bg-background rounded-md border px-3 py-4"], {
717
717
  variants: { variant: {
718
718
  success: "border-success-muted-accent bg-success-muted text-success-muted-foreground",
719
719
  warning: "border-warning-muted-accent bg-warning-muted text-warning-muted-foreground",
@@ -948,7 +948,7 @@ const Toast = {
948
948
  "z-50",
949
949
  "max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border",
950
950
  "grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0",
951
- "[grid-template-areas:\"icon_title_action_close\"\"icon_description_action_close\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
951
+ "[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
952
952
  "p-4"
953
953
  ]),
954
954
  title: (0, __marigold_system.cva)([
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","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'>","ProgressCycle: ThemeComponent<'ProgressCycle'>","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'>","XLoader: ThemeComponent<'XLoader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","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/ProgressCycle.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/XLoader.styles.ts","../src/components/Breadcrumbs.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 rounded-md py-2 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 content: cva('in-data-[expanded]:pb-2'),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\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 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: ['primary', 'secondary', 'destructive', 'ghost'],\n class: 'items-center justify-center',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\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-[group=\"checkbox\"]/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 'mixin-ring-focus-visible',\n 'rounded',\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'> = {\n container: 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 indicator: cva('group-required/field:block text-destructive -ml-1'),\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 flex items-center gap-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 ]),\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',\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 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 ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n 'stroke-foreground',\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 'data-selected:text-white data-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]',\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 XLoader: ThemeComponent<'XLoader'> = {\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(['flex flex-wrap items-center'], {\n variants: {\n variant: {\n default: 'text-foreground',\n },\n size: {\n small: 'text-xs gap-1.5',\n default: 'text-sm gap-1.5',\n large: 'text-base gap-1.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n link: cva('hover:underline cursor-pointer'),\n current: cva('font-medium'),\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 { ProgressCycle } from './ProgressCycle.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 { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.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,oCAAa,0BAA0B;CACvC,iCACE,4EACD;CACF;;;;AClDD,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,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;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC3DD,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,QAAiC;CAC5C,sCAAe;EACb;EACA;EACA;EACD,CAAC;CACF,sCAAe,oDAAoD;CACpE;;;;ACPD,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;EACD,CAAC;CACF,oCAAa,GAAG;CAChB,mCACE,+GACD;CACF;;;;AClBD,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,sCACA,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;EACD,CAAC;CACF,uCAAgB;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,iCAAU,UAAU;CACpB,qCAAc,2DAA2D;CAC1E;;;;ACvBD,MAAaC,2CAAqD,CAChE,oBACD,CAAC;;;;ACFF,MAAaC,iBAAmD;CAC9D,sCACE,CACE,+HACA,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,UAAqC;CAChD,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,sCAAe,CAAC,8BAA8B,EAAE;EAC9C,UAAU;GACR,SAAS,EACP,SAAS,mBACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,iCAAU,sDAAsD;CAChE,iCAAU,iCAAiC;CAC3C,oCAAa,cAAc;CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEpBD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
1
+ {"version":3,"file":"index.js","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'>","ProgressCycle: ThemeComponent<'ProgressCycle'>","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'>","XLoader: ThemeComponent<'XLoader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","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/ProgressCycle.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/XLoader.styles.ts","../src/components/Breadcrumbs.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 rounded-md py-2 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 content: cva('in-data-[expanded]:pb-2'),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\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 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: ['primary', 'secondary', 'destructive', 'ghost'],\n class: 'items-center justify-center',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\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-[group=\"checkbox\"]/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 'mixin-ring-focus-visible',\n 'rounded',\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'> = {\n container: 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 indicator: cva('group-required/field:block text-destructive -ml-1'),\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 flex items-center gap-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 ]),\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',\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 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 ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n 'stroke-foreground',\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 'data-selected:text-white data-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]',\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 XLoader: ThemeComponent<'XLoader'> = {\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(['flex flex-wrap items-center'], {\n variants: {\n variant: {\n default: 'text-foreground',\n },\n size: {\n small: 'text-xs gap-1.5',\n default: 'text-sm gap-1.5',\n large: 'text-base gap-1.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n link: cva('hover:underline cursor-pointer'),\n current: cva('font-medium'),\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 { ProgressCycle } from './ProgressCycle.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 { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.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,oCAAa,0BAA0B;CACvC,iCACE,4EACD;CACF;;;;AClDD,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,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;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC3DD,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,QAAiC;CAC5C,sCAAe;EACb;EACA;EACA;EACD,CAAC;CACF,sCAAe,oDAAoD;CACpE;;;;ACPD,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;EACD,CAAC;CACF,oCAAa,GAAG;CAChB,mCACE,+GACD;CACF;;;;AClBD,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,sCACA,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;EACD,CAAC;CACF,uCAAgB;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,iCAAU,UAAU;CACpB,qCAAc,2DAA2D;CAC1E;;;;ACvBD,MAAaC,2CAAqD,CAChE,oBACD,CAAC;;;;ACFF,MAAaC,iBAAmD;CAC9D,sCACE,CACE,0HACA,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,UAAqC;CAChD,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,sCAAe,CAAC,8BAA8B,EAAE;EAC9C,UAAU;GACR,SAAS,EACP,SAAS,mBACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,iCAAU,sDAAsD;CAChE,iCAAU,iCAAiC;CAC3C,oCAAa,cAAc;CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEpBD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
package/dist/index.mjs CHANGED
@@ -692,7 +692,7 @@ const ProgressCycle = cva(["stroke-foreground"]);
692
692
  //#endregion
693
693
  //#region src/components/SectionMessage.styles.ts
694
694
  const SectionMessage = {
695
- container: cva(["grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]", "bg-background rounded-md border px-3 py-4"], {
695
+ container: cva(["grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close'icon_content_content']", "bg-background rounded-md border px-3 py-4"], {
696
696
  variants: { variant: {
697
697
  success: "border-success-muted-accent bg-success-muted text-success-muted-foreground",
698
698
  warning: "border-warning-muted-accent bg-warning-muted text-warning-muted-foreground",
@@ -927,7 +927,7 @@ const Toast = {
927
927
  "z-50",
928
928
  "max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border",
929
929
  "grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0",
930
- "[grid-template-areas:\"icon_title_action_close\"\"icon_description_action_close\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
930
+ "[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
931
931
  "p-4"
932
932
  ]),
933
933
  title: cva([
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","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'>","ProgressCycle: ThemeComponent<'ProgressCycle'>","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'>","XLoader: ThemeComponent<'XLoader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","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/ProgressCycle.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/XLoader.styles.ts","../src/components/Breadcrumbs.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 rounded-md py-2 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 content: cva('in-data-[expanded]:pb-2'),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\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 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: ['primary', 'secondary', 'destructive', 'ghost'],\n class: 'items-center justify-center',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\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-[group=\"checkbox\"]/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 'mixin-ring-focus-visible',\n 'rounded',\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'> = {\n container: 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 indicator: cva('group-required/field:block text-destructive -ml-1'),\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 flex items-center gap-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 ]),\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',\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 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 ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n 'stroke-foreground',\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 'data-selected:text-white data-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]',\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 XLoader: ThemeComponent<'XLoader'> = {\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(['flex flex-wrap items-center'], {\n variants: {\n variant: {\n default: 'text-foreground',\n },\n size: {\n small: 'text-xs gap-1.5',\n default: 'text-sm gap-1.5',\n large: 'text-base gap-1.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n link: cva('hover:underline cursor-pointer'),\n current: cva('font-medium'),\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 { ProgressCycle } from './ProgressCycle.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 { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.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,WAAW,IAAI,YAAY;EACzB,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,MAAM,IAAI,wDAAwD;EAChE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,0DAEA,iDACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,QAAQ,IACN;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,SAAS,IAAI,0BAA0B;CACvC,MAAM,IACJ,4EACD;CACF;;;;AClDD,MAAaC,QAAiC,IAC5C,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,SAAmC,IAC9C;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WACE;GACF,aACE;GACF,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;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC3DD,MAAaC,OAA+B,IAAI,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,UAAU,IAAI;EACZ;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,gDAAgD;CAC/D,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,OAAO,KAAK;CACb;;;;AChBD,MAAaC,WAAuC;CAClD,UAAU,IACR,8EACD;CACD,cAAc,IAAI;EAChB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,qBAAqB,IAAI;EACvB;EACA;EACA;EACA;EACD,CAAC;CACF,gBAAgB,IAAI,CAClB,qEACD,CAAC;CACF,cAAc,IAAI,aAAa;CAC/B,uBAAuB,IAAI;EACzB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrCD,MAAaC,cAA6C,IAAI;CAC5D;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,WAAuC,IAClD,mCACD;;;;ACFD,MAAaC,cAA6C;CACxD,WAAW,KAAK;CAChB,SAAS,IACP;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,SAAS,KAAK;CACf;;;;AC3BD,MAAaC,iBAAmD;CAC9D,SAAS,IACP;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,SAAS,IAAI;EACX;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,GAAG;CAClB,OAAO,IAAI,6BAA6B;CACxC,SAAS,IAAI,UAAU;CACxB;;;;AChCD,MAAa,iBACX;AACF,MAAa,gBACX;AACF,MAAa,eACX;AAEF,MAAa,gBAAgB;AAE7B,MAAaC,QAAiC;CAC5C,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,IAAI,CACR,8BACA,0DACD,CAAC;CACF,QAAQ,IAAI,CAAC,6BAA6B,CAAC;CAC5C;;;;ACvBD,MAAaC,YAAyC;CACpD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,QAAQ,IACN,+FACD;CACF;;;;AC/BD,MAAaC,aAA2C,IAAI;CAC1D;CACA;CACA;CACA;CACD,CAAC;;;;ACLF,MAAaC,SAAmC;CAC9C,aAAa,IAAI,CAAC,0BAA0B,UAAU,CAAC;CACvD,WAAW,IACT,CACE,sDACA,uBACD,EACD,EACE,UAAU;EACR,SAAS,EAAE;EAEX,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,QAAQ;GACT;EACF,EACF,CACF;CACD,QAAQ,IAAI,+CAA+C;CAC3D,OAAO,IAAI,6BAA6B;CACxC,SAAS,IAAI,gCAAgC;CAC7C,SAAS,IAAI,8DAA8D;CAC5E;;;;ACvBD,MAAaC,UAAqC,IAAI,yBAAyB;CAC7E,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACVF,MAAaC,SAAmC;CAC9C,SAAS,IAAI;EACX;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,WAAW,IACT;EACE;EACA;EACA;EACD,EACD,EACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF,EACF,CACF;CACD,aAAa,IAAI,CAAC,iCAAiC,SAAS,CAAC;CAC7D,QAAQ,IAAI,mCAAmC;CAC/C,OAAO,IAAI,0BAA0B;CACrC,SAAS,IAAI,yCAAyC;CACtD,SAAS,IACP,mEACD;CACF;;;;AC/BD,MAAaC,aAA2C,IAAI,IAAI,EAC9D,UAAU,EACR,SAAS,EACP,YACE,yWACH,EACF,EACF,CAAC;;;;ACPF,MAAaC,QAAiC,IAAI,YAAY;;;;ACA9D,MAAaC,WAAuC,IAAI,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,WAAW,IAAI;EACb;EACA;EAKA;EACD,CAAC;CACF,MAAM,IAAI,GAAG;CACd;;;;ACXD,MAAaC,QAAiC;CAC5C,WAAW,IAAI;EACb;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,oDAAoD;CACpE;;;;ACPD,MAAaC,OAA+B,IAC1C,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,IAAI,IAAI,mEAAmE;EACzE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,IAAI,IACF,sEACA;EACE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,MAAM,IAAI,GAAG;CACd;;;;AC3BD,MAAaC,UAAqC;CAChD,WAAW,IAAI,CACb,yFACD,CAAC;CACF,MAAM,IAAI,CAAC,iDAAiD,CAAC;CAC7D,MAAM,IAAI;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI,GAAG;CAChB,QAAQ,IACN,+GACD;CACF;;;;AClBD,MAAaC,OAA+B;CAC1C,WAAW,IAAI,CACb,mEACD,CAAC;CACF,MAAM,IACJ;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,aAAa;GACd,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,SAAS,IACP,qGACD;CACD,QAAQ,IACN;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,QAAiC,IAC5C;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,OAAO,IAAI,YAAY;CACvB,WAAW,IAAI;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,aAAa,IACX,gFACD;CACD,MAAM,IAAI,SAAS;CACnB,eAAe,IAAI,CAAC,mDAAmD,CAAC;CACxE,MAAM,IAAI,oCAAoC;CAC9C,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,gBAAgB,IAAI,QAAQ;CAC7B;;;;AC5CD,MAAaC,cAA6C;CACxD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI;EACX;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrBD,MAAaC,UAAqC,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACRF,MAAaC,QAAiC;CAC5C,WAAW,IAAI,0CAA0C;CACzD,OAAO,IAAI,CACT,sCACA,wFACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,KAAK;CACb;;;;ACdD,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,aAA2C;CACtD,WAAW,IAAI,6CAA6C;CAC5D,kBAAkB,IAAI;EACpB,GAAG;EACH;EACA;EACD,CAAC;CACF,YAAY,IAAI;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,MAAM,IAAI,UAAU;CACpB,UAAU,IAAI,2DAA2D;CAC1E;;;;ACvBD,MAAaC,gBAAiD,IAAI,CAChE,oBACD,CAAC;;;;ACFF,MAAaC,iBAAmD;CAC9D,WAAW,IACT,CACE,+HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,OAAO,IAAI,sBAAsB;CACjC,SAAS,IAAI,uDAAuD;EAClE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,MAAM,IAAI,+CAA+C;EACvD,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACH;;;;ACtDD,MAAaC,SAAmC;CAC9C,MAAM,IAAI,2BAA2B;CACrC,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACD,CAAC;CACH;;;;AClBD,MAAaC,SAAmC;CAC9C,WAAW,IAAI,uBAAuB;CACtC,OAAO,IAAI,CACT,qNACD,CAAC;CACF,eAAe,IAAI,CACjB,uGACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,QAAQ,IAAI,0BAA0B;CACvC;;;;ACdD,MAAaC,SAAmC;CAC9C,WAAW,IACT,gEACD;CACD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACjBD,MAAaC,QAAiC;CAC5C,OAAO,IACL,6JACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,OAAO,IAEL,gDACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,WAAW,IAAI,CAAC,yBAAyB,EAAE;EACzC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,QAAQ,IACN,CACE,4DACA,2DACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,MAAM,IAAI,6BAA6B;CACvC,KAAK,IACH;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,MAAM,IAAI,gEAAgE;EACxE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AChGD,MAAaC,OAA+B;CAC1C,WAAW,IAAI,sBAAsB;CACrC,UAAU,IAAI,CACZ,yBACA,wEACD,CAAC;CACF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,UAAU,IAAI,CACZ,mBACA,6CACD,CAAC;CACH;;;;ACnBD,MAAaC,MAA6B;CACxC,WAAW,IAAI,CACb,cAEA,UACD,CAAC;CACF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,aAAa,IAAI,CACf,UACA,qFACD,CAAC;CACF,WAAW,IAAI,CACb,wBAEA,OACD,CAAC;CACF,WAAW,IAAI;EACb;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC1BD,MAAaC,WAAuC,IAAI;CACtD;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACbF,MAAaC,OAA+B,IAAI,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,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,aAAa,IAAI,CACf,iCACA,+BACD,CAAC;CACF,aAAa,IAAI;EACf;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,IACJ;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,SAAS,IAAI,CAAC,WAAW,CAAC;CAC1B,eAAe,IAAI,CAAC,8CAA8C,CAAC;CACnE,gBAAgB,IAAI,CAAC,+CAA+C,CAAC;CACrE,YAAY,IAAI,CAAC,mCAAmC,CAAC;CACrD,aAAa,IAAI,CAAC,oCAAoC,CAAC;CACvD,KAAK,IAAI,CACP,kGACD,CAAC;CACF,QAAQ,IAAI,CACV,6GACD,CAAC;CACF,QAAQ,IAAI,CAAC,2CAA2C,CAAC;CAC1D;;;;ACzDD,MAAaC,UAAqC;CAChD,WAAW,IACT;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,OAAO,IACL;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,WAAuC,IAAI,mBAAmB;;;;ACA3E,MAAaC,UAAqC;CAChD,WAAW,IAAI,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,QAAQ,IAAI,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,OAAO,IAAI,uBAAuB;CACnC;;;;ACnCD,MAAaC,cAA6C;CACxD,WAAW,IAAI,CAAC,8BAA8B,EAAE;EAC9C,UAAU;GACR,SAAS,EACP,SAAS,mBACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,MAAM,IAAI,sDAAsD;CAChE,MAAM,IAAI,iCAAiC;CAC3C,SAAS,IAAI,cAAc;CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEpBD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
1
+ {"version":3,"file":"index.mjs","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'>","ProgressCycle: ThemeComponent<'ProgressCycle'>","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'>","XLoader: ThemeComponent<'XLoader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","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/ProgressCycle.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/XLoader.styles.ts","../src/components/Breadcrumbs.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 rounded-md py-2 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 content: cva('in-data-[expanded]:pb-2'),\n icon: cva(\n 'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\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 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: ['primary', 'secondary', 'destructive', 'ghost'],\n class: 'items-center justify-center',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'default',\n class: 'h-button px-4 py-2 [&_svg]:size-4',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'small',\n class: 'h-button-small px-3 [&_svg]:size-3.5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\n size: 'large',\n class: 'h-button-large px-8 [&_svg]:size-5',\n },\n {\n variant: ['primary', 'secondary', 'destructive', 'ghost'],\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-[group=\"checkbox\"]/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 'mixin-ring-focus-visible',\n 'rounded',\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'> = {\n container: 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 indicator: cva('group-required/field:block text-destructive -ml-1'),\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 flex items-center gap-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 ]),\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',\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 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 ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n 'stroke-foreground',\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 'data-selected:text-white data-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]',\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 XLoader: ThemeComponent<'XLoader'> = {\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(['flex flex-wrap items-center'], {\n variants: {\n variant: {\n default: 'text-foreground',\n },\n size: {\n small: 'text-xs gap-1.5',\n default: 'text-sm gap-1.5',\n large: 'text-base gap-1.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }),\n item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n link: cva('hover:underline cursor-pointer'),\n current: cva('font-medium'),\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 { ProgressCycle } from './ProgressCycle.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 { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.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,WAAW,IAAI,YAAY;EACzB,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,MAAM,IAAI,wDAAwD;EAChE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,0DAEA,iDACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,QAAQ,IACN;EACE;EACA;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,SAAS,IAAI,0BAA0B;CACvC,MAAM,IACJ,4EACD;CACF;;;;AClDD,MAAaC,QAAiC,IAC5C,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,SAAmC,IAC9C;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WACE;GACF,aACE;GACF,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;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IAAC;IAAW;IAAa;IAAe;IAAQ;GACzD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC3DD,MAAaC,OAA+B,IAAI,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,UAAU,IAAI;EACZ;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,gDAAgD;CAC/D,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,OAAO,KAAK;CACb;;;;AChBD,MAAaC,WAAuC;CAClD,UAAU,IACR,8EACD;CACD,cAAc,IAAI;EAChB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,qBAAqB,IAAI;EACvB;EACA;EACA;EACA;EACD,CAAC;CACF,gBAAgB,IAAI,CAClB,qEACD,CAAC;CACF,cAAc,IAAI,aAAa;CAC/B,uBAAuB,IAAI;EACzB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrCD,MAAaC,cAA6C,IAAI;CAC5D;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACTF,MAAaC,WAAuC,IAClD,mCACD;;;;ACFD,MAAaC,cAA6C;CACxD,WAAW,KAAK;CAChB,SAAS,IACP;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,SAAS,KAAK;CACf;;;;AC3BD,MAAaC,iBAAmD;CAC9D,SAAS,IACP;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,SAAS,IAAI;EACX;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,GAAG;CAClB,OAAO,IAAI,6BAA6B;CACxC,SAAS,IAAI,UAAU;CACxB;;;;AChCD,MAAa,iBACX;AACF,MAAa,gBACX;AACF,MAAa,eACX;AAEF,MAAa,gBAAgB;AAE7B,MAAaC,QAAiC;CAC5C,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,IAAI,CACR,8BACA,0DACD,CAAC;CACF,QAAQ,IAAI,CAAC,6BAA6B,CAAC;CAC5C;;;;ACvBD,MAAaC,YAAyC;CACpD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,QAAQ,IACN,+FACD;CACF;;;;AC/BD,MAAaC,aAA2C,IAAI;CAC1D;CACA;CACA;CACA;CACD,CAAC;;;;ACLF,MAAaC,SAAmC;CAC9C,aAAa,IAAI,CAAC,0BAA0B,UAAU,CAAC;CACvD,WAAW,IACT,CACE,sDACA,uBACD,EACD,EACE,UAAU;EACR,SAAS,EAAE;EAEX,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,QAAQ;GACT;EACF,EACF,CACF;CACD,QAAQ,IAAI,+CAA+C;CAC3D,OAAO,IAAI,6BAA6B;CACxC,SAAS,IAAI,gCAAgC;CAC7C,SAAS,IAAI,8DAA8D;CAC5E;;;;ACvBD,MAAaC,UAAqC,IAAI,yBAAyB;CAC7E,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACVF,MAAaC,SAAmC;CAC9C,SAAS,IAAI;EACX;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,WAAW,IACT;EACE;EACA;EACA;EACD,EACD,EACE,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACF,EACF,CACF;CACD,aAAa,IAAI,CAAC,iCAAiC,SAAS,CAAC;CAC7D,QAAQ,IAAI,mCAAmC;CAC/C,OAAO,IAAI,0BAA0B;CACrC,SAAS,IAAI,yCAAyC;CACtD,SAAS,IACP,mEACD;CACF;;;;AC/BD,MAAaC,aAA2C,IAAI,IAAI,EAC9D,UAAU,EACR,SAAS,EACP,YACE,yWACH,EACF,EACF,CAAC;;;;ACPF,MAAaC,QAAiC,IAAI,YAAY;;;;ACA9D,MAAaC,WAAuC,IAAI,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,WAAW,IAAI;EACb;EACA;EAKA;EACD,CAAC;CACF,MAAM,IAAI,GAAG;CACd;;;;ACXD,MAAaC,QAAiC;CAC5C,WAAW,IAAI;EACb;EACA;EACA;EACD,CAAC;CACF,WAAW,IAAI,oDAAoD;CACpE;;;;ACPD,MAAaC,OAA+B,IAC1C,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,IAAI,IAAI,mEAAmE;EACzE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,IAAI,IACF,sEACA;EACE,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CACF;CACD,MAAM,IAAI,GAAG;CACd;;;;AC3BD,MAAaC,UAAqC;CAChD,WAAW,IAAI,CACb,yFACD,CAAC;CACF,MAAM,IAAI,CAAC,iDAAiD,CAAC;CAC7D,MAAM,IAAI;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI,GAAG;CAChB,QAAQ,IACN,+GACD;CACF;;;;AClBD,MAAaC,OAA+B;CAC1C,WAAW,IAAI,CACb,mEACD,CAAC;CACF,MAAM,IACJ;EACE;EACA;EACA;EACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,aAAa;GACd,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,SAAS,IACP,qGACD;CACD,QAAQ,IACN;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,QAAiC,IAC5C;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,OAAO,IAAI,YAAY;CACvB,WAAW,IAAI;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,aAAa,IACX,gFACD;CACD,MAAM,IAAI,SAAS;CACnB,eAAe,IAAI,CAAC,mDAAmD,CAAC;CACxE,MAAM,IAAI,oCAAoC;CAC9C,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,gBAAgB,IAAI,QAAQ;CAC7B;;;;AC5CD,MAAaC,cAA6C;CACxD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,SAAS,IAAI;EACX;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACrBD,MAAaC,UAAqC,IAAI;CACpD;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACRF,MAAaC,QAAiC;CAC5C,WAAW,IAAI,0CAA0C;CACzD,OAAO,IAAI,CACT,sCACA,wFACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,KAAK;CACb;;;;ACdD,MAAM,SAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,aAA2C;CACtD,WAAW,IAAI,6CAA6C;CAC5D,kBAAkB,IAAI;EACpB,GAAG;EACH;EACA;EACD,CAAC;CACF,YAAY,IAAI;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,MAAM,IAAI,UAAU;CACpB,UAAU,IAAI,2DAA2D;CAC1E;;;;ACvBD,MAAaC,gBAAiD,IAAI,CAChE,oBACD,CAAC;;;;ACFF,MAAaC,iBAAmD;CAC9D,WAAW,IACT,CACE,0HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,OAAO,IAAI,sBAAsB;CACjC,SAAS,IAAI,uDAAuD;EAClE,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,MAAM,IAAI,+CAA+C;EACvD,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACH;;;;ACtDD,MAAaC,SAAmC;CAC9C,MAAM,IAAI,2BAA2B;CACrC,QAAQ,IAAI;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACD,CAAC;CACH;;;;AClBD,MAAaC,SAAmC;CAC9C,WAAW,IAAI,uBAAuB;CACtC,OAAO,IAAI,CACT,qNACD,CAAC;CACF,eAAe,IAAI,CACjB,uGACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,QAAQ,IAAI,0BAA0B;CACvC;;;;ACdD,MAAaC,SAAmC;CAC9C,WAAW,IACT,gEACD;CACD,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACA;EACD,CAAC;CACH;;;;ACjBD,MAAaC,QAAiC;CAC5C,OAAO,IACL,6JACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,OAAO,IAEL,gDACA,EACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF,EACF,CACF;CACD,WAAW,IAAI,CAAC,yBAAyB,EAAE;EACzC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,QAAQ,IACN,CACE,4DACA,2DACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CACF;CACD,MAAM,IAAI,6BAA6B;CACvC,KAAK,IACH;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,MAAM,IAAI,gEAAgE;EACxE,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AChGD,MAAaC,OAA+B;CAC1C,WAAW,IAAI,sBAAsB;CACrC,UAAU,IAAI,CACZ,yBACA,wEACD,CAAC;CACF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,UAAU,IAAI,CACZ,mBACA,6CACD,CAAC;CACH;;;;ACnBD,MAAaC,MAA6B;CACxC,WAAW,IAAI,CACb,cAEA,UACD,CAAC;CACF,KAAK,IAAI;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,aAAa,IAAI,CACf,UACA,qFACD,CAAC;CACF,WAAW,IAAI,CACb,wBAEA,OACD,CAAC;CACF,WAAW,IAAI;EACb;EACA;EACA;EACA;EACA;EACD,CAAC;CACH;;;;AC1BD,MAAaC,WAAuC,IAAI;CACtD;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;;;;ACbF,MAAaC,OAA+B,IAAI,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,OAAO,IAAI;EACT;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,OAAO,IAAI;EACT;EACA;EACA;EACD,CAAC;CACF,aAAa,IAAI,CACf,iCACA,+BACD,CAAC;CACF,aAAa,IAAI;EACf;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,IACJ;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,SAAS,IAAI,CAAC,WAAW,CAAC;CAC1B,eAAe,IAAI,CAAC,8CAA8C,CAAC;CACnE,gBAAgB,IAAI,CAAC,+CAA+C,CAAC;CACrE,YAAY,IAAI,CAAC,mCAAmC,CAAC;CACrD,aAAa,IAAI,CAAC,oCAAoC,CAAC;CACvD,KAAK,IAAI,CACP,kGACD,CAAC;CACF,QAAQ,IAAI,CACV,6GACD,CAAC;CACF,QAAQ,IAAI,CAAC,2CAA2C,CAAC;CAC1D;;;;ACzDD,MAAaC,UAAqC;CAChD,WAAW,IACT;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,OAAO,IACL;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,WAAuC,IAAI,mBAAmB;;;;ACA3E,MAAaC,UAAqC;CAChD,WAAW,IAAI,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,QAAQ,IAAI,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,OAAO,IAAI,uBAAuB;CACnC;;;;ACnCD,MAAaC,cAA6C;CACxD,WAAW,IAAI,CAAC,8BAA8B,EAAE;EAC9C,UAAU;GACR,SAAS,EACP,SAAS,mBACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,MAAM,IAAI,sDAAsD;CAChE,MAAM,IAAI,iCAAiC;CAC3C,SAAS,IAAI,cAAc;CAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEpBD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
package/dist/styles.css CHANGED
@@ -3585,11 +3585,8 @@
3585
3585
  [data-theme="rui"] .\[grid-area\:title\] {
3586
3586
  grid-area: title;
3587
3587
  }
3588
- [data-theme="rui"] .\[grid-template-areas\:\"icon_title_action_close\"\"icon_description_action_close\"\] {
3589
- grid-template-areas: "icon title action close""icon description action close";
3590
- }
3591
- [data-theme="rui"] .\[grid-template-areas\:\"icon_title_close\"\"icon_content_content\"\] {
3592
- grid-template-areas: "icon title close""icon content content";
3588
+ [data-theme="rui"] .\[grid-template-areas\:\'icon_title_action_close\'\'icon_description_action_close\'\] {
3589
+ grid-template-areas: 'icon title action close''icon description action close';
3593
3590
  }
3594
3591
  [data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'_\'actions\'\] {
3595
3592
  grid-template-areas: 'title' 'content' 'actions';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/theme-rui",
3
- "version": "3.0.1",
3
+ "version": "3.0.2",
4
4
  "description": "Marigold RUI Theme",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -53,8 +53,8 @@
53
53
  "dependencies": {
54
54
  "tailwindcss-animate": "1.0.7",
55
55
  "tailwindcss-react-aria-components": "^2.0.1",
56
- "@marigold/components": "15.4.1",
57
- "@marigold/system": "15.4.1",
56
+ "@marigold/components": "15.4.2",
57
+ "@marigold/system": "15.4.2",
58
58
  "@marigold/theme-plugins": "1.0.2"
59
59
  },
60
60
  "scripts": {