@marigold/theme-rui 4.0.0 → 4.0.2

package/dist/{index.js → index.cjs}

@@ -1,37 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 //#region rolldown:runtime
-var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
 		});
 	}
-	return to;
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
 
 //#endregion
 let __marigold_system = require("@marigold/system");
-__marigold_system = __toESM(__marigold_system);
 
 //#region src/components/Accordion.styles.ts
 const Accordion = {
@@ -1206,4 +1191,4 @@ var src_default = theme;
 //#endregion
 exports.default = src_default;
 exports.theme = theme;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

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

package/dist/{index.d.ts → index.d.cts}

@@ -4,4 +4,4 @@ import { Theme } from "@marigold/system";
 declare const theme: Theme;
 //#endregion
 export { theme as default, theme };
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/theme.ts"],"sourcesContent":[],"mappings":";;;cAGa,OAAO"}

package/dist/index.mjs

@@ -2,12 +2,17 @@ import { cva } from "@marigold/system";
 
 //#region rolldown:runtime
 var __defProp = Object.defineProperty;
-var __export = (all) => {
+var __export = (all, symbols) => {
 	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
 	return target;
 };
 

package/dist/index.mjs.map

@@ -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'>","ProgressCircle: ThemeComponent<'ProgressCircle'>","SectionMessage: ThemeComponent<'SectionMessage'>","Select: ThemeComponent<'Select'>","Slider: ThemeComponent<'Slider'>","Switch: ThemeComponent<'Switch'>","Table: ThemeComponent<'Table'>","Tabs: ThemeComponent<'Tabs'>","Tag: ThemeComponent<'Tag'>","TextArea: ThemeComponent<'TextArea'>","Text: ThemeComponent<'Text'>","Toast: ThemeComponent<'Toast'>","Tooltip: ThemeComponent<'Tooltip'>","Underlay: ThemeComponent<'Underlay'>","Loader: ThemeComponent<'Loader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","FileField: ThemeComponent<'FileField'>","theme: Theme"],"sources":["../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/Input.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/index.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('bg-background border-b last:border-b-0 border-border', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex w-full items-center justify-between gap-4 py-2 rounded-md cursor-pointer text-foreground',\n      'text-left text-base font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  panel: cva(\n    'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250'\n  ),\n  content: cva('pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-250'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground bg-background',\n        master:\n          'text-access-master-foreground border border-access-master-foreground bg-background',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        'destructive-ghost': 'text-destructive hover:bg-destructive/10',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(['p-4 rounded-md'], {\n  variants: {\n    variant: {\n      default: 'util-surface-raised',\n      master: 'rounded-md bg-access-master/30 p-4 border border-access-master',\n      admin: 'rounded-md bg-access-admin/30 p-4 border border-access-admin',\n    },\n    size: {\n      default: '',\n      full: 'w-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default gap-2'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'focus-visible:util-focus-ring outline-none',\n  'rounded-full',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva([\n    'flex flex-col gap-0 rounded-xl p-5 util-surface-overlay',\n    'data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md',\n    'overflow-y-auto util-scrollbar',\n  ]),\n  container: cva(''),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-2',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground pr-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva(\n    [\n      'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n      'util-surface-overlay',\n    ],\n    {\n      variants: {\n        variant: {},\n        // Does not do anything, just to make the size appear in the appearance demo (Modal is setting the size)\n        size: {\n          xsmall: '',\n          small: '',\n          medium: '',\n        },\n      },\n    }\n  ),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay z-40',\n    'data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0',\n    'data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0',\n    'data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0',\n    'data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0',\n  ]),\n  container: cva(\n    [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay',\n      'data-[placement=top]:w-full data-[placement=bottom]:w-full',\n    ],\n    {\n      variants: {\n        size: {\n          xsmall: 'w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48',\n          small: 'w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64',\n          medium: 'w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80',\n        },\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-3xl font-extrabold',\n      'level-2': 'text-2xl font-bold',\n      'level-3': 'text-xl font-semibold',\n      'level-4': 'text-lg font-semibold',\n      'level-5': 'text-base font-medium',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n    /**\n     * Removes the spacing from the field when when there are hidden\n     * elements (e.g. the hidden select rendered by react-aria).\n     */\n    'has-[+_[aria-hidden=true]]:mb-0',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva([\n  'flex items-center gap-1',\n  'text-sm font-medium leading-none text-foreground',\n  'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n\n  // required indicator\n  'group-required/field:after:content-[\"*\"]',\n  'group-required/field:after:-ml-1',\n  'group-required/field:after:text-destructive',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n      size: {\n        default: '',\n        small: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc space-y-1 marker:text-foreground/50', {\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  ol: cva(\n    'ml-6 list-outside list-decimal space-y-1 marker:text-foreground/50',\n    {\n      variants: {\n        size: {\n          default: '',\n          small: '*:text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  item: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0 space-y-px']),\n  item: cva([\n    'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none focus-visible:z-1',\n    'cursor-default data-selection-mode:cursor-pointer',\n    '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva(\n    [\n      'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none text-nowrap',\n      'disabled:text-disabled-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-foreground focus:bg-focus [&_svg]:opacity-60',\n          destructive: 'text-destructive focus:bg-destructive/10',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer w-full',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n    /**\n     * Removes the spacing from the button when when there are hidden\n     * elements (e.g. the hidden elements for accessibility).\n     */\n    'has-[+_[hidden]]:mr-0',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n  container: cva('stroke-foreground', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'stroke-secondary',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-fit',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      \"grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close''icon_content_content']\",\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n    /**\n     * Removes the spacing from the field when there is no\n     * helptext. Spacing is applied because the select is followed\n     * by a hidden select that is rendered by react-aria.\n     */\n    'has-[+_[aria-hidden=true]]:mb-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent layout jumps when a smaller empty state is shown (min height is set to height of tags)\n    'min-h-7',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-lg',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'selected:text-white selected:bg-brand',\n    'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs util-touch-hitbox',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n  action: cva(['[grid-area:action] flex items-start pl-4']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(\n    [\n      'flex flex-wrap items-center gap-1.5 wrap-break-word text-sm sm:gap-2.5 text-muted-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n        },\n        size: {\n          small: 'text-xs',\n          default: 'text-sm',\n          large: 'text-base',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  item: cva('inline-flex items-center  gap-1.5 sm:gap-2.5'),\n  link: cva('transition-colors hover:text-foreground cursor-pointer'),\n  current: cva('font-normal text-foreground'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n  container: cva('space-y-2 '),\n  dropZone: cva(\n    'data-[drop-target=true]:bg-muted border-input has-[input:focus]:border-ring has-[input:focus]:ring-ring/50 relative flex min-h-52 flex-col items-center overflow-hidden rounded-xl border border-dashed p-4 transition-colors not-data-[files]:justify-center has-[input:focus]:ring-[3px]'\n  ),\n  dropZoneContent: cva(\n    'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center'\n  ),\n  dropZoneLabel: cva('text-sm font-medium'),\n  item: cva('flex min-w-0 flex-col gap-0.5'),\n  itemLabel: cva('truncate text-[13px] font-medium'),\n  itemDescription: cva('text-muted-foreground text-xs'),\n};\n","export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,MAAaA,YAAyC;CACpD,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,OAAO,IACL,uFACD;CACD,SAAS,IAAI,OAAO;CACpB,MAAM,IACJ,4EACD;CACF;;;;ACrDD,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,qBAAqB;GACrB,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC1FD,MAAaC,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,IAAI;CAChD;CACA;CACA;CAGA;CACA;CACA;CACD,CAAC;;;;ACTF,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;EACA;EACD,CAAC;CACF,SAAS,IAAI,GAAG;CAChB,QAAQ,IACN,+GACD;CACF;;;;ACnBD,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,6CACA,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;EAKA;EACD,CAAC;CACF,YAAY,IAAI;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,MAAM,IAAI,UAAU;CACpB,UAAU,IAAI,2DAA2D;CAC1E;;;;AC5BD,MAAaC,iBAAmD;CAC9D,WAAW,IAAI,qBAAqB;EAClC,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,QAAQ,IAAI,IAAI;EACd,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,OAAO,IAAI,uBAAuB;CACnC;;;;ACpCD,MAAaC,iBAAmD;CAC9D,WAAW,IACT,CACE,2HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,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,SAAmC;CAC9C,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,IACT,CACE,+FACD,EACD;EACE,UAAU;GACR,SAAS,EACP,SAAS,IACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,MAAM,IAAI,+CAA+C;CACzD,MAAM,IAAI,yDAAyD;CACnE,SAAS,IAAI,8BAA8B;CAC5C;;;;AC1BD,MAAaC,YAAyC;CACpD,WAAW,IAAI,aAAa;CAC5B,UAAU,IACR,6RACD;CACD,iBAAiB,IACf,wEACD;CACD,eAAe,IAAI,sBAAsB;CACzC,MAAM,IAAI,gCAAgC;CAC1C,WAAW,IAAI,mCAAmC;CAClD,iBAAiB,IAAI,gCAAgC;CACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEXD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
+{"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'>","ProgressCircle: ThemeComponent<'ProgressCircle'>","SectionMessage: ThemeComponent<'SectionMessage'>","Select: ThemeComponent<'Select'>","Slider: ThemeComponent<'Slider'>","Switch: ThemeComponent<'Switch'>","Table: ThemeComponent<'Table'>","Tabs: ThemeComponent<'Tabs'>","Tag: ThemeComponent<'Tag'>","TextArea: ThemeComponent<'TextArea'>","Text: ThemeComponent<'Text'>","Toast: ThemeComponent<'Toast'>","Tooltip: ThemeComponent<'Tooltip'>","Underlay: ThemeComponent<'Underlay'>","Loader: ThemeComponent<'Loader'>","Breadcrumbs: ThemeComponent<'Breadcrumbs'>","FileField: ThemeComponent<'FileField'>","theme: Theme"],"sources":["../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/Input.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/index.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('bg-background border-b last:border-b-0 border-border', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex w-full items-center justify-between gap-4 py-2 rounded-md cursor-pointer text-foreground',\n      'text-left text-base font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  panel: cva(\n    'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250'\n  ),\n  content: cva('pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-250'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground bg-background',\n        master:\n          'text-access-master-foreground border border-access-master-foreground bg-background',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        'destructive-ghost': 'text-destructive hover:bg-destructive/10',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: [\n          'primary',\n          'secondary',\n          'destructive',\n          'ghost',\n          'destructive-ghost',\n        ],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(['p-4 rounded-md'], {\n  variants: {\n    variant: {\n      default: 'util-surface-raised',\n      master: 'rounded-md bg-access-master/30 p-4 border border-access-master',\n      admin: 'rounded-md bg-access-admin/30 p-4 border border-access-admin',\n    },\n    size: {\n      default: '',\n      full: 'w-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default gap-2'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'focus-visible:util-focus-ring outline-none',\n  'rounded-full',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva([\n    'flex flex-col gap-0 rounded-xl p-5 util-surface-overlay',\n    'data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md',\n    'overflow-y-auto util-scrollbar',\n  ]),\n  container: cva(''),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-2',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground pr-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva(\n    [\n      'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n      'util-surface-overlay',\n    ],\n    {\n      variants: {\n        variant: {},\n        // Does not do anything, just to make the size appear in the appearance demo (Modal is setting the size)\n        size: {\n          xsmall: '',\n          small: '',\n          medium: '',\n        },\n      },\n    }\n  ),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay z-40',\n    'data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0',\n    'data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0',\n    'data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0',\n    'data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0',\n  ]),\n  container: cva(\n    [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay',\n      'data-[placement=top]:w-full data-[placement=bottom]:w-full',\n    ],\n    {\n      variants: {\n        size: {\n          xsmall: 'w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48',\n          small: 'w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64',\n          medium: 'w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80',\n        },\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-3xl font-extrabold',\n      'level-2': 'text-2xl font-bold',\n      'level-3': 'text-xl font-semibold',\n      'level-4': 'text-lg font-semibold',\n      'level-5': 'text-base font-medium',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n    /**\n     * Removes the spacing from the field when when there are hidden\n     * elements (e.g. the hidden select rendered by react-aria).\n     */\n    'has-[+_[aria-hidden=true]]:mb-0',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva([\n  'flex items-center gap-1',\n  'text-sm font-medium leading-none text-foreground',\n  'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n\n  // required indicator\n  'group-required/field:after:content-[\"*\"]',\n  'group-required/field:after:-ml-1',\n  'group-required/field:after:text-destructive',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n      size: {\n        default: '',\n        small: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc space-y-1 marker:text-foreground/50', {\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  ol: cva(\n    'ml-6 list-outside list-decimal space-y-1 marker:text-foreground/50',\n    {\n      variants: {\n        size: {\n          default: '',\n          small: '*:text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  item: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0 space-y-px']),\n  item: cva([\n    'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none focus-visible:z-1',\n    'cursor-default data-selection-mode:cursor-pointer',\n    '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva(\n    [\n      'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none text-nowrap',\n      'disabled:text-disabled-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-foreground focus:bg-focus [&_svg]:opacity-60',\n          destructive: 'text-destructive focus:bg-destructive/10',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer w-full',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n    /**\n     * Removes the spacing from the button when when there are hidden\n     * elements (e.g. the hidden elements for accessibility).\n     */\n    'has-[+_[hidden]]:mr-0',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n  container: cva('stroke-foreground', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'stroke-secondary',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-fit',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      \"grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:'icon_title_close''icon_content_content']\",\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n    /**\n     * Removes the spacing from the field when there is no\n     * helptext. Spacing is applied because the select is followed\n     * by a hidden select that is rendered by react-aria.\n     */\n    'has-[+_[aria-hidden=true]]:mb-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent layout jumps when a smaller empty state is shown (min height is set to height of tags)\n    'min-h-7',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-lg',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'selected:text-white selected:bg-brand',\n    'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs util-touch-hitbox',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n  action: cva(['[grid-area:action] flex items-start pl-4']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(\n    [\n      'flex flex-wrap items-center gap-1.5 wrap-break-word text-sm sm:gap-2.5 text-muted-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n        },\n        size: {\n          small: 'text-xs',\n          default: 'text-sm',\n          large: 'text-base',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  item: cva('inline-flex items-center  gap-1.5 sm:gap-2.5'),\n  link: cva('transition-colors hover:text-foreground cursor-pointer'),\n  current: cva('font-normal text-foreground'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n  container: cva('space-y-2 '),\n  dropZone: cva(\n    'data-[drop-target=true]:bg-muted border-input has-[input:focus]:border-ring has-[input:focus]:ring-ring/50 relative flex min-h-52 flex-col items-center overflow-hidden rounded-xl border border-dashed p-4 transition-colors not-data-[files]:justify-center has-[input:focus]:ring-[3px]'\n  ),\n  dropZoneContent: cva(\n    'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center'\n  ),\n  dropZoneLabel: cva('text-sm font-medium'),\n  item: cva('flex min-w-0 flex-col gap-0.5'),\n  itemLabel: cva('truncate text-[13px] font-medium'),\n  itemDescription: cva('text-muted-foreground text-xs'),\n};\n","export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n","import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAEA,MAAaA,YAAyC;CACpD,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,OAAO,IACL,uFACD;CACD,SAAS,IAAI,OAAO;CACpB,MAAM,IACJ,4EACD;CACF;;;;ACrDD,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,qBAAqB;GACrB,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CACF;;;;AC1FD,MAAaC,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,IAAI;CAChD;CACA;CACA;CAGA;CACA;CACA;CACD,CAAC;;;;ACTF,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;EACA;EACD,CAAC;CACF,SAAS,IAAI,GAAG;CAChB,QAAQ,IACN,+GACD;CACF;;;;ACnBD,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,6CACA,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;EAKA;EACD,CAAC;CACF,YAAY,IAAI;EACd,GAAG;EACH;EACA;EACD,CAAC;CACF,MAAM,IAAI,UAAU;CACpB,UAAU,IAAI,2DAA2D;CAC1E;;;;AC5BD,MAAaC,iBAAmD;CAC9D,WAAW,IAAI,qBAAqB;EAClC,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,QAAQ,IAAI,IAAI;EACd,UAAU;GACR,SAAS;IACP,SAAS;IACT,UAAU;IACX;GACD,MAAM;IACJ,SAAS;IACT,OAAO;IACP,KAAK;IACN;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,OAAO,IAAI,uBAAuB;CACnC;;;;ACpCD,MAAaC,iBAAmD;CAC9D,WAAW,IACT,CACE,2HACA,4CACD,EACD;EACE,UAAU,EACR,SAAS;GACP,SACE;GACF,SACE;GACF,MAAM;GACN,OACE;GACH,EACF;EACD,iBAAiB,EACf,SAAS,QACV;EACF,CACF;CACD,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,SAAmC;CAC9C,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,IACT,CACE,+FACD,EACD;EACE,UAAU;GACR,SAAS,EACP,SAAS,IACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CACF;CACD,MAAM,IAAI,+CAA+C;CACzD,MAAM,IAAI,yDAAyD;CACnE,SAAS,IAAI,8BAA8B;CAC5C;;;;AC1BD,MAAaC,YAAyC;CACpD,WAAW,IAAI,aAAa;CAC5B,UAAU,IACR,6RACD;CACD,iBAAiB,IACf,wEACD;CACD,eAAe,IAAI,sBAAsB;CACzC,MAAM,IAAI,gCAAgC;CAC1C,WAAW,IAAI,mCAAmC;CAClD,iBAAiB,IAAI,gCAAgC;CACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEXD,MAAaC,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}

package/dist/styles.css

@@ -56,11 +56,12 @@
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-400: oklch(70.4% 0.04 256.788);
     --color-slate-600: oklch(44.6% 0.043 257.281);
-    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-zinc-600: oklch(44.2% 0.017 285.786);
     --color-stone-50: oklch(98.5% 0.001 106.423);
     --color-stone-100: oklch(97% 0.001 106.424);
@@ -196,8 +197,8 @@
     --spacing-button-large: 2.5rem;
     --spacing-container: 50rem;
     --spacing-section: 3.5rem;
-    --spacing-field-Y: 2rem;
-    --spacing-field-X: 1.25rem;
+    --spacing-fieldY: 2rem;
+    --spacing-fieldX: 1.25rem;
     --spacing-group: 1rem;
     --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
     --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -597,6 +598,9 @@
   [data-theme="rui"] .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  [data-theme="rui"] .mb-2\.5 {
+    margin-bottom: calc(var(--spacing) * 2.5);
+  }
   [data-theme="rui"] .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -1762,6 +1766,9 @@
   [data-theme="rui"] .justify-start {
     justify-content: flex-start;
   }
+  [data-theme="rui"] .gap-\(--space\) {
+    gap: var(--space);
+  }
   [data-theme="rui"] .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
@@ -1885,11 +1892,11 @@
   [data-theme="rui"] .gap-\[var\(--spacing-container\)\] {
     gap: var(--spacing-container);
   }
-  [data-theme="rui"] .gap-\[var\(--spacing-field-X\)\] {
-    gap: var(--spacing-field-X);
+  [data-theme="rui"] .gap-\[var\(--spacing-fieldX\)\] {
+    gap: var(--spacing-fieldX);
   }
-  [data-theme="rui"] .gap-\[var\(--spacing-field-Y\)\] {
-    gap: var(--spacing-field-Y);
+  [data-theme="rui"] .gap-\[var\(--spacing-fieldY\)\] {
+    gap: var(--spacing-fieldY);
   }
   [data-theme="rui"] .gap-\[var\(--spacing-group\)\] {
     gap: var(--spacing-group);
@@ -1934,6 +1941,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  [data-theme="rui"] .gap-y-\(--space\) {
+    row-gap: var(--space);
+  }
   [data-theme="rui"] .gap-y-0 {
     row-gap: calc(var(--spacing) * 0);
   }
@@ -2056,6 +2066,12 @@
   [data-theme="rui"] .border-black {
     border-color: var(--color-black);
   }
+  [data-theme="rui"] .border-black\/25 {
+    border-color: color-mix(in srgb, #000 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+    }
+  }
   [data-theme="rui"] .border-blue-700 {
     border-color: var(--color-blue-700);
   }
@@ -2068,9 +2084,6 @@
   [data-theme="rui"] .border-destructive-muted-accent {
     border-color: var(--color-red-600);
   }
-  [data-theme="rui"] .border-gray-200 {
-    border-color: var(--color-gray-200);
-  }
   [data-theme="rui"] .border-gray-700 {
     border-color: var(--color-gray-700);
   }
@@ -2146,12 +2159,21 @@
   [data-theme="rui"] .bg-black {
     background-color: var(--color-black);
   }
+  [data-theme="rui"] .bg-black\/5 {
+    background-color: color-mix(in srgb, #000 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+    }
+  }
   [data-theme="rui"] .bg-black\/80 {
     background-color: color-mix(in srgb, #000 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
     }
   }
+  [data-theme="rui"] .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   [data-theme="rui"] .bg-blue-700 {
     background-color: var(--color-blue-700);
   }
@@ -2173,8 +2195,8 @@
   [data-theme="rui"] .bg-destructive-muted {
     background-color: var(--color-red-100);
   }
-  [data-theme="rui"] .bg-gray-100 {
-    background-color: var(--color-gray-100);
+  [data-theme="rui"] .bg-gray-200 {
+    background-color: var(--color-gray-200);
   }
   [data-theme="rui"] .bg-gray-500 {
     background-color: var(--color-gray-500);
@@ -2209,6 +2231,9 @@
   [data-theme="rui"] .bg-red-300 {
     background-color: var(--color-red-300);
   }
+  [data-theme="rui"] .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
   [data-theme="rui"] .bg-slate-100 {
     background-color: var(--color-slate-100);
   }
@@ -2272,6 +2297,21 @@
   [data-theme="rui"] .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
+  [data-theme="rui"] .bg-linear-to-b {
+    --tw-gradient-position: to bottom;
+    @supports (background-image: linear-gradient(in lab, red, red)) {
+      --tw-gradient-position: to bottom in oklab;
+    }
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  [data-theme="rui"] .from-gray-50 {
+    --tw-gradient-from: var(--color-gray-50);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  [data-theme="rui"] .to-white {
+    --tw-gradient-to: var(--color-white);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   [data-theme="rui"] .fill-\[\#990000\] {
     fill: #990000;
   }
@@ -3278,6 +3318,9 @@
   [data-theme="rui"] .text-gray-700 {
     color: var(--color-gray-700);
   }
+  [data-theme="rui"] .text-gray-800 {
+    color: var(--color-gray-800);
+  }
   [data-theme="rui"] .text-green-300 {
     color: var(--color-green-300);
   }
@@ -3320,6 +3363,9 @@
   [data-theme="rui"] .text-orange-700 {
     color: #c2520c;
   }
+  [data-theme="rui"] .text-red-500 {
+    color: var(--color-red-500);
+  }
   [data-theme="rui"] .text-secondary {
     color: var(--color-stone-50);
   }
@@ -5917,6 +5963,48 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -6203,6 +6291,15 @@
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-ordinal: initial;

package/dist/theme.css

@@ -164,8 +164,8 @@
   /* spacing between elements */
   --spacing-container: 50rem; /* e.g. form container */
   --spacing-section: 3.5rem; /* e.g. between form sections */
-  --spacing-field-Y: 2rem; /* e.g. between fields vertically */
-  --spacing-field-X: 1.25rem; /* e.g. between fields horizontally */
+  --spacing-fieldY: 2rem; /* e.g. between fields vertically */
+  --spacing-fieldX: 1.25rem; /* e.g. between fields horizontally */
   --spacing-group: 1rem; /* e.g. between related fields to group them */
 
   /* ==================== */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Marigold RUI Theme",
   "license": "MIT",
   "keywords": [
@@ -47,14 +47,14 @@
     "cssnano": "7.1.2",
     "postcss-cli": "11.0.1",
     "tailwindcss": "4.1.17",
-    "tsdown": "0.15.9",
-    "@marigold/tsconfig": "0.4.1"
+    "tsdown": "0.16.8",
+    "@marigold/tsconfig": "0.4.2"
   },
   "dependencies": {
     "tailwindcss-animate": "1.0.7",
     "tailwindcss-react-aria-components": "^2.0.1",
-    "@marigold/components": "16.0.0",
-    "@marigold/system": "16.0.0"
+    "@marigold/components": "16.1.0",
+    "@marigold/system": "16.1.0"
   },
   "scripts": {
     "build": "NODE_ENV=production tsdown && postcss -o dist/styles.css src/styles.css && cp src/theme.css src/global.css src/utils.css dist/"

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/theme.ts"],"sourcesContent":[],"mappings":";;;cAGa,OAAO"}

package/dist/index.js.map

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