@marigold/theme-rui 5.2.0 → 5.2.2

package/dist/index.cjs

@@ -229,7 +229,7 @@ const Card = (0, _marigold_system.cva)({
 const Checkbox = {
 	checkbox: (0, _marigold_system.cva)({ base: [
 		"grid size-4 shrink-0 place-content-center rounded",
-		"border border-input shadow-xs",
+		"border border-input shadow-elevation-border",
 		"group-focus-visible/checkbox:ui-state-focus group-focus-visible/checkbox:border-(--ui-border-color) outline-none",
 		"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",
 		"group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground",
@@ -279,11 +279,11 @@ const Calendar = {
 		"focus-visible:ui-state-focus outline-none",
 		"cursor-pointer",
 		"hover:bg-hover",
-		"aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90"
+		"aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-elevation-border aria-selected:hover:bg-brand/90"
 	] }),
 	select: (0, _marigold_system.cva)({ base: [
 		"[&svg]:text-muted-foreground",
-		"flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow",
+		"flex w-full px-3 py-2 rounded-lg shadow-elevation-border border border-input bg-background text-sm text-foreground transition-shadow",
 		"focus-visible:ui-state-focus outline-none",
 		"h-input",
 		"disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled",
@@ -618,7 +618,7 @@ const Menu = {
 			"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4"
 		],
 		variants: { variant: {
-			default: "text-foreground focus:bg-focus [&_svg]:text-muted-foreground:opacity-60",
+			default: "text-foreground focus:bg-focus [&_svg]:text-muted-foreground [&_svg]:opacity-60",
 			destructive: "text-destructive focus:bg-destructive/10"
 		} },
 		defaultVariants: { variant: "default" }
@@ -786,7 +786,7 @@ const Radio = {
 	label: (0, _marigold_system.cva)({ base: ["text-sm font-normal cursor-pointer w-full", "group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed"] }),
 	radio: (0, _marigold_system.cva)({ base: [
 		"aspect-square size-4 rounded-full",
-		"border border-input shadow-xs",
+		"border border-input shadow-elevation-border",
 		"group-focus-visible/radio:ui-state-focus outline-none",
 		"group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed",
 		"group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground"
@@ -923,7 +923,7 @@ const Sidebar = {
 	] }),
 	root: (0, _marigold_system.cva)({ base: [
 		"relative h-full overflow-hidden",
-		"bg-surface border-surface-border ui-elevation-overlay util-scrollbar",
+		"bg-surface border-surface-border shadow-elevation-border util-scrollbar",
 		"sm:data-[state=expanded]:w-64",
 		"sm:data-[state=collapsed]:w-0",
 		"sm:transition-[width] sm:duration-200 sm:ease-in-out",
@@ -932,7 +932,7 @@ const Sidebar = {
 	] }),
 	closeButton: (0, _marigold_system.cva)({ base: ["absolute top-3.5 right-3", "size-7"] }),
 	content: (0, _marigold_system.cva)({ base: "sm:w-64" }),
-	header: (0, _marigold_system.cva)({ base: "ui-panel-header" }),
+	header: (0, _marigold_system.cva)({ base: "ui-panel-header h-14" }),
 	nav: (0, _marigold_system.cva)({ base: ["flex flex-col px-3 py-1 overflow-y-auto outline-none", "ui-scrollbar"] }),
 	footer: (0, _marigold_system.cva)({ base: "ui-panel-actions" }),
 	toggle: (0, _marigold_system.cva)({ base: [
@@ -978,9 +978,9 @@ const Sidebar = {
 const Slider = {
 	container: (0, _marigold_system.cva)({ base: "*:aria-hidden:hidden" }),
 	track: (0, _marigold_system.cva)({ base: ["relative bg-muted rounded-lg flex w-full touch-none select-none items-center", "orientation-vertical:h-full orientation-vertical:w-auto orientation-vertical:flex-col disabled:opacity-50"] }),
-	selectedTrack: (0, _marigold_system.cva)({ base: ["absolute bg-black orientation-horizontal:h-full orientation-vertical:w-full rounded-lg"] }),
+	selectedTrack: (0, _marigold_system.cva)({ base: ["absolute bg-brand orientation-horizontal:h-full orientation-vertical:w-full rounded-lg"] }),
 	thumb: (0, _marigold_system.cva)({ base: [
-		"block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors",
+		"block h-5 w-5 rounded-full border-2 border-brand bg-background transition-colors",
 		"focus-visible:ui-state-focus outline-none",
 		"disabled:cursor-not-allowed"
 	] }),
@@ -1000,7 +1000,7 @@ const Switch = {
 	] }),
 	thumb: (0, _marigold_system.cva)({ base: [
 		"pointer-events-none block size-5 rounded-full",
-		"bg-background shadow-xs",
+		"bg-background shadow-elevation-border",
 		"ring-0 transition-transform duration-150 ease-out-quint",
 		"group-selected/switch:translate-x-4 translate-x-0"
 	] })
@@ -1085,7 +1085,7 @@ const Table = {
 		"[&_svg]:size-4",
 		"focus-visible:ui-state-focus outline-none"
 	] }),
-	dragPreview: (0, _marigold_system.cva)({ base: ["px-4 py-3 bg-brand rounded-lg shadow-lg", "text-sm text-brand-foreground"] }),
+	dragPreview: (0, _marigold_system.cva)({ base: ["px-4 py-3 bg-brand rounded-lg shadow-elevation-overlay", "text-sm text-brand-foreground"] }),
 	dragPreviewCounter: (0, _marigold_system.cva)({ base: [
 		"flex items-center justify-center rounded-full",
 		"bg-brand-foreground px-2",
@@ -1225,7 +1225,7 @@ const Tag = {
 		"ui-surface shadow-elevation-border",
 		"font-medium text-xs",
 		"h-6 px-2 cursor-default",
-		"selected:text-white selected:[--ui-background-color:var(--color-brand)]",
+		"selected:text-brand-foreground selected:[--ui-background-color:var(--color-brand)]",
 		"data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled",
 		"focus-visible:ui-state-focus outline-none"
 	] }),
@@ -1364,7 +1364,7 @@ const Tooltip = {
 		],
 		variants: { variant: {
 			default: "text-brand-foreground bg-brand border-brand",
-			white: "text-secondary-foreground border-input bg-white"
+			white: "text-secondary-foreground border-input bg-surface"
 		} },
 		defaultVariants: { variant: "default" }
 	}),
@@ -1376,7 +1376,7 @@ const Tooltip = {
 		],
 		variants: { variant: {
 			default: "fill-brand  stroke-brand",
-			white: "fill-white  stroke-input "
+			white: "fill-surface  stroke-input "
 		} },
 		defaultVariants: { variant: "default" }
 	})
@@ -1543,8 +1543,8 @@ const ToggleButton = {
 const TopNavigation = {
 	container: (0, _marigold_system.cva)({ base: [
 		"w-full min-h-14",
-		"bg-background border-b border-border shadow-elevation-border",
-		"gap-4 px-3 pt-2 sm:gap-6 md:gap-8 lg:gap-12"
+		"bg-background border-b border-border",
+		"gap-4 px-3 sm:gap-6 md:gap-8 lg:gap-12"
 	] }),
 	start: (0, _marigold_system.cva)({ base: "flex justify-start gap-4" }),
 	middle: (0, _marigold_system.cva)({ base: ["flex items-end", "p-1 -m-1"] }),

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../src/components/Accordion.styles.ts","../src/components/ActionBar.styles.ts","../src/components/Autocomplete.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/EmptyState.styles.ts","../src/components/IconButton.styles.ts","../src/components/Input.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Sidebar.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/LegacyTable.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TagField.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Tray.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/ToggleButton.styles.ts","../src/components/TopNavigation.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({\n    base: 'flex-col',\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva({\n    variants: {\n      variant: {\n        default: ['bg-background border-b last:border-b-0 border-border'],\n        card: [\n          'ui-surface shadow-elevation-raised py-1 outline-none',\n          // Show focus border when the trigger is focused\n          'has-[[slot=trigger]:focus-visible]:ui-state-focus outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva({\n    base: [\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    variants: {\n      variant: {\n        default: 'focus-visible:ui-state-focus outline-none',\n        card: 'px-4 outline-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  panel: cva({\n    base: 'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250',\n  }),\n  content: cva({\n    base: 'pb-2',\n    variants: {\n      variant: {\n        default: '',\n        card: 'px-4',\n      },\n    },\n  }),\n  icon: cva({\n    base: 'pointer-events-none shrink-0 text-muted-foreground transition-transform duration-250',\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ActionBar: ThemeComponent<'ActionBar'> = {\n  container: cva({\n    base: [\n      'relative w-fit',\n      'flex items-center justify-between justify-items-center gap-16',\n      'px-6 py-3',\n      'shadow-elevation-overlay',\n      'ui-surface-contrast',\n      'rounded-full font-medium',\n      'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'entering:animate-slide-in',\n      'exiting:animate-slide-out',\n    ],\n  }),\n  selection: cva({ base: 'flex items-center gap-1' }),\n  count: cva({\n    base: 'flex items-center text-sm font-medium whitespace-nowrap',\n  }),\n  toolbar: cva({\n    base: [\n      'flex items-center',\n      'flex-1 justify-center',\n      'overflow-x-auto',\n      'p-1 -m-1',\n    ],\n  }),\n  clearButton: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'shrink-0 size-8 rounded-full cursor-pointer transition-colors',\n      'hover:bg-current/10',\n      'focus-visible:ui-state-focus outline-none',\n      'disabled:ui-state-disabled',\n      '[&_svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n    ],\n  }),\n  actionButton: cva({\n    base: [\n      'ui-button-base',\n      'hover:bg-current/10',\n      'text-sm h-button p-squish-relaxed [&_svg]:size-4',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Autocomplete: ThemeComponent<'Autocomplete'> = {\n  mobileTrigger: cva({ base: 'group/input relative flex items-center' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva({\n  base: [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:ui-state-focus outline-none',\n    'has-[svg]:gap-1',\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","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva({\n  base: [\n    'ui-button-base gap-2',\n    'duration-150 active:scale-[0.97] pressed:not-aria-expanded:scale-[0.97]',\n    'pending:ui-state-disabled',\n  ],\n  variants: {\n    variant: {\n      primary: [\n        'ui-surface-contrast',\n        'hover:[--ui-background-color:oklch(from_var(--color-brand)_calc(l-0.05)_c_h)]',\n      ],\n      secondary: [\n        'ui-surface shadow-elevation-border',\n        'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n        'expanded:[--ui-background-color:var(--color-hover)]',\n      ],\n      ghost: 'hover:bg-current/10',\n      destructive:\n        'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n      'destructive-ghost': 'text-destructive hover:bg-current/8',\n      link: 'text-link ui-touch-hitbox',\n    },\n    size: {\n      default: 'text-sm',\n      small: 'text-xs',\n      large: '',\n      icon: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'secondary',\n    size: 'default',\n  },\n  compoundVariants: [\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      class: 'items-center justify-center',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'default',\n      class: 'h-button p-squish-relaxed [&_svg]:size-4',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'small',\n      class: 'h-button-small px-3 [&_svg]:size-3.5',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'large',\n      class: 'h-button-large px-8 [&_svg]:size-5',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'icon',\n      class: 'size-button [&_svg]:size-4',\n    },\n  ],\n});\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva({\n  base: ['p-4 rounded-md shadow-elevation-raised'],\n  variants: {\n    variant: {\n      default: 'ui-surface',\n      master: 'bg-access-master/30 border border-access-master',\n      admin: 'bg-access-admin/30 border border-access-admin',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva({\n    base: [\n      'grid size-4 shrink-0 place-content-center rounded',\n      'border border-input shadow-xs',\n      'group-focus-visible/checkbox:ui-state-focus group-focus-visible/checkbox:border-(--ui-border-color) outline-none',\n      'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n      'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n      'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n    ],\n  }),\n  container: cva({ base: 'cursor-pointer read-only:cursor-default gap-2' }),\n  label: cva({\n    base: [\n      'flex items-center gap-1',\n      'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foreground',\n      'group-disabled/checkbox:text-disabled-foreground',\n    ],\n  }),\n  group: cva({ base: 'flex flex-col gap-1' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva({\n    base: [\n      'ui-surface shadow-elevation-border p-2',\n      // In a Popover\n      'group-data-trigger/popover:shadow-elevation-overlay',\n      // In a Tray\n      'group-[[role=dialog]]/tray:shadow-none group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:p-0 group-[[role=dialog]]/tray:place-self-center',\n    ],\n  }),\n  calendarContainer: cva({ base: 'flex gap-4' }),\n  calendarMonth: cva({ base: 'min-w-[250px] flex-1' }),\n  calendarCell: cva({\n    base: [\n      'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n      'border border-transparent p-0 text-sm font-normal text-foreground',\n      'outline-offset-2 duration-150 transition-all',\n      'selected:bg-brand selected:text-brand-foreground',\n      'data-hovered:bg-hover data-hovered:text-foreground',\n      'data-focus-visible:z-10 focus-visible:ui-state-focus outline-none',\n      'disabled:pointer-events-none disabled:opacity-30',\n      'unavailable:pointer-events-none unavailable:opacity-30 unavailable:line-through',\n      'outside-month:hidden',\n    ],\n  }),\n  calendarControllers: cva({\n    base: [\n      'size-9 rounded-lg',\n      'text-muted-foreground',\n      'transition-colors',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  calendarHeader: cva({\n    base: ['size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground'],\n  }),\n  calendarGrid: cva({\n    base: '[&_td]:p-2 [&_td]:group-[[role=dialog]]/tray:p-0.75',\n  }),\n  calendarListboxButton: cva({\n    base: [\n      'rounded-md text-sm font-medium transition-[color,box-shadow]',\n      'px-4 py-2',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer',\n      'hover:bg-hover',\n      'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n    ],\n  }),\n  select: cva({\n    base: [\n      '[&svg]:text-muted-foreground',\n      'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n      'focus-visible:ui-state-focus outline-none',\n      'h-input',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n      'cursor-pointer',\n    ],\n  }),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva({\n  base: [\n    'flex items-center justify-center whitespace-nowrap',\n    'cursor-pointer',\n    'transition-[color,box-shadow,transform]',\n    'focus-visible:ui-state-focus outline-none',\n    'rounded-full',\n    'ui-press',\n    '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n  ],\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = {\n  icon: cva({ base: 'text-muted-foreground/80 right-2' }),\n  mobileTrigger: cva({ base: 'group/input relative flex items-center' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva({}),\n  trigger: cva({\n    base: [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'ui-interactive',\n      'ui-press',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        link: 'text-link ui-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  content: cva({}),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva({\n    base: [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow]',\n      'hover:ui-state-focus hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer ui-touch-hitbox',\n    ],\n    variants: {\n      variant: {\n        help: '',\n        info: '',\n      },\n      size: {\n        default: '[&_svg]:size-4',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  container: cva({\n    base: [\n      'outline-none',\n      'ui-surface shadow-elevation-overlay ui-scrollbar',\n      'p-5',\n      'data-small:max-w-3xs data-medium:max-w-xs data-large:max-w-md',\n    ],\n  }),\n  title: cva({ base: 'text-lg font-semibold mb-1' }),\n  content: cva({ base: 'text-sm' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva({\n    base: [\n      'ui-surface shadow-elevation-border h-input',\n      'flex items-center',\n      'disabled:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'has-focus:ui-state-focus',\n      // Need to set error ring manually to override focus ring\n      'has-invalid:ui-state-error has-focus:has-invalid:ring-destructive/20',\n    ],\n  }),\n  input: cva({ base: ['ui-input', 'cursor-text'] }),\n  segment: cva({\n    base: [\n      'group/segment inline rounded leading-none whitespace-pre p-0.5 outline-0 caret-transparent',\n      'text-foreground',\n      'data-placeholder:text-placeholder type-literal:text-placeholder type-literal:px-0',\n      'data-focused:bg-stone-300 data-focused:text-foreground data-focused:data-placeholder:text-foreground',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n      'data-placeholder:disabled:text-disabled-foreground',\n      'invalid:text-destructive invalid:data-focused:bg-destructive invalid:data-focused:text-destructive-foreground invalid:data-focused:data-placeholder:text-destructive-foreground',\n    ],\n  }),\n  action: cva({\n    base: '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  base: [\n    'h-input pr-3',\n    'text-muted-foreground',\n    'hover:text-brand',\n    'disabled:cursor-not-allowed',\n    'ui-touch-hitbox',\n  ],\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva({ base: ['absolute top-6 right-3', 'size-7 '] }),\n  container: cva({\n    base: [\n      'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n      'ui-surface shadow-elevation-overlay ui-scrollbar',\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  header: cva({ base: 'flex flex-col gap-1 text-center sm:text-left' }),\n  title: cva({ base: 'text-lg font-semibold mb-1' }),\n  content: cva({ base: 'text-muted-foreground text-sm' }),\n  actions: cva({\n    base: 'flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4',\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva({\n  base: '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    base: [\n      'group/overlay',\n      '[--slide-offset:1rem]',\n      'inset-y-4 right-4 entering:animate-slide-in-right exiting:animate-slide-out-right',\n    ],\n  }),\n  container: cva({\n    base: [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'rounded-xl ui-surface util-scrollbar',\n      'shadow-[var(--shadow-elevation-overlay),0_0_3px_1px_oklch(0_0_0/0.06)]',\n      '[--ui-border-color:oklch(from_var(--color-surface-border)_calc(l-0.1)_c_h)]',\n      'h-full',\n    ],\n    variants: {\n      size: {\n        xsmall: 'w-64',\n        small: 'w-72',\n        medium: 'w-96',\n      },\n    },\n  }),\n  closeButton: cva({ base: ['absolute top-3.5 right-3', 'size-7'] }),\n  header: cva({ base: 'ui-panel-header' }),\n  title: cva({ base: 'font-semibold text-base' }),\n  content: cva({ base: 'px-6 py-4 overflow-y-auto outline-none' }),\n  actions: cva({ base: 'ui-panel-actions' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const EmptyState: ThemeComponent<'EmptyState'> = {\n  container: cva({ base: ['mx-auto flex max-w-sm flex-col items-center p-6'] }),\n  title: cva({ base: ['text-lg'] }),\n  description: cva({ base: ['text-muted-foreground text-sm text-center'] }),\n  action: cva({ base: ['mt-6'] }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva({\n  variants: {\n    variant: {\n      navigation:\n        'ui-button-base text-sm hover:bg-current/8 h-9 py-2 px-2.5 disabled:pointer-events-none',\n    },\n  },\n});\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input',\n      'disabled:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'invalid:ui-state-error',\n      'focus:ui-state-focus outline-none',\n      'group-read-only/field:cursor-default',\n      'group-data-icon/input:pl-8',\n      'group-data-action/input:pr-7',\n\n      // [type=file] styles\n      '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:h-[calc(var(--spacing-input)-2px)] [&[type=file]]:pl-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground',\n      'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n\n      // [type-color] styles\n      '[&[type=color]]:h-input',\n      '[&::-webkit-color-swatch-wrapper]:p-0',\n      '[&::-webkit-color-swatch]:p-2 [&::-moz-color-swatch]:p-2',\n      '[&::-webkit-color-swatch]:rounded-[inherit] [&::-moz-color-swatch]:rounded-[inherit]',\n      '[&::-webkit-color-swatch]:border-0 [&::-moz-color-swatch]:border-0',\n    ],\n  }),\n  icon: cva({\n    base: [\n      'pointer-events-none left-2.5',\n      'text-muted-foreground disabled:text-disabled-foreground',\n    ],\n  }),\n  action: cva({ base: ['text-muted-foreground pr-1 right-2'] }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva({ base: '' });\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    base: [\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  }),\n  icon: cva({ base: '' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva({\n  base: [\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});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva({\n  base: 'aria-[disabled]:cursor-not-allowed',\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva({\n    base: 'ml-6 list-outside list-disc space-y-1 marker:text-muted-foreground',\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  ol: cva({\n    base: 'ml-6 list-outside list-decimal space-y-1 marker:text-muted-foreground',\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  item: cva({ base: '' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva({\n    base: [\n      'flex ui-surface',\n      // Standalone\n      'not-group-data-trigger/popover:',\n      // In a Popover\n      'group-data-trigger/popover:shadow-elevation-overlay',\n      'group-data-trigger/popover:w-full',\n      'group-data-trigger/popover:overflow-hidden',\n      // In a Tray\n      'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n    ],\n  }),\n  list: cva({\n    base: ['p-1 text-sm outline-0 space-y-px overflow-y-auto w-full'],\n  }),\n  item: cva({\n    base: [\n      'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground max-sm:min-h-11',\n      '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n      'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n      'hover:bg-hover hover:text-hover-foreground',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n      'focus-visible:ui-state-focus outline-none focus-visible:z-1 transition-[border,color]',\n      'cursor-default data-selection-mode:cursor-pointer',\n      '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n    ],\n  }),\n  section: cva({ base: '' }),\n  header: cva({\n    base: '[&_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    base: [\n      'ui-surface shadow-elevation-overlay w-full',\n      'text-foreground overflow-x-hidden p-1 outline-none overflow-y-auto',\n      // In a Tray\n      'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n    ],\n  }),\n  item: cva({\n    base: [\n      'relative flex cursor-pointer items-center gap-2 rounded-[calc(var(--radius-surface)-3px)] p-2 text-sm outline-hidden select-none text-nowrap max-sm:min-h-11',\n      'disabled:text-disabled-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n    ],\n    variants: {\n      variant: {\n        default:\n          'text-foreground focus:bg-focus [&_svg]:text-muted-foreground:opacity-60',\n        destructive: 'text-destructive focus:bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  section: cva({\n    base: 'text-muted-foreground p-2 text-xs font-medium border-t border-t-border in-first:border-t-0',\n  }),\n  button: cva({\n    base: [\n      'ui-button-base gap-2',\n      'duration-150 active:scale-[0.97] pressed:not-aria-expanded:scale-[0.97]',\n      'pending:ui-state-disabled',\n    ],\n    variants: {\n      variant: {\n        default: [\n          'ui-surface shadow-elevation-border',\n          'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n          'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n          'pending:[--ui-background-color:var(--color-disabled)] pending:border-0 pending:shadow-none',\n          'expanded:[--ui-background-color:var(--color-hover)]',\n        ],\n        ghost: 'hover:bg-hover hover:text-foreground',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['default', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'default',\n        class: 'h-button p-squish-relaxed [&_svg]:size-4',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva({\n  base: [\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  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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva({ base: 'space-y-2' }),\n  container: cva({\n    base: [\n      'ui-surface shadow-elevation-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\n  input: cva({\n    base: [\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\n  tag: cva({\n    base: [\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  }),\n  closeButton: cva({\n    base: 'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0',\n  }),\n  icon: cva({ base: 'left-1' }),\n  listContainer: cva({\n    base: ['ui-surface shadow-elevation-overlay mt-0.5 outline-0'],\n  }),\n  list: cva({ base: 'pointer-events-auto space-y-1 p-1' }),\n  option: cva({\n    base: [\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  }),\n  valueContainer: cva({ base: 'gap-2' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva({\n    base: [\n      'ui-surface shadow-elevation-border h-input',\n      'has-invalid:ui-state-error',\n      'group-data-disabled/field:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'has-focus:ui-state-focus outline-none',\n    ],\n  }),\n  stepper: cva({\n    base: [\n      'w-8 h-full text-center shrink-0 grid palce-items-center',\n      'text-foreground',\n      'disabled:text-disabled-foreground disabled:bg-disabled',\n      'border-input!',\n      'first-of-type:border-r! first-of-type:rounded-l-[calc(var(--radius-lg)-1px)]',\n      'last-of-type:border-l! last-of-type:rounded-r-[calc(var(--radius-lg)-1px)]',\n    ],\n  }),\n  input: cva({\n    base: [\n      'ui-input',\n      'flex-1',\n      'group-data-stepper/field:text-center',\n      'disabled:text-disabled-foreground disabled:bg-disabled',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva({\n  base: [\n    'group/popover',\n    'outline-0',\n    'placement-top:mb-1',\n    'placement-bottom:mt-1',\n    'placement-right:ml-1',\n    'placement-left:mr-1',\n  ],\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva({ base: 'group-disabled/radio:cursor-not-allowed' }),\n  label: cva({\n    base: [\n      'text-sm font-normal cursor-pointer w-full',\n      'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n    ],\n  }),\n  radio: cva({\n    base: [\n      'aspect-square size-4 rounded-full',\n      'border border-input shadow-xs',\n      'group-focus-visible/radio:ui-state-focus outline-none',\n      'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n      'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n    ],\n  }),\n  group: cva({}),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva({ base: 'flex items-center justify-center space-x-2' }),\n  navigationButton: cva({\n    base: [\n      'ui-button-base',\n      'text-sm hover:bg-current/10',\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  }),\n  pageButton: cva({\n    base: [\n      'ui-button-base',\n      'text-sm bg-background size-9',\n      'data-[selected=true]:ui-surface data-[selected=true]:shadow-elevation-border',\n    ],\n  }),\n  icon: cva({ base: 'h-4 w-4' }),\n  ellipsis: cva({\n    base: 'text-foreground flex h-8 w-8 items-center justify-center',\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n  container: cva({\n    base: '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({ base: 'text-current text-sm' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva({\n    base: [\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    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  title: cva({ base: 'text-sm font-medium' }),\n  content: cva({\n    base: '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({\n    base: '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    base: [\n      'size-8 text-foreground',\n      '[&_svg]:size-6',\n      '-my-1.5 -me-2', // align button with title\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva({ base: 'text-muted-foreground/80' }),\n  select: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input h-input ',\n      'cursor-pointer',\n      'group-invalid/field:ui-state-error',\n      'disabled:ui-state-disabled',\n      'focus-visible:ui-state-focus outline-none',\n      '*:data-placeholder:text-placeholder',\n      /**\n       * Removes the spacing from the field when there is no\n       * helptext. Spacing is applied because the select is followed\n       * by a hidden select that is rendered by react-aria.\n       */\n      'has-[+_[aria-hidden=true]]:mb-0',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Sidebar: ThemeComponent<'Sidebar'> = {\n  overlay: cva({}),\n  modal: cva({\n    base: [\n      'flex h-full *:flex-1',\n      'justify-start',\n      'entering:animate-slide-in-left',\n      'exiting:animate-slide-out-left exiting:[--slide-out-duration:0.1s]',\n      'motion-reduce:entering:animate-none motion-reduce:exiting:animate-none',\n    ],\n  }),\n  root: cva({\n    base: [\n      'relative h-full overflow-hidden',\n      'bg-surface border-surface-border ui-elevation-overlay util-scrollbar',\n      'sm:data-[state=expanded]:w-64',\n      'sm:data-[state=collapsed]:w-0',\n      'sm:transition-[width] sm:duration-200 sm:ease-in-out',\n      'motion-reduce:sm:transition-none',\n      'border-r',\n    ],\n  }),\n  closeButton: cva({ base: ['absolute top-3.5 right-3', 'size-7'] }),\n  content: cva({ base: 'sm:w-64' }),\n  header: cva({ base: 'ui-panel-header' }),\n  nav: cva({\n    base: [\n      'flex flex-col px-3 py-1 overflow-y-auto outline-none',\n      'ui-scrollbar',\n    ],\n  }),\n  footer: cva({ base: 'ui-panel-actions' }),\n  toggle: cva({\n    base: [\n      'ui-button-base ui-press',\n      'hover:bg-current/10',\n      'size-button [&_svg]:size-6',\n    ],\n  }),\n  separator: cva({ base: 'bg-border my-1 h-px border-0' }),\n  groupLabel: cva({\n    base: 'px-2 h-7.5 pt-3 pb-0.5 mb-1 text-xs font-medium text-muted-foreground uppercase tracking-wider',\n  }),\n  navPanel: cva({\n    base: [\n      'flex flex-col gap-0.5 p-1',\n      'transition-[opacity,translate,filter] duration-300 ease-out sm:duration-200',\n\n      // Panel behind (already visited) — slides left\n      'data-[position=before]:absolute data-[position=before]:inset-x-0 data-[position=before]:top-0',\n      'data-[position=before]:invisible data-[position=before]:opacity-0',\n      'data-[position=before]:-translate-x-1/3 data-[position=before]:sm:-translate-x-2',\n      'data-[position=before]:sm:blur-[2px]',\n      'data-[position=before]:pointer-events-none',\n\n      // Panel ahead (not yet visited) — slides right\n      'data-[position=after]:absolute data-[position=after]:inset-x-0 data-[position=after]:top-0',\n      'data-[position=after]:invisible data-[position=after]:opacity-0',\n      'data-[position=after]:translate-x-1/3 data-[position=after]:sm:translate-x-2',\n      'data-[position=after]:sm:blur-[2px]',\n      'data-[position=after]:pointer-events-none',\n\n      'motion-reduce:transition-none',\n    ],\n  }),\n  navLink: cva({\n    base: [\n      'flex items-center gap-2 w-full px-2 h-9 text-sm rounded-md',\n      'text-foreground/80 hover:text-foreground hover:bg-hover transition-colors',\n      'data-active:bg-selected data-active:text-foreground data-active:font-medium',\n      'motion-reduce:transition-none',\n      'outline-none focus-visible:ui-state-focus',\n    ],\n  }),\n  backButton: cva({\n    base: [\n      'flex items-center gap-2 w-full pl-0.5 pr-2 h-9 text-sm rounded-md',\n      'text-foreground/80 hover:text-foreground hover:bg-hover transition-colors',\n      'motion-reduce:transition-none',\n      'outline-none focus-visible:ui-state-focus',\n      'cursor-pointer mb-1',\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva({ base: '*:aria-hidden:hidden' }),\n  track: cva({\n    base: [\n      'relative bg-muted rounded-lg flex w-full touch-none select-none items-center',\n      'orientation-vertical:h-full orientation-vertical:w-auto orientation-vertical:flex-col disabled:opacity-50',\n    ],\n  }),\n  selectedTrack: cva({\n    base: [\n      'absolute bg-black orientation-horizontal:h-full orientation-vertical:w-full rounded-lg',\n    ],\n  }),\n  thumb: cva({\n    base: [\n      'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n      'focus-visible:ui-state-focus outline-none',\n      'disabled:cursor-not-allowed',\n    ],\n  }),\n  output: cva({ base: 'text-foreground text-sm' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva({\n    base: 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n  }),\n  track: cva({\n    base: [\n      'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n      'border-2 border-transparent', // this increases the hit area so it is 24px\n      'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n      'group-selected/switch:bg-brand bg-input',\n      'group-focus-visible/switch:ui-state-focus outline-none',\n    ],\n  }),\n  thumb: cva({\n    base: [\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};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva({\n    base: ['text-sm bg-background'],\n    variants: {\n      variant: {\n        default: '',\n        grid: 'border-hidden',\n        muted: '',\n      },\n      size: {\n        compact: [\n          '[--cell-y-padding:calc(var(--spacing)*1.5)]',\n          '[--cell-x-padding:calc(var(--spacing)*2)]',\n          '[--header-height:calc(var(--spacing)*8)]',\n        ],\n        default: [\n          '[--cell-y-padding:calc(var(--spacing)*2.5)]',\n          '[--cell-x-padding:calc(var(--spacing)*2.5)]',\n          '[--header-height:calc(var(--spacing)*10)]',\n        ],\n        spacious: [\n          '[--cell-y-padding:calc(var(--spacing)*4)]',\n          '[--cell-x-padding:calc(var(--spacing)*4)]',\n          '[--header-height:calc(var(--spacing)*12)]',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n\n  row: cva({\n    base: [\n      'border-border not-last:border-b',\n      'transition-[background-color]',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n      'disabled:cursor-not-allowed',\n      'data-selection-mode:cursor-pointer data-selection-mode:hover:bg-muted',\n      'dragging:opacity-50 dragging:transform-gpu',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        grid: [\n          '**:not-last:[[role=rowheader]]:border-r **:not-last:[[role=rowheader]]:border-border',\n          '**:not-last:[[role=gridcell]]:border-r **:not-last:[[role=gridcell]]:border-border',\n        ],\n        admin: ['bg-access-admin'],\n        master: ['bg-access-master'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  // <thead>\n  head: cva({\n    base: [\n      // for sticky header\n      'bg-background/90',\n      'border-border border-b',\n    ],\n  }),\n  column: cva({\n    base: [\n      'h-(--header-height) px-(--cell-x-padding) py-0 align-middle',\n      'font-medium text-muted-foreground',\n      'not-has-[[type=checkbox]]:has-focus-visible:outline-2 not-has-[[type=checkbox]]:has-focus-visible:-outline-offset-2 not-has-[[type=checkbox]]:has-focus-visible:outline-ring/50',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50', // This one is for the empty dragging header column\n      'aria-[sort]:hover:bg-muted aria-[sort]:hover:cursor-pointer aria-[sort]:hover:text-foreground',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        grid: 'not-last:border-r border-border',\n        muted: 'bg-muted border-t border-border',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  // <tbody>\n  body: cva({ base: ['bg-background'] }),\n  cell: cva({\n    base: [\n      'px-(--cell-x-padding) py-(--cell-y-padding)',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n      'has-[[data-cell-content]:focus-visible]:outline-2 has-[[data-cell-content]:focus-visible]:-outline-offset-2 has-[[data-cell-content]:focus-visible]:outline-ring/50',\n      '**:data-cell-content:outline-none',\n    ],\n  }),\n\n  // Drag and drop\n  dragHandle: cva({\n    base: [\n      'text-muted-foreground rounded size-4',\n      '[&_svg]:size-4',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  dragPreview: cva({\n    base: [\n      'px-4 py-3 bg-brand rounded-lg shadow-lg',\n      'text-sm text-brand-foreground',\n    ],\n  }),\n  dragPreviewCounter: cva({\n    base: [\n      'flex items-center justify-center rounded-full',\n      'bg-brand-foreground px-2',\n      'text-xs font-medium leading-normal text-brand',\n    ],\n  }),\n  dropIndicator: cva({\n    base: [\n      'relative',\n      'before:absolute before:inset-0 before:h-0.5 before:-translate-y-1/2 before:bg-border',\n      'drop-target:before:z-10 drop-target:before:bg-brand',\n    ],\n  }),\n\n  // Editable cell\n  editablePopover: cva({\n    base: [\n      'ui-surface shadow-elevation-overlay',\n      'flex items-start justify-center gap-1 pl-1 pr-1 py-1',\n    ],\n  }),\n  editTrigger: cva({\n    base: [\n      'flex items-center justify-center',\n      'text-muted-foreground',\n      'size-button aspect-square rounded-surface transition-[color,background,transform]',\n      'ui-interactive',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n    ],\n  }),\n  editCancel: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'sm:text-muted-foreground font-medium',\n      'text-sm h-button-small sm:size-button sm:aspect-square rounded-surface transition-[color,background,transform]',\n      'cursor-pointer',\n      'ml-1.5', // some extra spacing between buttons and field\n      'focus-visible:ui-state-focus outline-none',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n    ],\n  }),\n  editSave: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'sm:text-muted-foreground font-medium',\n      'text-sm h-button-small sm:size-button sm:aspect-square rounded-surface transition-[color,background,transform]',\n      'cursor-pointer',\n      'focus-visible:ui-state-focus outline-none',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4.5',\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const LegacyTable: ThemeComponent<'LegacyTable'> = {\n  table: cva({\n    base: '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    variants: {\n      variant: {\n        default: '',\n        grid: '',\n      },\n    },\n  }),\n  thead: cva({\n    // for sticky header\n    base: 'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    variants: {\n      variant: {\n        default: '',\n        grid: '',\n      },\n    },\n  }),\n  headerRow: cva({\n    base: ['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    base: [\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    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  body: cva({ base: '[&_tr:last-child]:border-0 bg-background' }),\n  row: cva({\n    base: [\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    variants: {\n      variant: {\n        default: 'aria-selected:bg-muted',\n        grid: 'aria-selected:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        admin: [\n          'bg-access-admin',\n          '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n          '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n          '[&_td:first-child:before]:bg-access-admin-foreground',\n        ],\n        master: [\n          'bg-access-master',\n          '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n          '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n          '[&_td:first-child:before]:bg-access-master-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  cell: cva({\n    base: '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({ base: 'flex flex-col gap-2' }),\n  tabsList: cva({\n    base: [\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  }),\n  tab: cva({\n    base: [\n      'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n      '[&_svg]:shrink-0',\n      'focus-visible:ui-state-focus outline-none',\n      'hover:bg-current/10',\n      'disabled:pointer-events-none disabled:text-disabled-foreground',\n      'selected:text-foreground selected:hover:bg-current/10',\n    ],\n  }),\n  tabIndicator: cva({\n    base: [\n      'absolute inset-x-0 bottom-0 -mb-1 h-0.5 bg-foreground',\n      'origin-left',\n    ],\n  }),\n  tabpanel: cva({\n    base: ['py-4 rounded-sm', 'focus-visible:ui-state-focus outline-none'],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva({\n    base: [\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  }),\n  tag: cva({\n    base: [\n      'relative inline-flex items-center gap-1.75',\n      'ui-surface shadow-elevation-border',\n      'font-medium text-xs',\n      'h-6 px-2 cursor-default',\n      'selected:text-white selected:[--ui-background-color:var(--color-brand)]',\n      'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  closeButton: cva({\n    base: [\n      'size-4',\n      'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n    ],\n  }),\n  listItems: cva({\n    base: [\n      'flex flex-wrap gap-1',\n      // mb-0 prevents whitespace when the hidden field is rendered\n      'mb-0',\n    ],\n  }),\n  removeAll: cva({\n    base: [\n      'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n      'ui-press',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer',\n      'text-link text-xs ui-touch-hitbox',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TagField: ThemeComponent<'TagField'> = {\n  trigger: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input h-fit min-h-input',\n      'cursor-pointer py-1',\n      'group-disabled/field:ui-state-disabled',\n      '[&:has(>button[data-focus-visible])]:ui-state-focus',\n      // Need to set error ring manually to override focus ring\n      'group-invalid/field:ui-state-error',\n      '[&:has(>button[data-focus-visible])]:group-invalid/field:ring-destructive/20',\n    ],\n  }),\n  tagGroup: cva({ base: 'flex flex-1 flex-wrap items-center gap-1' }),\n  listItems: cva({ base: 'flex flex-wrap gap-1' }),\n  container: cva({\n    base: [\n      'ui-surface shadow-elevation-border group/tagfield',\n      'flex flex-col overflow-hidden gap-1.5 p-2',\n      'w-(--tagfield-trigger-width)',\n      '[&_div]:shadow-none! [&_div]:border-0!',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva({\n  base: [\n    'inline-flex',\n    'ui-surface shadow-elevation-border ui-input h-[initial]',\n    'disabled:ui-state-disabled',\n    'group-read-only/field:ui-state-readonly',\n    'invalid:ui-state-error',\n    'focus:ui-state-focus outline-none',\n  ],\n});\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    base: [\n      'ui-surface shadow-elevation-overlay',\n      'max-w-sm w-full pointer-events-auto overflow-hidden text-foreground',\n      'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n      \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:ui-state-focus outline-none\",\n      'p-4',\n    ],\n  }),\n  title: cva({\n    base: [\n      'text-sm font-medium',\n      '[grid-area:title]',\n      'flex items-center mb-0',\n    ],\n  }),\n  description: cva({\n    base: ['text-muted-foreground text-sm', '[grid-area:description] mt-0'],\n  }),\n  closeButton: cva({\n    base: [\n      '[grid-area:close] row-end-1',\n      'ml-2',\n      'flex items-center justify-center',\n      'size-5 rounded transition-[color,box-shadow] outline-none',\n      'focus-visible:ui-state-focus outline-none text-muted-foreground hover:text-hover-foreground',\n    ],\n  }),\n  icon: cva({\n    base: [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\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  content: cva({ base: ['contents'] }),\n  'bottom-left': cva({ base: ['fixed bottom-4 left-4 flex flex-col-reverse'] }),\n  'bottom-right': cva({\n    base: ['fixed bottom-4 right-4 flex flex-col-reverse'],\n  }),\n  'top-left': cva({ base: ['fixed top-4 left-4 flex flex-col'] }),\n  'top-right': cva({ base: ['fixed top-4 right-4 flex flex-col'] }),\n  top: cva({\n    base: [\n      'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n    ],\n  }),\n  bottom: cva({\n    base: [\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  }),\n  action: cva({ base: ['[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    base: [\n      'relative max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    variants: {\n      variant: {\n        default: 'text-brand-foreground bg-brand border-brand',\n        white: 'text-secondary-foreground border-input bg-white',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  arrow: cva({\n    base: [\n      // right\n      'placement-right:[&_svg]:rotate-90',\n      // left\n      'placement-left:[&_svg]:-rotate-90',\n      // bottom\n      'placement-bottom:[&_svg]:rotate-180',\n    ],\n    variants: {\n      variant: {\n        default: 'fill-brand  stroke-brand',\n        white: 'fill-white  stroke-input ',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tray: ThemeComponent<'Tray'> = {\n  overlay: cva({\n    base: 'bg-black/50 fixed inset-0 z-40 flex items-end justify-center',\n  }),\n  container: cva({\n    base: [\n      'w-full border-0 inset-shadow-black inset-shadow-sm/20',\n      'relative grid-rows-[auto_auto_1fr_auto] max-h-[95vh] rounded-b-none',\n      'ui-surface shadow-elevation-overlay',\n      'outline-hidden grid',\n      \"after:absolute after:inset-x-0 after:top-full after:h-screen after:bg-background after:content-['']\",\n    ],\n  }),\n  dragHandle: cva({\n    base: 'bg-surface-border mx-auto mt-2 h-1.5 w-12 rounded-full',\n  }),\n  header: cva({ base: 'ui-panel-header' }),\n  title: cva({ base: 'font-semibold text-base' }),\n  content: cva({ base: 'overflow-y-auto outline-none p-2' }),\n  actions: cva({ base: 'ui-panel-actions' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva({\n  base: 'bg-black/80 px-4',\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n  container: cva({\n    base: '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({\n    base: '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({ base: '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    base: [\n      'flex flex-wrap items-center gap-1 wrap-break-word text-sm sm:gap-1.5 text-muted-foreground',\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  item: cva({ base: 'inline-flex items-center gap-1.5 sm:gap-2.5' }),\n  link: cva({ base: 'transition-colors hover:text-foreground cursor-pointer' }),\n  current: cva({ base: 'font-normal text-foreground' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n  container: cva({ base: 'space-y-2 ' }),\n  dropZone: cva({\n    base: [\n      'relative flex min-h-52 flex-col items-center overflow-hidden',\n      'rounded-xl border border-dashed border-surface-border',\n      'p-4 transition-[color,background] not-data-files:justify-center',\n      'data-[drop-target=true]:bg-muted',\n      'focus-visible:bg-focus/50',\n    ],\n  }),\n  dropZoneContent: cva({\n    base: 'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center',\n  }),\n  dropZoneLabel: cva({ base: 'text-sm font-medium' }),\n  item: cva({\n    base: [\n      \"[grid-template-areas:'label_remove'_'description_remove'] grid-cols-[1fr_auto] gap-y-0.5 gap-x-2\",\n      'p-2',\n      'ui-surface shadow-elevation-border',\n    ],\n  }),\n  itemLabel: cva({ base: ['truncate text-[13px] font-medium'] }),\n  itemDescription: cva({ base: ['text-muted-foreground text-xs'] }),\n  itemRemove: cva({ base: ['flex items-center'] }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ToggleButton: ThemeComponent<'ToggleButton'> = {\n  group: cva({\n    base: 'group inline-flex ui-surface shadow-elevation-border',\n    variants: {\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  button: cva({\n    base: [\n      'ui-button-base gap-2',\n\n      // ToggleButton-specific styles\n      'ui-surface shadow-elevation-border',\n      'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n      'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n      'selected:[--ui-background-color:var(--color-input)] selected:shadow-none',\n\n      // Group-specific styles for ToggleButtonGroup\n      'in-[.group]:rounded-none in-[.group]:shadow-none in-[.group]:border-y-0 in-[.group]:border-l-0',\n      'in-[.group]:first:rounded-l-surface',\n      'in-[.group]:last:rounded-r-surface in-[.group]:last:border-r-0',\n    ],\n    variants: {\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const TopNavigation: ThemeComponent<'TopNavigation'> = {\n  container: cva({\n    base: [\n      'w-full min-h-14',\n      'bg-background border-b border-border shadow-elevation-border',\n      'gap-4 px-3 pt-2 sm:gap-6 md:gap-8 lg:gap-12',\n    ],\n  }),\n  start: cva({ base: 'flex justify-start gap-4' }),\n  middle: cva({\n    base: ['flex items-end', 'p-1 -m-1'],\n  }),\n  end: cva({ base: 'flex justify-end gap-4' }),\n};\n","export { Accordion } from './Accordion.styles';\nexport { ActionBar } from './ActionBar.styles';\nexport { Autocomplete } from './Autocomplete.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { EmptyState } from './EmptyState.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Sidebar } from './Sidebar.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { LegacyTable } from './LegacyTable.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TagField } from './TagField.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Tray } from './Tray.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\nexport { ToggleButton } from './ToggleButton.styles';\nexport { TopNavigation } from './TopNavigation.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,MAAa,YAAyC;CACpD,qCAAe;EACb,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,gCAAU;EACR,UAAU,EACR,SAAS;GACP,SAAS,CAAC,uDAAuD;GACjE,MAAM,CACJ,wDAEA,iEACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,kCAAY;EACV,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,iCAAW,EACT,MAAM,wFACP,CAAC;CACF,mCAAa;EACX,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,gCAAU,EACR,MAAM,wFACP,CAAC;CACH;;;;AC5DD,MAAa,YAAyC;CACpD,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,2BAA2B,CAAC;CACnD,iCAAW,EACT,MAAM,2DACP,CAAC;CACF,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,wCAAkB,EAChB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACH;;;;AC5CD,MAAa,eAA+C,EAC1D,yCAAmB,EAAE,MAAM,0CAA0C,CAAC,EACvE;;;;ACFD,MAAa,kCAAqC;CAChD,MAAM;EACJ;EACA;EACA;EACD;CACD,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,CAAC;;;;ACtBF,MAAa,mCAAuC;CAClD,MAAM;EACJ;EACA;EACA;EACD;CACD,UAAU;EACR,SAAS;GACP,SAAS,CACP,uBACA,gFACD;GACD,WAAW;IACT;IACA;IACA;IACD;GACD,OAAO;GACP,aACE;GACF,qBAAqB;GACrB,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CAAC;;;;AC1FF,MAAa,iCAAmC;CAC9C,MAAM,CAAC,yCAAyC;CAChD,UAAU,EACR,SAAS;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACbF,MAAa,WAAuC;CAClD,oCAAc,EACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,iDAAiD,CAAC;CACzE,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,uBAAuB,CAAC;CAC5C;;;;ACpBD,MAAa,WAAuC;CAClD,oCAAc,EACZ,MAAM;EACJ;EAEA;EAEA;EACD,EACF,CAAC;CACF,6CAAuB,EAAE,MAAM,cAAc,CAAC;CAC9C,yCAAmB,EAAE,MAAM,wBAAwB,CAAC;CACpD,wCAAkB,EAChB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,+CAAyB,EACvB,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,0CAAoB,EAClB,MAAM,CAAC,kEAAkE,EAC1E,CAAC;CACF,wCAAkB,EAChB,MAAM,uDACP,CAAC;CACF,iDAA2B,EACzB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,kCAAY,EACV,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;AC1DD,MAAa,wCAAiD,EAC5D,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;;;;ACXF,MAAa,WAAuC;CAClD,gCAAU,EAAE,MAAM,oCAAoC,CAAC;CACvD,yCAAmB,EAAE,MAAM,0CAA0C,CAAC;CACvE;;;;ACHD,MAAa,cAA6C;CACxD,qCAAe,EAAE,CAAC;CAClB,mCAAa;EACX,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACP;GACD,MAAM,EACJ,SAAS,WACV;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAa,EAAE,CAAC;CACjB;;;;ACxBD,MAAa,iBAAmD;CAC9D,mCAAa;EACX,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,UAAU;GACR,SAAS;IACP,MAAM;IACN,MAAM;IACP;GACD,MAAM,EACJ,SAAS,kBACV;GACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,8BAA8B,CAAC;CAClD,mCAAa,EAAE,MAAM,WAAW,CAAC;CAClC;;;;AChCD,MAAa,YAAyC;CACpD,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACA;EAEA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,CAAC,YAAY,cAAc,EAAE,CAAC;CACjD,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,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CAAC;CACzC,kCAAY,EACV,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,gCAAgC,CAAC;CACxD,sCAAgB,EACd,MAAM,kGACP,CAAC;CACF,oCAAc,EACZ,MAAM;EACJ;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACD,EACF,CAAC;CACF,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACnFD,MAAa,SAAmC;CAC9C,qCAAe,EAAE,MAAM,wBAAwB,CAAC;CAChD,iCAAW,EACT,MAAM,CACJ,gFACA,4GACD,EACF,CAAC;CACF,yCAAmB,EACjB,MAAM,CACJ,yFACD,EACF,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,kCAAY,EAAE,MAAM,2BAA2B,CAAC;CACjD;;;;ACrBD,MAAa,SAAmC;CAC9C,qCAAe,EACb,MAAM,iEACP,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACrBD,MAAa,QAAiC;CAC5C,iCAAW;EACT,MAAM,CAAC,wBAAwB;EAC/B,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACN,OAAO;IACR;GACD,MAAM;IACJ,SAAS;KACP;KACA;KACA;KACD;IACD,SAAS;KACP;KACA;KACA;KACD;IACD,UAAU;KACR;KACA;KACA;KACD;IACF;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CAEF,+BAAS;EACP,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,wFACA,qFACD;GACD,OAAO,CAAC,kBAAkB;GAC1B,QAAQ,CAAC,mBAAmB;GAC7B,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CAGF,gCAAU,EACR,MAAM,CAEJ,oBACA,yBACD,EACF,CAAC;CACF,kCAAY;EACV,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CAGF,gCAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC;CACtC,gCAAU,EACR,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CAGF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM,CACJ,2CACA,gCACD,EACF,CAAC;CACF,8CAAwB,EACtB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,yCAAmB,EACjB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CAGF,2CAAqB,EACnB,MAAM,CACJ,uCACA,uDACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,oCAAc,EACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACzKD,MAAa,cAA6C;CACxD,iCAAW;EACT,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,iCAAW;EAET,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,qCAAe;EACb,MAAM,CAAC,yBAAyB;EAChC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,kCAAY;EACV,MAAM,CACJ,4DACA,2DACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,gCAAU,EAAE,MAAM,4CAA4C,CAAC;CAC/D,+BAAS;EACP,MAAM;GACJ;GACA;GACA;GACD;EACD,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,CAAC;CACF,gCAAU;EACR,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AC1FD,MAAa,OAA+B;CAC1C,qCAAe,EAAE,MAAM,uBAAuB,CAAC;CAC/C,oCAAc,EACZ,MAAM,CACJ,yBACA,wEACD,EACF,CAAC;CACF,+BAAS,EACP,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,wCAAkB,EAChB,MAAM,CACJ,yDACA,cACD,EACF,CAAC;CACF,oCAAc,EACZ,MAAM,CAAC,mBAAmB,4CAA4C,EACvE,CAAC;CACH;;;;AC3BD,MAAa,MAA6B;CACxC,qCAAe,EACb,MAAM,CACJ,cAEA,UACD,EACF,CAAC;CACF,+BAAS,EACP,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM,CACJ,UACA,qFACD,EACF,CAAC;CACF,qCAAe,EACb,MAAM,CACJ,wBAEA,OACD,EACF,CAAC;CACF,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACzCD,MAAa,WAAuC;CAClD,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EAEA;EACA;EACD,EACF,CAAC;CACF,oCAAc,EAAE,MAAM,4CAA4C,CAAC;CACnE,qCAAe,EAAE,MAAM,wBAAwB,CAAC;CAChD,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACtBD,MAAa,qCAA2C,EACtD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;;;;ACTF,MAAa,iCAAmC;CAC9C,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,MAAa,QAAiC;CAC5C,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM,CAAC,iCAAiC,+BAA+B,EACxE,CAAC;CACF,uCAAiB,EACf,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,gCAAU;EACR,MAAM;GACJ;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,mCAAa,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;CACpC,yCAAmB,EAAE,MAAM,CAAC,8CAA8C,EAAE,CAAC;CAC7E,0CAAoB,EAClB,MAAM,CAAC,+CAA+C,EACvD,CAAC;CACF,sCAAgB,EAAE,MAAM,CAAC,mCAAmC,EAAE,CAAC;CAC/D,uCAAiB,EAAE,MAAM,CAAC,oCAAoC,EAAE,CAAC;CACjE,+BAAS,EACP,MAAM,CACJ,kGACD,EACF,CAAC;CACF,kCAAY,EACV,MAAM,CACJ,6GACD,EACF,CAAC;CACF,kCAAY,EAAE,MAAM,CAAC,2CAA2C,EAAE,CAAC;CACpE;;;;AClED,MAAa,UAAqC;CAChD,qCAAe;EACb,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CAEF,iCAAW;EACT,MAAM;GAEJ;GAEA;GAEA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;ACvCD,MAAa,OAA+B;CAC1C,mCAAa,EACX,MAAM,gEACP,CAAC;CACF,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,sCAAgB,EACd,MAAM,0DACP,CAAC;CACF,kCAAY,EAAE,MAAM,mBAAmB,CAAC;CACxC,iCAAW,EAAE,MAAM,2BAA2B,CAAC;CAC/C,mCAAa,EAAE,MAAM,oCAAoC,CAAC;CAC1D,mCAAa,EAAE,MAAM,oBAAoB,CAAC;CAC3C;;;;ACpBD,MAAa,qCAA2C,EACtD,MAAM,oBACP,CAAC;;;;ACFF,MAAa,SAAmC;CAC9C,qCAAe;EACb,MAAM;EACN,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,kCAAY;EACV,MAAM;EACN,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,iCAAW,EAAE,MAAM,wBAAwB,CAAC;CAC7C;;;;ACrCD,MAAa,cAA6C;CACxD,qCAAe;EACb,MAAM,CACJ,6FACD;EACD,UAAU;GACR,SAAS,EACP,SAAS,IACV;GACD,MAAM;IACJ,OAAO;IACP,SAAS;IACT,OAAO;IACR;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,gCAAU,EAAE,MAAM,+CAA+C,CAAC;CAClE,gCAAU,EAAE,MAAM,0DAA0D,CAAC;CAC7E,mCAAa,EAAE,MAAM,+BAA+B,CAAC;CACtD;;;;ACxBD,MAAa,YAAyC;CACpD,qCAAe,EAAE,MAAM,cAAc,CAAC;CACtC,oCAAc,EACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,2CAAqB,EACnB,MAAM,yEACP,CAAC;CACF,yCAAmB,EAAE,MAAM,uBAAuB,CAAC;CACnD,gCAAU,EACR,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,CAAC,mCAAmC,EAAE,CAAC;CAC9D,2CAAqB,EAAE,MAAM,CAAC,gCAAgC,EAAE,CAAC;CACjE,sCAAgB,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC;CACjD;;;;ACzBD,MAAa,eAA+C;CAC1D,iCAAW;EACT,MAAM;EACN,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,MAAM;GACP,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,kCAAY;EACV,MAAM;GACJ;GAGA;GACA;GACA;GACA;GAGA;GACA;GACA;GACD;EACD,UAAU,EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,MAAM;GACP,EACF;EACD,iBAAiB,EACf,MAAM,WACP;EACD,kBAAkB;GAChB;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACF;EACF,CAAC;CACH;;;;ACtDD,MAAa,gBAAiD;CAC5D,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,4BAA4B,CAAC;CAChD,kCAAY,EACV,MAAM,CAAC,kBAAkB,WAAW,EACrC,CAAC;CACF,+BAAS,EAAE,MAAM,0BAA0B,CAAC;CAC7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AEZD,MAAa,QAAe;CAC1B,MAAM;CACN;CACD;;;;ACHD,kBAAe"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/components/Accordion.styles.ts","../src/components/ActionBar.styles.ts","../src/components/Autocomplete.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/EmptyState.styles.ts","../src/components/IconButton.styles.ts","../src/components/Input.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCircle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Sidebar.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/LegacyTable.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TagField.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Tray.styles.ts","../src/components/Underlay.styles.ts","../src/components/Loader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/components/FileField.styles.ts","../src/components/ToggleButton.styles.ts","../src/components/TopNavigation.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({\n    base: 'flex-col',\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva({\n    variants: {\n      variant: {\n        default: ['bg-background border-b last:border-b-0 border-border'],\n        card: [\n          'ui-surface shadow-elevation-raised py-1 outline-none',\n          // Show focus border when the trigger is focused\n          'has-[[slot=trigger]:focus-visible]:ui-state-focus outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva({\n    base: [\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    variants: {\n      variant: {\n        default: 'focus-visible:ui-state-focus outline-none',\n        card: 'px-4 outline-none',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  panel: cva({\n    base: 'overflow-clip h-(--disclosure-panel-height) transition-[height,padding] duration-250',\n  }),\n  content: cva({\n    base: 'pb-2',\n    variants: {\n      variant: {\n        default: '',\n        card: 'px-4',\n      },\n    },\n  }),\n  icon: cva({\n    base: 'pointer-events-none shrink-0 text-muted-foreground transition-transform duration-250',\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ActionBar: ThemeComponent<'ActionBar'> = {\n  container: cva({\n    base: [\n      'relative w-fit',\n      'flex items-center justify-between justify-items-center gap-16',\n      'px-6 py-3',\n      'shadow-elevation-overlay',\n      'ui-surface-contrast',\n      'rounded-full font-medium',\n      'focus-visible:ui-state-focus outline-none disabled:ui-state-disabled',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'entering:animate-slide-in',\n      'exiting:animate-slide-out',\n    ],\n  }),\n  selection: cva({ base: 'flex items-center gap-1' }),\n  count: cva({\n    base: 'flex items-center text-sm font-medium whitespace-nowrap',\n  }),\n  toolbar: cva({\n    base: [\n      'flex items-center',\n      'flex-1 justify-center',\n      'overflow-x-auto',\n      'p-1 -m-1',\n    ],\n  }),\n  clearButton: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'shrink-0 size-8 rounded-full cursor-pointer transition-colors',\n      'hover:bg-current/10',\n      'focus-visible:ui-state-focus outline-none',\n      'disabled:ui-state-disabled',\n      '[&_svg]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n    ],\n  }),\n  actionButton: cva({\n    base: [\n      'ui-button-base',\n      'hover:bg-current/10',\n      'text-sm h-button p-squish-relaxed [&_svg]:size-4',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Autocomplete: ThemeComponent<'Autocomplete'> = {\n  mobileTrigger: cva({ base: 'group/input relative flex items-center' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva({\n  base: [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:ui-state-focus outline-none',\n    'has-[svg]:gap-1',\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","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva({\n  base: [\n    'ui-button-base gap-2',\n    'duration-150 active:scale-[0.97] pressed:not-aria-expanded:scale-[0.97]',\n    'pending:ui-state-disabled',\n  ],\n  variants: {\n    variant: {\n      primary: [\n        'ui-surface-contrast',\n        'hover:[--ui-background-color:oklch(from_var(--color-brand)_calc(l-0.05)_c_h)]',\n      ],\n      secondary: [\n        'ui-surface shadow-elevation-border',\n        'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n        'expanded:[--ui-background-color:var(--color-hover)]',\n      ],\n      ghost: 'hover:bg-current/10',\n      destructive:\n        'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n      'destructive-ghost': 'text-destructive hover:bg-current/8',\n      link: 'text-link ui-touch-hitbox',\n    },\n    size: {\n      default: 'text-sm',\n      small: 'text-xs',\n      large: '',\n      icon: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'secondary',\n    size: 'default',\n  },\n  compoundVariants: [\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      class: 'items-center justify-center',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'default',\n      class: 'h-button p-squish-relaxed [&_svg]:size-4',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'small',\n      class: 'h-button-small px-3 [&_svg]:size-3.5',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'large',\n      class: 'h-button-large px-8 [&_svg]:size-5',\n    },\n    {\n      variant: [\n        'primary',\n        'secondary',\n        'destructive',\n        'ghost',\n        'destructive-ghost',\n      ],\n      size: 'icon',\n      class: 'size-button [&_svg]:size-4',\n    },\n  ],\n});\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva({\n  base: ['p-4 rounded-md shadow-elevation-raised'],\n  variants: {\n    variant: {\n      default: 'ui-surface',\n      master: 'bg-access-master/30 border border-access-master',\n      admin: 'bg-access-admin/30 border border-access-admin',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva({\n    base: [\n      'grid size-4 shrink-0 place-content-center rounded',\n      'border border-input shadow-elevation-border',\n      'group-focus-visible/checkbox:ui-state-focus group-focus-visible/checkbox:border-(--ui-border-color) outline-none',\n      'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n      'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n      'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n    ],\n  }),\n  container: cva({ base: 'cursor-pointer read-only:cursor-default gap-2' }),\n  label: cva({\n    base: [\n      'flex items-center gap-1',\n      'text-sm leading-4 group-[&]/checkboxgroup:font-normal font-medium text-foreground',\n      'group-disabled/checkbox:text-disabled-foreground',\n    ],\n  }),\n  group: cva({ base: 'flex flex-col gap-1' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva({\n    base: [\n      'ui-surface shadow-elevation-border p-2',\n      // In a Popover\n      'group-data-trigger/popover:shadow-elevation-overlay',\n      // In a Tray\n      'group-[[role=dialog]]/tray:shadow-none group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:p-0 group-[[role=dialog]]/tray:place-self-center',\n    ],\n  }),\n  calendarContainer: cva({ base: 'flex gap-4' }),\n  calendarMonth: cva({ base: 'min-w-[250px] flex-1' }),\n  calendarCell: cva({\n    base: [\n      'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n      'border border-transparent p-0 text-sm font-normal text-foreground',\n      'outline-offset-2 duration-150 transition-all',\n      'selected:bg-brand selected:text-brand-foreground',\n      'data-hovered:bg-hover data-hovered:text-foreground',\n      'data-focus-visible:z-10 focus-visible:ui-state-focus outline-none',\n      'disabled:pointer-events-none disabled:opacity-30',\n      'unavailable:pointer-events-none unavailable:opacity-30 unavailable:line-through',\n      'outside-month:hidden',\n    ],\n  }),\n  calendarControllers: cva({\n    base: [\n      'size-9 rounded-lg',\n      'text-muted-foreground',\n      'transition-colors',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  calendarHeader: cva({\n    base: ['size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground'],\n  }),\n  calendarGrid: cva({\n    base: '[&_td]:p-2 [&_td]:group-[[role=dialog]]/tray:p-0.75',\n  }),\n  calendarListboxButton: cva({\n    base: [\n      'rounded-md text-sm font-medium transition-[color,box-shadow]',\n      'px-4 py-2',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer',\n      'hover:bg-hover',\n      'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-elevation-border aria-selected:hover:bg-brand/90',\n    ],\n  }),\n  select: cva({\n    base: [\n      '[&svg]:text-muted-foreground',\n      'flex w-full px-3 py-2 rounded-lg shadow-elevation-border border border-input bg-background text-sm text-foreground transition-shadow',\n      'focus-visible:ui-state-focus outline-none',\n      'h-input',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n      'cursor-pointer',\n    ],\n  }),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva({\n  base: [\n    'flex items-center justify-center whitespace-nowrap',\n    'cursor-pointer',\n    'transition-[color,box-shadow,transform]',\n    'focus-visible:ui-state-focus outline-none',\n    'rounded-full',\n    'ui-press',\n    '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n  ],\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = {\n  icon: cva({ base: 'text-muted-foreground/80 right-2' }),\n  mobileTrigger: cva({ base: 'group/input relative flex items-center' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva({}),\n  trigger: cva({\n    base: [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'ui-interactive',\n      'ui-press',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        link: 'text-link ui-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  content: cva({}),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva({\n    base: [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow]',\n      'hover:ui-state-focus hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer ui-touch-hitbox',\n    ],\n    variants: {\n      variant: {\n        help: '',\n        info: '',\n      },\n      size: {\n        default: '[&_svg]:size-4',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  container: cva({\n    base: [\n      'outline-none',\n      'ui-surface shadow-elevation-overlay ui-scrollbar',\n      'p-5',\n      'data-small:max-w-3xs data-medium:max-w-xs data-large:max-w-md',\n    ],\n  }),\n  title: cva({ base: 'text-lg font-semibold mb-1' }),\n  content: cva({ base: 'text-sm' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva({\n    base: [\n      'ui-surface shadow-elevation-border h-input',\n      'flex items-center',\n      'disabled:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'has-focus:ui-state-focus',\n      // Need to set error ring manually to override focus ring\n      'has-invalid:ui-state-error has-focus:has-invalid:ring-destructive/20',\n    ],\n  }),\n  input: cva({ base: ['ui-input', 'cursor-text'] }),\n  segment: cva({\n    base: [\n      'group/segment inline rounded leading-none whitespace-pre p-0.5 outline-0 caret-transparent',\n      'text-foreground',\n      'data-placeholder:text-placeholder type-literal:text-placeholder type-literal:px-0',\n      'data-focused:bg-stone-300 data-focused:text-foreground data-focused:data-placeholder:text-foreground',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n      'data-placeholder:disabled:text-disabled-foreground',\n      'invalid:text-destructive invalid:data-focused:bg-destructive invalid:data-focused:text-destructive-foreground invalid:data-focused:data-placeholder:text-destructive-foreground',\n    ],\n  }),\n  action: cva({\n    base: '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  base: [\n    'h-input pr-3',\n    'text-muted-foreground',\n    'hover:text-brand',\n    'disabled:cursor-not-allowed',\n    'ui-touch-hitbox',\n  ],\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva({ base: ['absolute top-6 right-3', 'size-7 '] }),\n  container: cva({\n    base: [\n      'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n      'ui-surface shadow-elevation-overlay ui-scrollbar',\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  header: cva({ base: 'flex flex-col gap-1 text-center sm:text-left' }),\n  title: cva({ base: 'text-lg font-semibold mb-1' }),\n  content: cva({ base: 'text-muted-foreground text-sm' }),\n  actions: cva({\n    base: 'flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4',\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva({\n  base: '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    base: [\n      'group/overlay',\n      '[--slide-offset:1rem]',\n      'inset-y-4 right-4 entering:animate-slide-in-right exiting:animate-slide-out-right',\n    ],\n  }),\n  container: cva({\n    base: [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'rounded-xl ui-surface util-scrollbar',\n      'shadow-[var(--shadow-elevation-overlay),0_0_3px_1px_oklch(0_0_0/0.06)]',\n      '[--ui-border-color:oklch(from_var(--color-surface-border)_calc(l-0.1)_c_h)]',\n      'h-full',\n    ],\n    variants: {\n      size: {\n        xsmall: 'w-64',\n        small: 'w-72',\n        medium: 'w-96',\n      },\n    },\n  }),\n  closeButton: cva({ base: ['absolute top-3.5 right-3', 'size-7'] }),\n  header: cva({ base: 'ui-panel-header' }),\n  title: cva({ base: 'font-semibold text-base' }),\n  content: cva({ base: 'px-6 py-4 overflow-y-auto outline-none' }),\n  actions: cva({ base: 'ui-panel-actions' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const EmptyState: ThemeComponent<'EmptyState'> = {\n  container: cva({ base: ['mx-auto flex max-w-sm flex-col items-center p-6'] }),\n  title: cva({ base: ['text-lg'] }),\n  description: cva({ base: ['text-muted-foreground text-sm text-center'] }),\n  action: cva({ base: ['mt-6'] }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva({\n  variants: {\n    variant: {\n      navigation:\n        'ui-button-base text-sm hover:bg-current/8 h-9 py-2 px-2.5 disabled:pointer-events-none',\n    },\n  },\n});\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input',\n      'disabled:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'invalid:ui-state-error',\n      'focus:ui-state-focus outline-none',\n      'group-read-only/field:cursor-default',\n      'group-data-icon/input:pl-8',\n      'group-data-action/input:pr-7',\n\n      // [type=file] styles\n      '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:h-[calc(var(--spacing-input)-2px)] [&[type=file]]:pl-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground',\n      'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n\n      // [type-color] styles\n      '[&[type=color]]:h-input',\n      '[&::-webkit-color-swatch-wrapper]:p-0',\n      '[&::-webkit-color-swatch]:p-2 [&::-moz-color-swatch]:p-2',\n      '[&::-webkit-color-swatch]:rounded-[inherit] [&::-moz-color-swatch]:rounded-[inherit]',\n      '[&::-webkit-color-swatch]:border-0 [&::-moz-color-swatch]:border-0',\n    ],\n  }),\n  icon: cva({\n    base: [\n      'pointer-events-none left-2.5',\n      'text-muted-foreground disabled:text-disabled-foreground',\n    ],\n  }),\n  action: cva({ base: ['text-muted-foreground pr-1 right-2'] }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva({ base: '' });\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    base: [\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  }),\n  icon: cva({ base: '' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = cva({\n  base: [\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});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva({\n  base: 'aria-[disabled]:cursor-not-allowed',\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva({\n    base: 'ml-6 list-outside list-disc space-y-1 marker:text-muted-foreground',\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  ol: cva({\n    base: 'ml-6 list-outside list-decimal space-y-1 marker:text-muted-foreground',\n    variants: {\n      size: {\n        default: '',\n        small: '*:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  item: cva({ base: '' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva({\n    base: [\n      'flex ui-surface',\n      // Standalone\n      'not-group-data-trigger/popover:',\n      // In a Popover\n      'group-data-trigger/popover:shadow-elevation-overlay',\n      'group-data-trigger/popover:w-full',\n      'group-data-trigger/popover:overflow-hidden',\n      // In a Tray\n      'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n    ],\n  }),\n  list: cva({\n    base: ['p-1 text-sm outline-0 space-y-px overflow-y-auto w-full'],\n  }),\n  item: cva({\n    base: [\n      'relative grid grid-cols-[auto_1fr] items-center gap-x-2 rounded-md px-2 py-1.5 text-sm text-foreground max-sm:min-h-11',\n      '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n      'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n      'hover:bg-hover hover:text-hover-foreground',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n      'focus-visible:ui-state-focus outline-none focus-visible:z-1 transition-[border,color]',\n      'cursor-default data-selection-mode:cursor-pointer',\n      '[&_[slot=description]]:col-start-2 [&_[slot=description]]:row-start-2 [&_[slot=description]]:text-xs [&_[slot=description]]:text-muted-foreground',\n    ],\n  }),\n  section: cva({ base: '' }),\n  header: cva({\n    base: '[&_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    base: [\n      'ui-surface shadow-elevation-overlay w-full',\n      'text-foreground overflow-x-hidden p-1 outline-none overflow-y-auto',\n      // In a Tray\n      'group-[[role=dialog]]/tray:border-0 group-[[role=dialog]]/tray:shadow-none',\n    ],\n  }),\n  item: cva({\n    base: [\n      'relative flex cursor-pointer items-center gap-2 rounded-[calc(var(--radius-surface)-3px)] p-2 text-sm outline-hidden select-none text-nowrap max-sm:min-h-11',\n      'disabled:text-disabled-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n    ],\n    variants: {\n      variant: {\n        default:\n          'text-foreground focus:bg-focus [&_svg]:text-muted-foreground [&_svg]:opacity-60',\n        destructive: 'text-destructive focus:bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  section: cva({\n    base: 'text-muted-foreground p-2 text-xs font-medium border-t border-t-border in-first:border-t-0',\n  }),\n  button: cva({\n    base: [\n      'ui-button-base gap-2',\n      'duration-150 active:scale-[0.97] pressed:not-aria-expanded:scale-[0.97]',\n      'pending:ui-state-disabled',\n    ],\n    variants: {\n      variant: {\n        default: [\n          'ui-surface shadow-elevation-border',\n          'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n          'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n          'pending:[--ui-background-color:var(--color-disabled)] pending:border-0 pending:shadow-none',\n          'expanded:[--ui-background-color:var(--color-hover)]',\n        ],\n        ghost: 'hover:bg-hover hover:text-foreground',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['default', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'default',\n        class: 'h-button p-squish-relaxed [&_svg]:size-4',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['default', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva({\n  base: [\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  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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva({ base: 'space-y-2' }),\n  container: cva({\n    base: [\n      'ui-surface shadow-elevation-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\n  input: cva({\n    base: [\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\n  tag: cva({\n    base: [\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  }),\n  closeButton: cva({\n    base: 'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0',\n  }),\n  icon: cva({ base: 'left-1' }),\n  listContainer: cva({\n    base: ['ui-surface shadow-elevation-overlay mt-0.5 outline-0'],\n  }),\n  list: cva({ base: 'pointer-events-auto space-y-1 p-1' }),\n  option: cva({\n    base: [\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  }),\n  valueContainer: cva({ base: 'gap-2' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva({\n    base: [\n      'ui-surface shadow-elevation-border h-input',\n      'has-invalid:ui-state-error',\n      'group-data-disabled/field:ui-state-disabled',\n      'group-read-only/field:ui-state-readonly',\n      'has-focus:ui-state-focus outline-none',\n    ],\n  }),\n  stepper: cva({\n    base: [\n      'w-8 h-full text-center shrink-0 grid palce-items-center',\n      'text-foreground',\n      'disabled:text-disabled-foreground disabled:bg-disabled',\n      'border-input!',\n      'first-of-type:border-r! first-of-type:rounded-l-[calc(var(--radius-lg)-1px)]',\n      'last-of-type:border-l! last-of-type:rounded-r-[calc(var(--radius-lg)-1px)]',\n    ],\n  }),\n  input: cva({\n    base: [\n      'ui-input',\n      'flex-1',\n      'group-data-stepper/field:text-center',\n      'disabled:text-disabled-foreground disabled:bg-disabled',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva({\n  base: [\n    'group/popover',\n    'outline-0',\n    'placement-top:mb-1',\n    'placement-bottom:mt-1',\n    'placement-right:ml-1',\n    'placement-left:mr-1',\n  ],\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva({ base: 'group-disabled/radio:cursor-not-allowed' }),\n  label: cva({\n    base: [\n      'text-sm font-normal cursor-pointer w-full',\n      'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n    ],\n  }),\n  radio: cva({\n    base: [\n      'aspect-square size-4 rounded-full',\n      'border border-input shadow-elevation-border',\n      'group-focus-visible/radio:ui-state-focus outline-none',\n      'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n      'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n    ],\n  }),\n  group: cva({}),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva({ base: 'flex items-center justify-center space-x-2' }),\n  navigationButton: cva({\n    base: [\n      'ui-button-base',\n      'text-sm hover:bg-current/10',\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  }),\n  pageButton: cva({\n    base: [\n      'ui-button-base',\n      'text-sm bg-background size-9',\n      'data-[selected=true]:ui-surface data-[selected=true]:shadow-elevation-border',\n    ],\n  }),\n  icon: cva({ base: 'h-4 w-4' }),\n  ellipsis: cva({\n    base: 'text-foreground flex h-8 w-8 items-center justify-center',\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCircle: ThemeComponent<'ProgressCircle'> = {\n  container: cva({\n    base: '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({ base: 'text-current text-sm' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva({\n    base: [\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    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  title: cva({ base: 'text-sm font-medium' }),\n  content: cva({\n    base: '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({\n    base: '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    base: [\n      'size-8 text-foreground',\n      '[&_svg]:size-6',\n      '-my-1.5 -me-2', // align button with title\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva({ base: 'text-muted-foreground/80' }),\n  select: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input h-input ',\n      'cursor-pointer',\n      'group-invalid/field:ui-state-error',\n      'disabled:ui-state-disabled',\n      'focus-visible:ui-state-focus outline-none',\n      '*:data-placeholder:text-placeholder',\n      /**\n       * Removes the spacing from the field when there is no\n       * helptext. Spacing is applied because the select is followed\n       * by a hidden select that is rendered by react-aria.\n       */\n      'has-[+_[aria-hidden=true]]:mb-0',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Sidebar: ThemeComponent<'Sidebar'> = {\n  overlay: cva({}),\n  modal: cva({\n    base: [\n      'flex h-full *:flex-1',\n      'justify-start',\n      'entering:animate-slide-in-left',\n      'exiting:animate-slide-out-left exiting:[--slide-out-duration:0.1s]',\n      'motion-reduce:entering:animate-none motion-reduce:exiting:animate-none',\n    ],\n  }),\n  root: cva({\n    base: [\n      'relative h-full overflow-hidden',\n      'bg-surface border-surface-border shadow-elevation-border util-scrollbar',\n      'sm:data-[state=expanded]:w-64',\n      'sm:data-[state=collapsed]:w-0',\n      'sm:transition-[width] sm:duration-200 sm:ease-in-out',\n      'motion-reduce:sm:transition-none',\n      'border-r',\n    ],\n  }),\n  closeButton: cva({ base: ['absolute top-3.5 right-3', 'size-7'] }),\n  content: cva({ base: 'sm:w-64' }),\n  header: cva({ base: 'ui-panel-header h-14' }),\n  nav: cva({\n    base: [\n      'flex flex-col px-3 py-1 overflow-y-auto outline-none',\n      'ui-scrollbar',\n    ],\n  }),\n  footer: cva({ base: 'ui-panel-actions' }),\n  toggle: cva({\n    base: [\n      'ui-button-base ui-press',\n      'hover:bg-current/10',\n      'size-button [&_svg]:size-6',\n    ],\n  }),\n  separator: cva({ base: 'bg-border my-1 h-px border-0' }),\n  groupLabel: cva({\n    base: 'px-2 h-7.5 pt-3 pb-0.5 mb-1 text-xs font-medium text-muted-foreground uppercase tracking-wider',\n  }),\n  navPanel: cva({\n    base: [\n      'flex flex-col gap-0.5 p-1',\n      'transition-[opacity,translate,filter] duration-300 ease-out sm:duration-200',\n\n      // Panel behind (already visited) — slides left\n      'data-[position=before]:absolute data-[position=before]:inset-x-0 data-[position=before]:top-0',\n      'data-[position=before]:invisible data-[position=before]:opacity-0',\n      'data-[position=before]:-translate-x-1/3 data-[position=before]:sm:-translate-x-2',\n      'data-[position=before]:sm:blur-[2px]',\n      'data-[position=before]:pointer-events-none',\n\n      // Panel ahead (not yet visited) — slides right\n      'data-[position=after]:absolute data-[position=after]:inset-x-0 data-[position=after]:top-0',\n      'data-[position=after]:invisible data-[position=after]:opacity-0',\n      'data-[position=after]:translate-x-1/3 data-[position=after]:sm:translate-x-2',\n      'data-[position=after]:sm:blur-[2px]',\n      'data-[position=after]:pointer-events-none',\n\n      'motion-reduce:transition-none',\n    ],\n  }),\n  navLink: cva({\n    base: [\n      'flex items-center gap-2 w-full px-2 h-9 text-sm rounded-md',\n      'text-foreground/80 hover:text-foreground hover:bg-hover transition-colors',\n      'data-active:bg-selected data-active:text-foreground data-active:font-medium',\n      'motion-reduce:transition-none',\n      'outline-none focus-visible:ui-state-focus',\n    ],\n  }),\n  backButton: cva({\n    base: [\n      'flex items-center gap-2 w-full pl-0.5 pr-2 h-9 text-sm rounded-md',\n      'text-foreground/80 hover:text-foreground hover:bg-hover transition-colors',\n      'motion-reduce:transition-none',\n      'outline-none focus-visible:ui-state-focus',\n      'cursor-pointer mb-1',\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva({ base: '*:aria-hidden:hidden' }),\n  track: cva({\n    base: [\n      'relative bg-muted rounded-lg flex w-full touch-none select-none items-center',\n      'orientation-vertical:h-full orientation-vertical:w-auto orientation-vertical:flex-col disabled:opacity-50',\n    ],\n  }),\n  selectedTrack: cva({\n    base: [\n      'absolute bg-brand orientation-horizontal:h-full orientation-vertical:w-full rounded-lg',\n    ],\n  }),\n  thumb: cva({\n    base: [\n      'block h-5 w-5 rounded-full border-2 border-brand bg-background transition-colors',\n      'focus-visible:ui-state-focus outline-none',\n      'disabled:cursor-not-allowed',\n    ],\n  }),\n  output: cva({ base: 'text-foreground text-sm' }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva({\n    base: 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n  }),\n  track: cva({\n    base: [\n      'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n      'border-2 border-transparent', // this increases the hit area so it is 24px\n      'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n      'group-selected/switch:bg-brand bg-input',\n      'group-focus-visible/switch:ui-state-focus outline-none',\n    ],\n  }),\n  thumb: cva({\n    base: [\n      'pointer-events-none block size-5 rounded-full',\n      'bg-background shadow-elevation-border',\n      'ring-0 transition-transform duration-150 ease-out-quint',\n      'group-selected/switch:translate-x-4 translate-x-0',\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva({\n    base: ['text-sm bg-background'],\n    variants: {\n      variant: {\n        default: '',\n        grid: 'border-hidden',\n        muted: '',\n      },\n      size: {\n        compact: [\n          '[--cell-y-padding:calc(var(--spacing)*1.5)]',\n          '[--cell-x-padding:calc(var(--spacing)*2)]',\n          '[--header-height:calc(var(--spacing)*8)]',\n        ],\n        default: [\n          '[--cell-y-padding:calc(var(--spacing)*2.5)]',\n          '[--cell-x-padding:calc(var(--spacing)*2.5)]',\n          '[--header-height:calc(var(--spacing)*10)]',\n        ],\n        spacious: [\n          '[--cell-y-padding:calc(var(--spacing)*4)]',\n          '[--cell-x-padding:calc(var(--spacing)*4)]',\n          '[--header-height:calc(var(--spacing)*12)]',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n\n  row: cva({\n    base: [\n      'border-border not-last:border-b',\n      'transition-[background-color]',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n      'disabled:cursor-not-allowed',\n      'data-selection-mode:cursor-pointer data-selection-mode:hover:bg-muted',\n      'dragging:opacity-50 dragging:transform-gpu',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        grid: [\n          '**:not-last:[[role=rowheader]]:border-r **:not-last:[[role=rowheader]]:border-border',\n          '**:not-last:[[role=gridcell]]:border-r **:not-last:[[role=gridcell]]:border-border',\n        ],\n        admin: ['bg-access-admin'],\n        master: ['bg-access-master'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  // <thead>\n  head: cva({\n    base: [\n      // for sticky header\n      'bg-background/90',\n      'border-border border-b',\n    ],\n  }),\n  column: cva({\n    base: [\n      'h-(--header-height) px-(--cell-x-padding) py-0 align-middle',\n      'font-medium text-muted-foreground',\n      'not-has-[[type=checkbox]]:has-focus-visible:outline-2 not-has-[[type=checkbox]]:has-focus-visible:-outline-offset-2 not-has-[[type=checkbox]]:has-focus-visible:outline-ring/50',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50', // This one is for the empty dragging header column\n      'aria-[sort]:hover:bg-muted aria-[sort]:hover:cursor-pointer aria-[sort]:hover:text-foreground',\n    ],\n    variants: {\n      variant: {\n        default: '',\n        grid: 'not-last:border-r border-border',\n        muted: 'bg-muted border-t border-border',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  // <tbody>\n  body: cva({ base: ['bg-background'] }),\n  cell: cva({\n    base: [\n      'px-(--cell-x-padding) py-(--cell-y-padding)',\n      'focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/50',\n      'has-[[data-cell-content]:focus-visible]:outline-2 has-[[data-cell-content]:focus-visible]:-outline-offset-2 has-[[data-cell-content]:focus-visible]:outline-ring/50',\n      '**:data-cell-content:outline-none',\n    ],\n  }),\n\n  // Drag and drop\n  dragHandle: cva({\n    base: [\n      'text-muted-foreground rounded size-4',\n      '[&_svg]:size-4',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  dragPreview: cva({\n    base: [\n      'px-4 py-3 bg-brand rounded-lg shadow-elevation-overlay',\n      'text-sm text-brand-foreground',\n    ],\n  }),\n  dragPreviewCounter: cva({\n    base: [\n      'flex items-center justify-center rounded-full',\n      'bg-brand-foreground px-2',\n      'text-xs font-medium leading-normal text-brand',\n    ],\n  }),\n  dropIndicator: cva({\n    base: [\n      'relative',\n      'before:absolute before:inset-0 before:h-0.5 before:-translate-y-1/2 before:bg-border',\n      'drop-target:before:z-10 drop-target:before:bg-brand',\n    ],\n  }),\n\n  // Editable cell\n  editablePopover: cva({\n    base: [\n      'ui-surface shadow-elevation-overlay',\n      'flex items-start justify-center gap-1 pl-1 pr-1 py-1',\n    ],\n  }),\n  editTrigger: cva({\n    base: [\n      'flex items-center justify-center',\n      'text-muted-foreground',\n      'size-button aspect-square rounded-surface transition-[color,background,transform]',\n      'ui-interactive',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n    ],\n  }),\n  editCancel: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'sm:text-muted-foreground font-medium',\n      'text-sm h-button-small sm:size-button sm:aspect-square rounded-surface transition-[color,background,transform]',\n      'cursor-pointer',\n      'ml-1.5', // some extra spacing between buttons and field\n      'focus-visible:ui-state-focus outline-none',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5',\n    ],\n  }),\n  editSave: cva({\n    base: [\n      'inline-flex items-center justify-center',\n      'sm:text-muted-foreground font-medium',\n      'text-sm h-button-small sm:size-button sm:aspect-square rounded-surface transition-[color,background,transform]',\n      'cursor-pointer',\n      'focus-visible:ui-state-focus outline-none',\n      'ui-press',\n      'hover:bg-current/10',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4.5',\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const LegacyTable: ThemeComponent<'LegacyTable'> = {\n  table: cva({\n    base: '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    variants: {\n      variant: {\n        default: '',\n        grid: '',\n      },\n    },\n  }),\n  thead: cva({\n    // for sticky header\n    base: 'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    variants: {\n      variant: {\n        default: '',\n        grid: '',\n      },\n    },\n  }),\n  headerRow: cva({\n    base: ['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    base: [\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    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  body: cva({ base: '[&_tr:last-child]:border-0 bg-background' }),\n  row: cva({\n    base: [\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    variants: {\n      variant: {\n        default: 'aria-selected:bg-muted',\n        grid: 'aria-selected:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        admin: [\n          'bg-access-admin',\n          '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n          '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n          '[&_td:first-child:before]:bg-access-admin-foreground',\n        ],\n        master: [\n          'bg-access-master',\n          '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n          '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n          '[&_td:first-child:before]:bg-access-master-foreground',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  cell: cva({\n    base: '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({ base: 'flex flex-col gap-2' }),\n  tabsList: cva({\n    base: [\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  }),\n  tab: cva({\n    base: [\n      'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n      '[&_svg]:shrink-0',\n      'focus-visible:ui-state-focus outline-none',\n      'hover:bg-current/10',\n      'disabled:pointer-events-none disabled:text-disabled-foreground',\n      'selected:text-foreground selected:hover:bg-current/10',\n    ],\n  }),\n  tabIndicator: cva({\n    base: [\n      'absolute inset-x-0 bottom-0 -mb-1 h-0.5 bg-foreground',\n      'origin-left',\n    ],\n  }),\n  tabpanel: cva({\n    base: ['py-4 rounded-sm', 'focus-visible:ui-state-focus outline-none'],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva({\n    base: [\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  }),\n  tag: cva({\n    base: [\n      'relative inline-flex items-center gap-1.75',\n      'ui-surface shadow-elevation-border',\n      'font-medium text-xs',\n      'h-6 px-2 cursor-default',\n      'selected:text-brand-foreground selected:[--ui-background-color:var(--color-brand)]',\n      'data-disabled:cursor-not-allowed data-disabled:text-disabled-foreground data-disabled:bg-disabled',\n      'focus-visible:ui-state-focus outline-none',\n    ],\n  }),\n  closeButton: cva({\n    base: [\n      'size-4',\n      'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n    ],\n  }),\n  listItems: cva({\n    base: [\n      'flex flex-wrap gap-1',\n      // mb-0 prevents whitespace when the hidden field is rendered\n      'mb-0',\n    ],\n  }),\n  removeAll: cva({\n    base: [\n      'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform] rounded-md',\n      'ui-press',\n      'focus-visible:ui-state-focus outline-none',\n      'cursor-pointer',\n      'text-link text-xs ui-touch-hitbox',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TagField: ThemeComponent<'TagField'> = {\n  trigger: cva({\n    base: [\n      'ui-surface shadow-elevation-border ui-input h-fit min-h-input',\n      'cursor-pointer py-1',\n      'group-disabled/field:ui-state-disabled',\n      '[&:has(>button[data-focus-visible])]:ui-state-focus',\n      // Need to set error ring manually to override focus ring\n      'group-invalid/field:ui-state-error',\n      '[&:has(>button[data-focus-visible])]:group-invalid/field:ring-destructive/20',\n    ],\n  }),\n  tagGroup: cva({ base: 'flex flex-1 flex-wrap items-center gap-1' }),\n  listItems: cva({ base: 'flex flex-wrap gap-1' }),\n  container: cva({\n    base: [\n      'ui-surface shadow-elevation-border group/tagfield',\n      'flex flex-col overflow-hidden gap-1.5 p-2',\n      'w-(--tagfield-trigger-width)',\n      '[&_div]:shadow-none! [&_div]:border-0!',\n    ],\n  }),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva({\n  base: [\n    'inline-flex',\n    'ui-surface shadow-elevation-border ui-input h-[initial]',\n    'disabled:ui-state-disabled',\n    'group-read-only/field:ui-state-readonly',\n    'invalid:ui-state-error',\n    'focus:ui-state-focus outline-none',\n  ],\n});\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    base: [\n      'ui-surface shadow-elevation-overlay',\n      'max-w-sm w-full pointer-events-auto overflow-hidden text-foreground',\n      'grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n      \"[grid-template-areas:'icon_title_action_close''icon_description_action_close'] focus-visible:ui-state-focus outline-none\",\n      'p-4',\n    ],\n  }),\n  title: cva({\n    base: [\n      'text-sm font-medium',\n      '[grid-area:title]',\n      'flex items-center mb-0',\n    ],\n  }),\n  description: cva({\n    base: ['text-muted-foreground text-sm', '[grid-area:description] mt-0'],\n  }),\n  closeButton: cva({\n    base: [\n      '[grid-area:close] row-end-1',\n      'ml-2',\n      'flex items-center justify-center',\n      'size-5 rounded transition-[color,box-shadow] outline-none',\n      'focus-visible:ui-state-focus outline-none text-muted-foreground hover:text-hover-foreground',\n    ],\n  }),\n  icon: cva({\n    base: [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\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  content: cva({ base: ['contents'] }),\n  'bottom-left': cva({ base: ['fixed bottom-4 left-4 flex flex-col-reverse'] }),\n  'bottom-right': cva({\n    base: ['fixed bottom-4 right-4 flex flex-col-reverse'],\n  }),\n  'top-left': cva({ base: ['fixed top-4 left-4 flex flex-col'] }),\n  'top-right': cva({ base: ['fixed top-4 right-4 flex flex-col'] }),\n  top: cva({\n    base: [\n      'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n    ],\n  }),\n  bottom: cva({\n    base: [\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  }),\n  action: cva({ base: ['[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    base: [\n      'relative max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    variants: {\n      variant: {\n        default: 'text-brand-foreground bg-brand border-brand',\n        white: 'text-secondary-foreground border-input bg-surface',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n\n  arrow: cva({\n    base: [\n      // right\n      'placement-right:[&_svg]:rotate-90',\n      // left\n      'placement-left:[&_svg]:-rotate-90',\n      // bottom\n      'placement-bottom:[&_svg]:rotate-180',\n    ],\n    variants: {\n      variant: {\n        default: 'fill-brand  stroke-brand',\n        white: 'fill-surface  stroke-input ',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tray: ThemeComponent<'Tray'> = {\n  overlay: cva({\n    base: 'bg-black/50 fixed inset-0 z-40 flex items-end justify-center',\n  }),\n  container: cva({\n    base: [\n      'w-full border-0 inset-shadow-black inset-shadow-sm/20',\n      'relative grid-rows-[auto_auto_1fr_auto] max-h-[95vh] rounded-b-none',\n      'ui-surface shadow-elevation-overlay',\n      'outline-hidden grid',\n      \"after:absolute after:inset-x-0 after:top-full after:h-screen after:bg-background after:content-['']\",\n    ],\n  }),\n  dragHandle: cva({\n    base: 'bg-surface-border mx-auto mt-2 h-1.5 w-12 rounded-full',\n  }),\n  header: cva({ base: 'ui-panel-header' }),\n  title: cva({ base: 'font-semibold text-base' }),\n  content: cva({ base: 'overflow-y-auto outline-none p-2' }),\n  actions: cva({ base: 'ui-panel-actions' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva({\n  base: 'bg-black/80 px-4',\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Loader: ThemeComponent<'Loader'> = {\n  container: cva({\n    base: '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({\n    base: '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({ base: '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    base: [\n      'flex flex-wrap items-center gap-1 wrap-break-word text-sm sm:gap-1.5 text-muted-foreground',\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  item: cva({ base: 'inline-flex items-center gap-1.5 sm:gap-2.5' }),\n  link: cva({ base: 'transition-colors hover:text-foreground cursor-pointer' }),\n  current: cva({ base: 'font-normal text-foreground' }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const FileField: ThemeComponent<'FileField'> = {\n  container: cva({ base: 'space-y-2 ' }),\n  dropZone: cva({\n    base: [\n      'relative flex min-h-52 flex-col items-center overflow-hidden',\n      'rounded-xl border border-dashed border-surface-border',\n      'p-4 transition-[color,background] not-data-files:justify-center',\n      'data-[drop-target=true]:bg-muted',\n      'focus-visible:bg-focus/50',\n    ],\n  }),\n  dropZoneContent: cva({\n    base: 'flex flex-col items-center justify-center gap-2 px-4 py-3 text-center',\n  }),\n  dropZoneLabel: cva({ base: 'text-sm font-medium' }),\n  item: cva({\n    base: [\n      \"[grid-template-areas:'label_remove'_'description_remove'] grid-cols-[1fr_auto] gap-y-0.5 gap-x-2\",\n      'p-2',\n      'ui-surface shadow-elevation-border',\n    ],\n  }),\n  itemLabel: cva({ base: ['truncate text-[13px] font-medium'] }),\n  itemDescription: cva({ base: ['text-muted-foreground text-xs'] }),\n  itemRemove: cva({ base: ['flex items-center'] }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ToggleButton: ThemeComponent<'ToggleButton'> = {\n  group: cva({\n    base: 'group inline-flex ui-surface shadow-elevation-border',\n    variants: {\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }),\n  button: cva({\n    base: [\n      'ui-button-base gap-2',\n\n      // ToggleButton-specific styles\n      'ui-surface shadow-elevation-border',\n      'hover:[--ui-background-color:var(--color-hover)] hover:text-foreground',\n      'disabled:border-0 disabled:shadow-none disabled:[--ui-background-color:var(--color-disabled)]',\n      'selected:[--ui-background-color:var(--color-input)] selected:shadow-none',\n\n      // Group-specific styles for ToggleButtonGroup\n      'in-[.group]:rounded-none in-[.group]:shadow-none in-[.group]:border-y-0 in-[.group]:border-l-0',\n      'in-[.group]:first:rounded-l-surface',\n      'in-[.group]:last:rounded-r-surface in-[.group]:last:border-r-0',\n    ],\n    variants: {\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const TopNavigation: ThemeComponent<'TopNavigation'> = {\n  container: cva({\n    base: [\n      'w-full min-h-14',\n      'bg-background border-b border-border',\n      'gap-4 px-3 sm:gap-6 md:gap-8 lg:gap-12',\n    ],\n  }),\n  start: cva({ base: 'flex justify-start gap-4' }),\n  middle: cva({\n    base: ['flex items-end', 'p-1 -m-1'],\n  }),\n  end: cva({ base: 'flex justify-end gap-4' }),\n};\n","export { Accordion } from './Accordion.styles';\nexport { ActionBar } from './ActionBar.styles';\nexport { Autocomplete } from './Autocomplete.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { EmptyState } from './EmptyState.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCircle } from './ProgressCircle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Sidebar } from './Sidebar.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { LegacyTable } from './LegacyTable.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TagField } from './TagField.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Tray } from './Tray.styles';\nexport { Underlay } from './Underlay.styles';\nexport { Loader } from './Loader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\nexport { FileField } from './FileField.styles';\nexport { ToggleButton } from './ToggleButton.styles';\nexport { TopNavigation } from './TopNavigation.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,MAAa,YAAyC;CACpD,qCAAe;EACb,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,gCAAU;EACR,UAAU,EACR,SAAS;GACP,SAAS,CAAC,uDAAuD;GACjE,MAAM,CACJ,wDAEA,iEACD;GACF,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,kCAAY;EACV,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,iCAAW,EACT,MAAM,wFACP,CAAC;CACF,mCAAa;EACX,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,gCAAU,EACR,MAAM,wFACP,CAAC;CACH;;;;AC5DD,MAAa,YAAyC;CACpD,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,2BAA2B,CAAC;CACnD,iCAAW,EACT,MAAM,2DACP,CAAC;CACF,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,wCAAkB,EAChB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACH;;;;AC5CD,MAAa,eAA+C,EAC1D,yCAAmB,EAAE,MAAM,0CAA0C,CAAC,EACvE;;;;ACFD,MAAa,kCAAqC;CAChD,MAAM;EACJ;EACA;EACA;EACD;CACD,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,CAAC;;;;ACtBF,MAAa,mCAAuC;CAClD,MAAM;EACJ;EACA;EACA;EACD;CACD,UAAU;EACR,SAAS;GACP,SAAS,CACP,uBACA,gFACD;GACD,WAAW;IACT;IACA;IACA;IACD;GACD,OAAO;GACP,aACE;GACF,qBAAqB;GACrB,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACP;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACD,kBAAkB;EAChB;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACD;GACE,SAAS;IACP;IACA;IACA;IACA;IACA;IACD;GACD,MAAM;GACN,OAAO;GACR;EACF;CACF,CAAC;;;;AC1FF,MAAa,iCAAmC;CAC9C,MAAM,CAAC,yCAAyC;CAChD,UAAU,EACR,SAAS;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;;;;ACbF,MAAa,WAAuC;CAClD,oCAAc,EACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,iDAAiD,CAAC;CACzE,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,uBAAuB,CAAC;CAC5C;;;;ACpBD,MAAa,WAAuC;CAClD,oCAAc,EACZ,MAAM;EACJ;EAEA;EAEA;EACD,EACF,CAAC;CACF,6CAAuB,EAAE,MAAM,cAAc,CAAC;CAC9C,yCAAmB,EAAE,MAAM,wBAAwB,CAAC;CACpD,wCAAkB,EAChB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,+CAAyB,EACvB,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,0CAAoB,EAClB,MAAM,CAAC,kEAAkE,EAC1E,CAAC;CACF,wCAAkB,EAChB,MAAM,uDACP,CAAC;CACF,iDAA2B,EACzB,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,kCAAY,EACV,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;AC1DD,MAAa,wCAAiD,EAC5D,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;;;;ACXF,MAAa,WAAuC;CAClD,gCAAU,EAAE,MAAM,oCAAoC,CAAC;CACvD,yCAAmB,EAAE,MAAM,0CAA0C,CAAC;CACvE;;;;ACHD,MAAa,cAA6C;CACxD,qCAAe,EAAE,CAAC;CAClB,mCAAa;EACX,MAAM;GACJ;GACA;GACA;GACA;GACD;EACD,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACP;GACD,MAAM,EACJ,SAAS,WACV;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CACF,mCAAa,EAAE,CAAC;CACjB;;;;ACxBD,MAAa,iBAAmD;CAC9D,mCAAa;EACX,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,UAAU;GACR,SAAS;IACP,MAAM;IACN,MAAM;IACP;GACD,MAAM,EACJ,SAAS,kBACV;GACF;EACD,iBAAiB,EACf,MAAM,WACP;EACF,CAAC;CACF,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,8BAA8B,CAAC;CAClD,mCAAa,EAAE,MAAM,WAAW,CAAC;CAClC;;;;AChCD,MAAa,YAAyC;CACpD,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACA;EAEA;EACD,EACF,CAAC;CACF,iCAAW,EAAE,MAAM,CAAC,YAAY,cAAc,EAAE,CAAC;CACjD,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,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CAAC;CACzC,kCAAY,EACV,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,qCAAe,EAAE,MAAM,gCAAgC,CAAC;CACxD,sCAAgB,EACd,MAAM,kGACP,CAAC;CACF,oCAAc,EACZ,MAAM;EACJ;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACD,EACF,CAAC;CACF,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACnFD,MAAa,SAAmC;CAC9C,qCAAe,EAAE,MAAM,wBAAwB,CAAC;CAChD,iCAAW,EACT,MAAM,CACJ,gFACA,4GACD,EACF,CAAC;CACF,yCAAmB,EACjB,MAAM,CACJ,yFACD,EACF,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,kCAAY,EAAE,MAAM,2BAA2B,CAAC;CACjD;;;;ACrBD,MAAa,SAAmC;CAC9C,qCAAe,EACb,MAAM,iEACP,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,iCAAW,EACT,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACrBD,MAAa,QAAiC;CAC5C,iCAAW;EACT,MAAM,CAAC,wBAAwB;EAC/B,UAAU;GACR,SAAS;IACP,SAAS;IACT,MAAM;IACN,OAAO;IACR;GACD,MAAM;IACJ,SAAS;KACP;KACA;KACA;KACD;IACD,SAAS;KACP;KACA;KACA;KACD;IACD,UAAU;KACR;KACA;KACA;KACD;IACF;GACF;EACD,iBAAiB;GACf,SAAS;GACT,MAAM;GACP;EACF,CAAC;CAEF,+BAAS;EACP,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM,CACJ,wFACA,qFACD;GACD,OAAO,CAAC,kBAAkB;GAC1B,QAAQ,CAAC,mBAAmB;GAC7B,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CAGF,gCAAU,EACR,MAAM,CAEJ,oBACA,yBACD,EACF,CAAC;CACF,kCAAY;EACV,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CAGF,gCAAU,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC;CACtC,gCAAU,EACR,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,CAAC;CAGF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM,CACJ,0DACA,gCACD,EACF,CAAC;CACF,8CAAwB,EACtB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CACF,yCAAmB,EACjB,MAAM;EACJ;EACA;EACA;EACD,EACF,CAAC;CAGF,2CAAqB,EACnB,MAAM,CACJ,uCACA,uDACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,sCAAgB,EACd,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,oCAAc,EACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACzKD,MAAa,cAA6C;CACxD,iCAAW;EACT,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,iCAAW;EAET,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACF,CAAC;CACF,qCAAe;EACb,MAAM,CAAC,yBAAyB;EAChC,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,kCAAY;EACV,MAAM,CACJ,4DACA,2DACD;EACD,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACN,OAAO;GACR,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACF,gCAAU,EAAE,MAAM,4CAA4C,CAAC;CAC/D,+BAAS;EACP,MAAM;GACJ;GACA;GACA;GACD;EACD,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,CAAC;CACF,gCAAU;EACR,MAAM;EACN,UAAU,EACR,SAAS;GACP,SAAS;GACT,MAAM;GACP,EACF;EACD,iBAAiB,EACf,SAAS,WACV;EACF,CAAC;CACH;;;;AC1FD,MAAa,OAA+B;CAC1C,qCAAe,EAAE,MAAM,uBAAuB,CAAC;CAC/C,oCAAc,EACZ,MAAM,CACJ,yBACA,wEACD,EACF,CAAC;CACF,+BAAS,EACP,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,wCAAkB,EAChB,MAAM,CACJ,yDACA,cACD,EACF,CAAC;CACF,oCAAc,EACZ,MAAM,CAAC,mBAAmB,4CAA4C,EACvE,CAAC;CACH;;;;AC3BD,MAAa,MAA6B;CACxC,qCAAe,EACb,MAAM,CACJ,cAEA,UACD,EACF,CAAC;CACF,+BAAS,EACP,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACF,uCAAiB,EACf,MAAM,CACJ,UACA,qFACD,EACF,CAAC;CACF,qCAAe,EACb,MAAM,CACJ,wBAEA,OACD,EACF,CAAC;CACF,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACA;EACD,EACF,CAAC;CACH;;;;ACzCD,MAAa,WAAuC;CAClD,mCAAa,EACX,MAAM;EACJ;EACA;EACA;EACA;EAEA;EACA;EACD,EACF,CAAC;CACF,oCAAc,EAAE,MAAM,4CAA4C,CAAC;CACnE,qCAAe,EAAE,MAAM,wBAAwB,CAAC;CAChD,qCAAe,EACb,MAAM;EACJ;EACA;EACA;EACA;EACD,EACF,C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"}