@marigold/theme-rui 2.0.0 → 2.0.2

package/dist/index.js

@@ -107,7 +107,7 @@ var Accordion = {
   }),
   header: (0, import_system.cva)(
     [
-      "flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer",
+      "flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer",
       "text-left text-sm font-semibold leading-6 transition-all",
       "hover:no-underline",
       "disabled:cursor-not-allowed disabled:text-disabled-foreground"
@@ -484,21 +484,24 @@ var import_system16 = require("@marigold/system");
 var Drawer = {
   overlay: (0, import_system16.cva)([
     "group/overlay",
-    "entering:animate-slide-in-right exiting:animate-slide-out-right"
+    "data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0",
+    "data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0",
+    "data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0",
+    "data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0"
   ]),
   container: (0, import_system16.cva)(
     [
-      "relative grid-rows-[auto_1fr_auto]",
-      "util-surface-overlay border-y-0! border-r-0!"
+      "w-full relative grid-rows-[auto_1fr_auto]",
+      "util-surface-overlay",
+      "data-[placement=top]:w-full data-[placement=bottom]:w-full"
     ],
     {
       variants: {
         size: {
-          default: "w-80"
+          xsmall: "w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48",
+          small: "w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64",
+          medium: "w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80"
         }
-      },
-      defaultVariants: {
-        size: "default"
       }
     }
   ),
@@ -530,11 +533,11 @@ var import_system19 = require("@marigold/system");
 var Headline = (0, import_system19.cva)("", {
   variants: {
     size: {
-      "level-1": "text-5xl font-black",
-      "level-2": "text-3xl font-black",
-      "level-3": "text-2xl font-black",
-      "level-4": "text-lg font-black",
-      "level-5": "text-base font-black",
+      "level-1": "text-3xl font-extrabold",
+      "level-2": "text-2xl font-bold",
+      "level-3": "text-xl font-semibold",
+      "level-4": "text-lg font-semibold",
+      "level-5": "text-base font-medium",
       "level-6": "text-base font-normal"
     }
   }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCycle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/theme.ts"],"sourcesContent":["import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n","export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCycle } from './ProgressCycle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('border-b last:border-b-0 border-border ', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer',\n      'text-left text-sm font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva('in-data-[expanded]:pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground',\n        master:\n          'text-access-master-foreground border border-access-master-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['p-4 rounded-md', 'util-surface-raised'],\n  {\n    variants: {\n      size: {\n        default: '',\n        full: 'w-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva(\n    'bg-white border border-gray-200 p-3 rounded shadow-md z-50 data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md'\n  ),\n  dialog: cva('text-sm leading-normal'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva([\n    'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n    'util-surface-overlay',\n  ]),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1', {\n    variants: {\n      variant: {},\n      size: {},\n    },\n  }),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay',\n    'entering:animate-slide-in-right exiting:animate-slide-out-right',\n  ]),\n  container: cva(\n    [\n      'relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay border-y-0! border-r-0!',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'w-80',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-5xl font-black',\n      'level-2': 'text-3xl font-black',\n      'level-3': 'text-2xl font-black',\n      'level-4': 'text-lg font-black',\n      'level-5': 'text-base font-black',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'flex items-center gap-1',\n    'text-sm font-medium leading-none text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n  ]),\n  indicator: cva(\n    'group-required/field:block text-destructive align-super size-2.5'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc'),\n  ol: cva('ml-6 list-outside list-decimal'),\n  item: cva('not-first:pt-3'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0']),\n  item: cva([\n    'relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-default data-selection-mode:cursor-pointer',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva([\n    'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden select-none',\n    'focus:bg-focus',\n    'disabled:text-disabled-foreground',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 [&_svg]:opacity-60',\n  ]),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n  'stroke-foreground',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent collapsing when the empty state is shown\n    'min-h-button-small',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-md',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'data-selected:text-white data-selected:bg-brand',\n    'data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap items-center gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs h-button-small',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    '[grid-template-areas:\"icon_title_close\"\"icon_description_description\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const XLoader: ThemeComponent<'XLoader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(['flex flex-wrap items-center'], {\n    variants: {\n      variant: {\n        default: 'text-foreground',\n      },\n      size: {\n        small: 'text-xs gap-1.5',\n        default: 'text-sm gap-1.5',\n        large: 'text-base gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n  link: cva('hover:underline cursor-pointer'),\n  current: cva('font-medium'),\n};\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}
+{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCycle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/theme.ts"],"sourcesContent":["import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n","export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCycle } from './ProgressCycle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('border-b last:border-b-0 border-border ', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer',\n      'text-left text-sm font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva('in-data-[expanded]:pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground',\n        master:\n          'text-access-master-foreground border border-access-master-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['p-4 rounded-md', 'util-surface-raised'],\n  {\n    variants: {\n      size: {\n        default: '',\n        full: 'w-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva(\n    'bg-white border border-gray-200 p-3 rounded shadow-md z-50 data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md'\n  ),\n  dialog: cva('text-sm leading-normal'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva([\n    'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n    'util-surface-overlay',\n  ]),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1', {\n    variants: {\n      variant: {},\n      size: {},\n    },\n  }),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay',\n    'data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0',\n    'data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0',\n    'data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0',\n    'data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0',\n  ]),\n  container: cva(\n    [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay',\n      'data-[placement=top]:w-full data-[placement=bottom]:w-full',\n    ],\n    {\n      variants: {\n        size: {\n          xsmall: 'w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48',\n          small: 'w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64',\n          medium: 'w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80',\n        },\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-3xl font-extrabold',\n      'level-2': 'text-2xl font-bold',\n      'level-3': 'text-xl font-semibold',\n      'level-4': 'text-lg font-semibold',\n      'level-5': 'text-base font-medium',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'flex items-center gap-1',\n    'text-sm font-medium leading-none text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n  ]),\n  indicator: cva(\n    'group-required/field:block text-destructive align-super size-2.5'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc'),\n  ol: cva('ml-6 list-outside list-decimal'),\n  item: cva('not-first:pt-3'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0']),\n  item: cva([\n    'relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-default data-selection-mode:cursor-pointer',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva([\n    'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden select-none',\n    'focus:bg-focus',\n    'disabled:text-disabled-foreground',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 [&_svg]:opacity-60',\n  ]),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n  'stroke-foreground',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent collapsing when the empty state is shown\n    'min-h-button-small',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-md',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'data-selected:text-white data-selected:bg-brand',\n    'data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap items-center gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs h-button-small',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    '[grid-template-areas:\"icon_title_close\"\"icon_description_description\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const XLoader: ThemeComponent<'XLoader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(['flex flex-wrap items-center'], {\n    variants: {\n      variant: {\n        default: 'text-foreground',\n      },\n      size: {\n        small: 'text-xs gap-1.5',\n        default: 'text-sm gap-1.5',\n        large: 'text-base gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n  link: cva('hover:underline cursor-pointer'),\n  current: cva('font-medium'),\n};\n","import { Theme } from '@marigold/system';\nimport * as components from './components';\n\nexport const theme: Theme = {\n  name: 'rui',\n  components,\n};\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}

package/dist/index.mjs

@@ -86,7 +86,7 @@ var Accordion = {
   }),
   header: cva(
     [
-      "flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer",
+      "flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer",
       "text-left text-sm font-semibold leading-6 transition-all",
       "hover:no-underline",
       "disabled:cursor-not-allowed disabled:text-disabled-foreground"
@@ -463,21 +463,24 @@ import { cva as cva16 } from "@marigold/system";
 var Drawer = {
   overlay: cva16([
     "group/overlay",
-    "entering:animate-slide-in-right exiting:animate-slide-out-right"
+    "data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0",
+    "data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0",
+    "data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0",
+    "data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0"
   ]),
   container: cva16(
     [
-      "relative grid-rows-[auto_1fr_auto]",
-      "util-surface-overlay border-y-0! border-r-0!"
+      "w-full relative grid-rows-[auto_1fr_auto]",
+      "util-surface-overlay",
+      "data-[placement=top]:w-full data-[placement=bottom]:w-full"
     ],
     {
       variants: {
         size: {
-          default: "w-80"
+          xsmall: "w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48",
+          small: "w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64",
+          medium: "w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80"
         }
-      },
-      defaultVariants: {
-        size: "default"
       }
     }
   ),
@@ -509,11 +512,11 @@ import { cva as cva19 } from "@marigold/system";
 var Headline = cva19("", {
   variants: {
     size: {
-      "level-1": "text-5xl font-black",
-      "level-2": "text-3xl font-black",
-      "level-3": "text-2xl font-black",
-      "level-4": "text-lg font-black",
-      "level-5": "text-base font-black",
+      "level-1": "text-3xl font-extrabold",
+      "level-2": "text-2xl font-bold",
+      "level-3": "text-xl font-semibold",
+      "level-4": "text-lg font-semibold",
+      "level-5": "text-base font-medium",
       "level-6": "text-base font-normal"
     }
   }

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCycle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCycle } from './ProgressCycle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('border-b last:border-b-0 border-border ', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer',\n      'text-left text-sm font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva('in-data-[expanded]:pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground',\n        master:\n          'text-access-master-foreground border border-access-master-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['p-4 rounded-md', 'util-surface-raised'],\n  {\n    variants: {\n      size: {\n        default: '',\n        full: 'w-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva(\n    'bg-white border border-gray-200 p-3 rounded shadow-md z-50 data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md'\n  ),\n  dialog: cva('text-sm leading-normal'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva([\n    'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n    'util-surface-overlay',\n  ]),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1', {\n    variants: {\n      variant: {},\n      size: {},\n    },\n  }),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay',\n    'entering:animate-slide-in-right exiting:animate-slide-out-right',\n  ]),\n  container: cva(\n    [\n      'relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay border-y-0! border-r-0!',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'w-80',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-5xl font-black',\n      'level-2': 'text-3xl font-black',\n      'level-3': 'text-2xl font-black',\n      'level-4': 'text-lg font-black',\n      'level-5': 'text-base font-black',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'flex items-center gap-1',\n    'text-sm font-medium leading-none text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n  ]),\n  indicator: cva(\n    'group-required/field:block text-destructive align-super size-2.5'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc'),\n  ol: cva('ml-6 list-outside list-decimal'),\n  item: cva('not-first:pt-3'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0']),\n  item: cva([\n    'relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-default data-selection-mode:cursor-pointer',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva([\n    'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden select-none',\n    'focus:bg-focus',\n    'disabled:text-disabled-foreground',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 [&_svg]:opacity-60',\n  ]),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n  'stroke-foreground',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent collapsing when the empty state is shown\n    'min-h-button-small',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-md',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'data-selected:text-white data-selected:bg-brand',\n    'data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap items-center gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs h-button-small',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    '[grid-template-areas:\"icon_title_close\"\"icon_description_description\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const XLoader: ThemeComponent<'XLoader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(['flex flex-wrap items-center'], {\n    variants: {\n      variant: {\n        default: 'text-foreground',\n      },\n      size: {\n        small: 'text-xs gap-1.5',\n        default: 'text-sm gap-1.5',\n        large: 'text-base gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n  link: cva('hover:underline cursor-pointer'),\n  current: cva('font-medium'),\n};\n","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":"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","names":["cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva"]}
+{"version":3,"sources":["../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/CloseButton.styles.ts","../src/components/ComboBox.styles.ts","../src/components/Collapsible.styles.ts","../src/components/ContextualHelp.styles.ts","../src/components/DateField.styles.ts","../src/components/Input.styles.ts","../src/components/DatePicker.styles.ts","../src/components/Dialog.styles.ts","../src/components/Divider.styles.ts","../src/components/Drawer.styles.ts","../src/components/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Label.styles.ts","../src/components/Link.styles.ts","../src/components/List.styles.ts","../src/components/ListBox.styles.ts","../src/components/Menu.styles.ts","../src/components/Modal.styles.ts","../src/components/Multiselect.styles.ts","../src/components/NumberField.styles.ts","../src/components/Popover.styles.ts","../src/components/Radio.styles.ts","../src/components/Pagination.styles.ts","../src/components/ProgressCycle.styles.ts","../src/components/SectionMessage.styles.ts","../src/components/Select.styles.ts","../src/components/Slider.styles.ts","../src/components/Switch.styles.ts","../src/components/Table.styles.ts","../src/components/Tabs.styles.ts","../src/components/Tag.styles.ts","../src/components/TextArea.styles.ts","../src/components/Text.styles.ts","../src/components/Toast.styles.ts","../src/components/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/components/Breadcrumbs.styles.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\n\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { CloseButton } from './CloseButton.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { Collapsible } from './Collapsible.styles';\nexport { ContextualHelp } from './ContextualHelp.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { Drawer } from './Drawer.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Label } from './Label.styles';\nexport { Link } from './Link.styles';\nexport { List } from './List.styles';\nexport { ListBox } from './ListBox.styles';\nexport { Menu } from './Menu.styles';\nexport { Modal } from './Modal.styles';\nexport { MultiSelect } from './Multiselect.styles';\nexport { NumberField } from './NumberField.styles';\nexport { Popover } from './Popover.styles';\nexport { Radio } from './Radio.styles';\nexport { Pagination } from './Pagination.styles';\nexport { ProgressCycle } from './ProgressCycle.styles';\nexport { SectionMessage } from './SectionMessage.styles';\nexport { Select } from './Select.styles';\nexport { Slider } from './Slider.styles';\nexport { Switch } from './Switch.styles';\nexport { Table } from './Table.styles';\nexport { Tabs } from './Tabs.styles';\nexport { Tag } from './Tag.styles';\nexport { TextArea } from './TextArea.styles';\nexport { Text } from './Text.styles';\nexport { Toast } from './Toast.styles';\nexport { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.styles';\nexport { Breadcrumbs } from './Breadcrumbs.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Accordion: ThemeComponent<'Accordion'> = {\n  container: cva('flex-col', {\n    variants: {\n      variant: {\n        default: '',\n        card: 'space-y-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  item: cva('border-b last:border-b-0 border-border ', {\n    variants: {\n      variant: {\n        default: '',\n        card: [\n          'rounded-md border px-4 py-1 outline-none last:border-b',\n          // TODO: focus is still shown even if an item within the item is focused\n          'has-focus-visible:util-focus-ring outline-none',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer',\n      'text-left text-sm font-semibold leading-6 transition-all',\n      'hover:no-underline',\n      'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'focus-visible:util-focus-ring outline-none',\n          card: 'outline-none',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva('in-data-[expanded]:pb-2'),\n  icon: cva(\n    'pointer-events-none shrink-0 opacity-60 transition-transform duration-200'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  [\n    'inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-muted text-foreground border border-border',\n        primary: 'bg-brand text-brand-foreground ',\n        success: 'bg-success-muted text-success-muted-foreground',\n        warning: 'bg-warning-muted text-warning-muted-foreground',\n        info: 'bg-info-muted text-info-muted-foreground',\n        error: 'bg-destructive-muted text-destructive-muted-foreground',\n        admin:\n          'text-access-admin-foreground border border-access-admin-foreground',\n        master:\n          'text-access-master-foreground border border-access-master-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n  [\n    'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n    'cursor-pointer',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'bg-brand text-brand-foreground shadow-xs hover:bg-brand/90',\n        secondary:\n          'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n        destructive:\n          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        ghost: 'hover:bg-hover hover:text-foreground',\n        link: 'text-link util-touch-hitbox',\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n        large: '',\n        icon: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'secondary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        class: 'items-center justify-center',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'default',\n        class: 'h-button px-4 py-2 [&_svg]:size-4',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'small',\n        class: 'h-button-small px-3 [&_svg]:size-3.5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'large',\n        class: 'h-button-large px-8 [&_svg]:size-5',\n      },\n      {\n        variant: ['primary', 'secondary', 'destructive', 'ghost'],\n        size: 'icon',\n        class: 'size-button [&_svg]:size-4',\n      },\n    ],\n  }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['p-4 rounded-md', 'util-surface-raised'],\n  {\n    variants: {\n      size: {\n        default: '',\n        full: 'w-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Checkbox: ThemeComponent<'Checkbox'> = {\n  checkbox: cva([\n    'grid size-4 shrink-0 place-content-center rounded',\n    'border border-input shadow-xs',\n    'group-focus-visible/checkbox:util-focus-ring outline-none',\n    'group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed',\n    'group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground',\n    'group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground',\n  ]),\n  container: cva('cursor-pointer read-only:cursor-default'),\n  label: cva([\n    'flex items-center gap-1',\n    'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foregroun',\n    'group-disabled/checkbox:text-disabled-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Calendar: ThemeComponent<'Calendar'> = {\n  calendar: cva(\n    'rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2'\n  ),\n  calendarCell: cva([\n    'relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center',\n    'border border-transparent p-0 text-sm font-normal text-foreground',\n    'outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]',\n    'disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through',\n    'disabled:opacity-30 data-[unavailable]:opacity-30',\n    'focus-visible:util-focus-borderless-ring outline-none',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'transition-colors',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  calendarHeader: cva([\n    'size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80',\n  ]),\n  calendarGrid: cva('[&_td]:p-2'),\n  calendarListboxButton: cva([\n    'rounded-md text-sm font-medium transition-[color,box-shadow]',\n    'px-4 py-2',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'hover:bg-hover',\n    'aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90',\n  ]),\n  select: cva([\n    '[&svg]:text-muted-foreground/80',\n    'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow',\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled',\n    'cursor-pointer',\n  ]),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  'duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ComboBox: ThemeComponent<'ComboBox'> = cva(\n  'text-muted-foreground/80 right-2'\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Collapsible: ThemeComponent<'Collapsible'> = {\n  container: cva(),\n  trigger: cva(\n    [\n      'inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]',\n      'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          link: 'text-link util-touch-hitbox',\n        },\n        size: {\n          default: 'text-sm',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n  content: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ContextualHelp: ThemeComponent<'ContextualHelp'> = {\n  trigger: cva(\n    [\n      'inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground',\n      '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n      'focus-visible:util-focus-ring outline-none',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          help: '',\n          info: '',\n        },\n        size: {\n          default: 'size-button [&_svg]:size-4',\n          small: 'size-button-small [&_svg]:size-3.5',\n          large: 'size-button-large [&_svg]:size-5',\n        },\n      },\n      defaultVariants: {\n        size: 'default',\n      },\n    }\n  ),\n  popover: cva(\n    'bg-white border border-gray-200 p-3 rounded shadow-md z-50 data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md'\n  ),\n  dialog: cva('text-sm leading-normal'),\n  title: cva('text-lg font-semibold mb-1'),\n  content: cva('text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const DateField: ThemeComponent<'DateField'> = {\n  field: cva([\n    'h-input',\n    inputContainer,\n    inputDisabled,\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\n    'data-[focus-within]:util-focus-ring outline-0',\n  ]),\n  segment: cva([\n    inputDisabled,\n    'inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ',\n    'data-[focused]:bg-focus',\n    'data-[placeholder]:disabled:text-disabled-foreground',\n    'invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder',\n    'group/segment',\n    'outline-0',\n    'whitespace-pre',\n    'data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none',\n  ]),\n  action: cva(\n    'fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive'\n  ),\n};\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const inputContainer =\n  'flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20';\n\nexport const inputReadOnly = 'group-read-only/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    'focus:util-focus-ring outline-none',\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70',\n    'file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground',\n    'group-[[data-icon]]/input:pl-8',\n    'group-[[data-action]]/input:pr-7',\n  ]),\n  icon: cva([\n    'pointer-events-none left-1',\n    'text-muted-foreground disabled:text-disabled-foreground',\n  ]),\n  action: cva(['text-muted-foreground right-1']),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const DatePicker: ThemeComponent<'DatePicker'> = cva([\n  'relative h-input -top-2',\n  'text-muted-foreground/80',\n  'hover:text-brand',\n  'disabled:cursor-not-allowed',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(['absolute top-6 right-3', 'size-7 ']),\n  container: cva([\n    'flex flex-col gap-0 rounded-xl p-6 overflow-y-auto',\n    'util-surface-overlay',\n  ]),\n  header: cva('flex flex-col gap-1 text-center sm:text-left'),\n  title: cva('text-lg font-semibold mb-1', {\n    variants: {\n      variant: {},\n      size: {},\n    },\n  }),\n  content: cva('text-muted-foreground text-sm'),\n  actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva('bg-border h-px w-full', {\n  variants: {\n    variant: {\n      default: '',\n      bold: 'h-0.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Drawer: ThemeComponent<'Drawer'> = {\n  overlay: cva([\n    'group/overlay',\n    'data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0',\n    'data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0',\n    'data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0',\n    'data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0',\n  ]),\n  container: cva(\n    [\n      'w-full relative grid-rows-[auto_1fr_auto]',\n      'util-surface-overlay',\n      'data-[placement=top]:w-full data-[placement=bottom]:w-full',\n    ],\n    {\n      variants: {\n        size: {\n          xsmall: 'w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48',\n          small: 'w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64',\n          medium: 'w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80',\n        },\n      },\n    }\n  ),\n  closeButton: cva(['absolute top-3.5 right-3 z-50', 'size-7']),\n  header: cva('border-border border-b px-6 py-4'),\n  title: cva('font-semibold text-base'),\n  content: cva('px-6 py-4 overflow-y-auto outline-none'),\n  actions: cva(\n    'flex flex-row gap-3 justify-end border-border border-t px-6 py-4'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva('', {\n  variants: {\n    variant: {\n      navigation:\n        'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('space-y-2');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Headline: ThemeComponent<'Headline'> = cva('', {\n  variants: {\n    size: {\n      'level-1': 'text-3xl font-extrabold',\n      'level-2': 'text-2xl font-bold',\n      'level-3': 'text-xl font-semibold',\n      'level-4': 'text-lg font-semibold',\n      'level-5': 'text-base font-medium',\n      'level-6': 'text-base font-normal',\n    },\n  },\n});\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva([\n    'text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n    'group-invalid/field:text-destructive',\n  ]),\n  icon: cva(''),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva([\n    'flex items-center gap-1',\n    'text-sm font-medium leading-none text-foreground',\n    'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n  ]),\n  indicator: cva(\n    'group-required/field:block text-destructive align-super size-2.5'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  'aria-[disabled]:cursor-not-allowed',\n  {\n    variants: {\n      variant: {\n        default: 'text-link font-normal',\n        secondary: 'font-medium text-foreground underline hover:no-underline',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('ml-6 list-outside list-disc'),\n  ol: cva('ml-6 list-outside list-decimal'),\n  item: cva('not-first:pt-3'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0',\n  ]),\n  list: cva(['bg-background p-1 text-sm outline-0']),\n  item: cva([\n    'relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground',\n    '[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block',\n    'selected:bg-selected selected:[&_.selection-indicator>svg]:visible',\n    'hover:bg-hover hover:text-hover-foreground',\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-default data-selection-mode:cursor-pointer',\n  ]),\n  section: cva(''),\n  header: cva(\n    '[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva([\n    'text-foreground z-50 overflow-hidden rounded-md p-1 outline-none',\n  ]),\n  item: cva([\n    'relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden select-none',\n    'focus:bg-focus',\n    'disabled:text-disabled-foreground',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 [&_svg]:opacity-60',\n  ]),\n  section: cva(\n    'text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0'\n  ),\n  button: cva(\n    [\n      'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n      '[&_svg]:shrink-0 [&_svg]:pointer-events-none',\n      'focus-visible:util-focus-ring outline-none disabled:util-disabled',\n      'cursor-pointer',\n    ],\n    {\n      variants: {\n        variant: {\n          default:\n            'border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover',\n          ghost: 'hover:bg-hover hover:text-foreground expanded:bg-hover',\n        },\n        size: {\n          default: 'h-button px-4 py-2 [&_svg]:size-4',\n          small: 'h-button-small px-3 text-xs [&_svg]:size-3.5',\n          large: 'h-button-large px-8 [&_svg]:size-5',\n          icon: 'size-button [&_svg]:size-4',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n        size: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva(\n  [\n    'sm:max-h-[min(640px,80vh)]',\n    '[--dialog-spacing-x:1rem]', // Minimal padding to the horizontal edges\n    'w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]',\n  ],\n  {\n    variants: {\n      size: {\n        xsmall: '[--dialog-width:480px]', // \"xs\" breakpoint\n        small: '[--dialog-width:640px]', // sm breakpoint\n        medium: '[--dialog-width:768px]', // md breakpoint\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const MultiSelect: ThemeComponent<'MultiSelect'> = {\n  field: cva('space-y-2'),\n  container: cva([\n    'bg-background shadow-xs border',\n    'px-3 text-sm text-foreground transition-shadow',\n    'border border-input rounded-lg outline-hidden',\n    'aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed',\n    'has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20',\n    'has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none',\n    'has-[input[aria-readonly=true]]:bg-muted',\n    'min-h-input',\n  ]),\n\n  input: cva([\n    'bg-transparent flex-1 h-full',\n    'leading-loose',\n    'data-[focused]:outline-hidden outline-hidden border-0',\n    'disabled:cursor-not-allowed',\n    'group-data-[icon]/input:pl-5',\n    'group-data-[action]/input:pr-8',\n    'placeholder:text-placeholder',\n  ]),\n\n  tag: cva([\n    'border border-solid border-input rounded-md',\n    'bg-background',\n    'font-medium text-xs',\n    'flex items-center gap-1 ',\n    'h-7 px-2 cursor-default',\n  ]),\n  closeButton: cva(\n    'size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0'\n  ),\n  icon: cva('left-1'),\n  listContainer: cva(['util-surface-overlay mt-0.5 rounded-lg outline-0']),\n  list: cva('pointer-events-auto space-y-1 p-1'),\n  option: cva([\n    'text-sm text-foreground',\n    'flex flex-col',\n    'cursor-pointer p-2 outline-hidden',\n    '[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent',\n    'aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed',\n    '[&.isFocused:not([aria-disabled=true])]:!bg-hover',\n  ]),\n  valueContainer: cva('gap-2'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid, inputReadOnly } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    'rounded-lg h-input bg-background',\n    'has-focus-visible:util-focus-ring outline-none',\n    inputInvalid,\n    inputReadOnly,\n    'border border-input text-sm shadow-xs transition-shadow',\n    'data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20',\n  ]),\n  stepper: cva([\n    'w-7 h-full text-center shrink-0',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n    'border-input! first-of-type:border-r! last-of-type:border-l!',\n  ]),\n  input: cva([\n    'tabular-nums text-foreground px-3 py-2',\n    'min-w-0 flex-1 bg-transparent',\n    'group-[[data-stepper]]/field:text-center',\n    'disabled:text-disabled-foreground disabled:bg-disabled',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'group/popover',\n  'text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0',\n  'placement-top:mb-1',\n  'placement-bottom:mt-1',\n  'placement-right:ml-1',\n  'placement-left:mr-1',\n  'util-surface-overlay',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva('group-disabled/radio:cursor-not-allowed'),\n  label: cva([\n    'text-sm font-normal cursor-pointer',\n    'group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-xs',\n    'group-focus-visible/radio:util-focus-ring outline-none',\n    'group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed',\n    'group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground',\n  ]),\n  group: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nconst button = [\n  'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n  'focus-visible:util-focus-ring outline-none',\n  'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n  'hover:bg-hover hover:text-hover-foreground',\n  'cursor-pointer',\n];\n\nexport const Pagination: ThemeComponent<'Pagination'> = {\n  container: cva('flex items-center justify-center space-x-2'),\n  navigationButton: cva([\n    ...button,\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n    'h-9 py-2 gap-1 px-2.5',\n  ]),\n  pageButton: cva([\n    ...button,\n    'bg-background size-9',\n    'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n  ]),\n  icon: cva('h-4 w-4'),\n  ellipsis: cva('text-foreground flex h-8 w-8 items-center justify-center'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ProgressCycle: ThemeComponent<'ProgressCycle'> = cva([\n  'stroke-foreground',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background rounded-md border px-3 py-4',\n    ],\n    {\n      variants: {\n        variant: {\n          success:\n            'border-success-muted-accent bg-success-muted text-success-muted-foreground',\n          warning:\n            'border-warning-muted-accent bg-warning-muted text-warning-muted-foreground',\n          info: 'border-info-muted-accent bg-info-muted text-info-muted-foreground',\n          error:\n            'border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground',\n        },\n      },\n      defaultVariants: {\n        variant: 'info',\n      },\n    }\n  ),\n  title: cva('text-sm font-medium'),\n  content: cva('text-muted-foreground text-sm leading-5 font-normal', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-foreground',\n        warning: 'text-warning-muted-foreground',\n        info: 'text-info-muted-foreground',\n        error: 'text-destructive-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  icon: cva('h-6 w-6 align-baseline leading-none -mt-0.5', {\n    variants: {\n      variant: {\n        success: 'text-success-muted-accent',\n        warning: 'text-warning-muted-accent',\n        info: 'text-info-muted-accent',\n        error: 'text-destructive-muted-accent',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }),\n  close: cva([\n    'size-8 text-foreground',\n    '[&_svg]:size-6',\n    '-my-1.5 -me-2', // align button with title\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputContainer, inputDisabled, inputInvalid } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-muted-foreground/80'),\n  select: cva([\n    inputContainer,\n    inputInvalid,\n    inputDisabled,\n    'focus-visible:util-focus-ring outline-none',\n    'h-input',\n    'cursor-pointer',\n    '*:data-placeholder:text-placeholder',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Slider: ThemeComponent<'Slider'> = {\n  container: cva('*:aria-hidden:hidden'),\n  track: cva([\n    'relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50',\n  ]),\n  selectedTrack: cva([\n    'absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg',\n  ]),\n  thumb: cva([\n    'block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors',\n    'focus-visible:util-focus-borderless-ring outline-none',\n    'disabled:cursor-not-allowed',\n  ]),\n  output: cva('text-foreground text-sm'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Switch: ThemeComponent<'Switch'> = {\n  container: cva(\n    'disabled:cursor-not-allowed disabled:text-disabled-foreground'\n  ),\n  track: cva([\n    'flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors',\n    'border-2 border-transparent', // this increases the hit area so it is 24px\n    'group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground',\n    'group-selected/switch:bg-brand bg-input',\n    'group-focus-visible/switch:util-focus-borderless-ring outline-none',\n  ]),\n  thumb: cva([\n    'pointer-events-none block size-5 rounded-full',\n    'bg-background shadow-xs',\n    'ring-0 transition-transform duration-150 ease-out-quint',\n    'group-selected/switch:translate-x-4 translate-x-0',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva(\n    'text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  thead: cva(\n    // for sticky header\n    'bg-background/90 top-0 z-1 backdrop-blur-xs ',\n    {\n      variants: {\n        variant: {\n          default: '',\n          grid: '',\n        },\n      },\n    }\n  ),\n  headerRow: cva(['border-border border-b'], {\n    variants: {\n      variant: {\n        default: '',\n        grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n        muted: 'bg-muted',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'h-12 px-3 align-middle font-medium text-muted-foreground',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '[&:has([type=checkbox])]:pr-0',\n          grid: '',\n          muted: 'border-t',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  body: cva('[&_tr:last-child]:border-0'),\n  row: cva(\n    [\n      'border-b border-border transition-colors',\n      'focus-visible:outline-2 outline-offset-2 outline-ring/70',\n      'data-disabled:cursor-not-allowed',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'aria-[selected=true]:bg-muted',\n          grid: 'aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n          admin: [\n            'bg-access-admin',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-admin-foreground',\n          ],\n          master: [\n            'bg-access-master',\n            '[&_td:first-child]:relative [&_td:first-child]:pl-4',\n            '[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',\n            '[&_td:first-child:before]:bg-access-master-foreground',\n          ],\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  cell: cva('p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70', {\n    variants: {\n      variant: {\n        default: '[&:has([type=checkbox])]:pr-0',\n        grid: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('flex flex-col gap-2'),\n  tabsList: cva([\n    'text-muted-foreground',\n    'flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1',\n  ]),\n  tab: cva([\n    'relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n    '[&_svg]:shrink-0',\n    'focus-visible:util-focus-ring outline-none',\n    'hover:bg-hover hover:text-foreground',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-selected:text-foreground data-selected:hover:bg-hover',\n    'data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5',\n  ]),\n  tabpanel: cva([\n    'py-4 rounded-sm',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\n  container: cva([\n    'flex gap-3',\n    // prevent collapsing when the empty state is shown\n    'min-h-button-small',\n  ]),\n  tag: cva([\n    'relative inline-flex items-center gap-[7px]',\n    'border border-solid border-input rounded-md',\n    'font-medium text-xs',\n    'h-7 px-2 cursor-default',\n    'bg-background',\n    'data-selected:text-white data-selected:bg-brand',\n    'data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled',\n    'focus-visible:util-focus-ring outline-none',\n  ]),\n  closeButton: cva([\n    'size-4',\n    'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n  ]),\n  listItems: cva([\n    'flex flex-wrap items-center gap-1',\n    // mb-0 prevents whitespace when the hidden field is rendered\n    'mb-0',\n  ]),\n  removeAll: cva([\n    'inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]',\n    'duration-150 active:scale-[0.98] pressed:scale-[0.98]',\n    'focus-visible:util-focus-ring outline-none',\n    'cursor-pointer',\n    'text-link text-xs h-button-small',\n  ]),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  'focus:util-focus-ring outline-none',\n  inputDisabled,\n  inputReadOnly,\n  'invalid:text-destructive',\n]);\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      muted: 'text-muted-foreground',\n    },\n    size: {\n      // Adding a default here, which beasically acts as an inherit\n      default: '',\n      xs: 'text-xs',\n      sm: 'text-sm',\n      base: 'text-base',\n      lg: 'text-lg',\n      xl: 'text-xl',\n      '2xl': 'text-2xl',\n      '3xl': 'text-3xl',\n      '4xl': 'text-4xl',\n      '5xl': 'text-5xl',\n      '6xl': 'text-6xl',\n      '7xl': 'text-7xl',\n      '8xl': 'text-8xl',\n      '9xl': 'text-9xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Toast: ThemeComponent<'Toast'> = {\n  toast: cva([\n    'z-50',\n    'max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border',\n    'grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0',\n    '[grid-template-areas:\"icon_title_close\"\"icon_description_description\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n    'p-4',\n  ]),\n  title: cva([\n    'text-sm font-medium',\n    '[grid-area:title]',\n    'flex items-center mb-0',\n  ]),\n  description: cva([\n    'text-muted-foreground text-sm',\n    '[grid-area:description] mt-0',\n  ]),\n  closeButton: cva([\n    '[grid-area:close] row-end-1',\n    'ml-2',\n    'flex items-center justify-center',\n    'size-5 rounded transition-[color,box-shadow] outline-none',\n    'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground',\n  ]),\n  icon: cva(\n    [\n      '[grid-area:icon]',\n      'flex items-center justify-center',\n      'h-5 w-5 leading-none',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          success: 'text-success-muted-accent',\n          warning: 'text-warning-muted-accent',\n          info: 'text-info-muted-accent',\n          error: 'text-destructive-muted-accent',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n  content: cva(['contents']),\n  'bottom-left': cva(['fixed bottom-4 left-4 flex flex-col-reverse']),\n  'bottom-right': cva(['fixed bottom-4 right-4 flex flex-col-reverse']),\n  'top-left': cva(['fixed top-4 left-4 flex flex-col']),\n  'top-right': cva(['fixed top-4 right-4 flex flex-col']),\n  top: cva([\n    'fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle',\n  ]),\n  bottom: cva([\n    'fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n  container: cva(\n    [\n      'relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm',\n      'placement-top:mb-2',\n      'placement-bottom:mt-2',\n      'placement-right:ml-2',\n      'placement-left:mr-2',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'text-brand-foreground bg-brand border-brand',\n          white: 'text-secondary-foreground border-border bg-white',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n\n  arrow: cva(\n    [\n      // right\n      'data-[placement=right]:[&_svg]:rotate-90',\n      // left\n      'data-[placement=left]:[&_svg]:-rotate-90',\n      // bottom\n      'data-[placement=bottom]:[&_svg]:rotate-180',\n    ],\n    {\n      variants: {\n        variant: {\n          default: 'fill-brand  stroke-brand',\n          white: 'fill-white  stroke-border ',\n        },\n      },\n      defaultVariants: {\n        variant: 'default',\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva('bg-black/80 px-4');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const XLoader: ThemeComponent<'XLoader'> = {\n  container: cva('grid place-items-center text-brand', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: 'text-secondary',\n      },\n      size: {\n        default: 'size-20',\n        large: 'size-36',\n        fit: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  loader: cva('size-full', {\n    variants: {\n      variant: {\n        default: '',\n        inverted: '',\n      },\n      size: {\n        default: '',\n        large: '',\n        fit: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  label: cva('text-current text-sm'),\n};\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Breadcrumbs: ThemeComponent<'Breadcrumbs'> = {\n  container: cva(['flex flex-wrap items-center'], {\n    variants: {\n      variant: {\n        default: 'text-foreground',\n      },\n      size: {\n        small: 'text-xs gap-1.5',\n        default: 'text-sm gap-1.5',\n        large: 'text-base gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  item: cva('inline-flex items-center gap-1.5 whitespace-nowrap '),\n  link: cva('hover:underline cursor-pointer'),\n  current: cva('font-medium'),\n};\n","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":"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","names":["cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva","cva"]}

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -220,6 +220,15 @@
     --animate-slide-in-right: slide-in-right var(--slide-in-duration)
     var(--ease-out-expo);
     --animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse;
+    --animate-slide-in-left: slide-in-left var(--slide-in-duration)
+    var(--ease-out-expo);
+    --animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse;
+    --animate-slide-in-top: slide-in-top var(--slide-in-duration)
+    var(--ease-out-expo);
+    --animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse;
+    --animate-slide-in-bottom: slide-in-bottom var(--slide-in-duration)
+    var(--ease-out-expo);
+    --animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse;
     --animate-rotate-spinner: rotate-spinner 2s linear infinite;
     --animate-progress-cycle: progress-cycle 1.5s linear infinite;
   }
@@ -356,6 +365,9 @@
   [data-theme="rui"] ::-webkit-datetime-edit, [data-theme="rui"] ::-webkit-datetime-edit-year-field, [data-theme="rui"] ::-webkit-datetime-edit-month-field, [data-theme="rui"] ::-webkit-datetime-edit-day-field, [data-theme="rui"] ::-webkit-datetime-edit-hour-field, [data-theme="rui"] ::-webkit-datetime-edit-minute-field, [data-theme="rui"] ::-webkit-datetime-edit-second-field, [data-theme="rui"] ::-webkit-datetime-edit-millisecond-field, [data-theme="rui"] ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  [data-theme="rui"] ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   [data-theme="rui"] :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -470,9 +482,6 @@
   [data-theme="rui"] .right-auto {
     right: auto;
   }
-  [data-theme="rui"] .bottom-0 {
-    bottom: calc(var(--spacing) * 0);
-  }
   [data-theme="rui"] .bottom-0\! {
     bottom: calc(var(--spacing) * 0) !important;
   }
@@ -1941,18 +1950,10 @@
     border-style: var(--tw-border-style);
     border-width: 3px;
   }
-  [data-theme="rui"] .border-y-0\! {
-    border-block-style: var(--tw-border-style) !important;
-    border-block-width: 0px !important;
-  }
   [data-theme="rui"] .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
-  [data-theme="rui"] .border-r-0\! {
-    border-right-style: var(--tw-border-style) !important;
-    border-right-width: 0px !important;
-  }
   [data-theme="rui"] .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -2067,12 +2068,6 @@
       background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
     }
   }
-  [data-theme="rui"] .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
-  [data-theme="rui"] .bg-blue-600 {
-    background-color: var(--color-blue-600);
-  }
   [data-theme="rui"] .bg-blue-700 {
     background-color: var(--color-blue-700);
   }
@@ -4334,7 +4329,10 @@
     }
   }
   [data-theme="rui"] .active\:scale-\[0\.98\] {
-    [data-theme="rui"] &:active {
+    [data-theme="rui"] &:where([data-rac])[data-active] {
+      scale: 0.98;
+    }
+    [data-theme="rui"] &:where(:not([data-rac])):active {
       scale: 0.98;
     }
   }
@@ -4813,6 +4811,86 @@
       }
     }
   }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:bottom-0 {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:left-0 {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:h-48 {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      height: calc(var(--spacing) * 48);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:h-64 {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      height: calc(var(--spacing) * 64);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:h-80 {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      height: calc(var(--spacing) * 80);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:w-full {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      width: 100%;
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=left\]\:top-0 {
+    [data-theme="rui"] &[data-placement="left"] {
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=left\]\:left-0 {
+    [data-theme="rui"] &[data-placement="left"] {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=right\]\:top-0 {
+    [data-theme="rui"] &[data-placement="right"] {
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=right\]\:right-0 {
+    [data-theme="rui"] &[data-placement="right"] {
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:top-0 {
+    [data-theme="rui"] &[data-placement="top"] {
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:left-0 {
+    [data-theme="rui"] &[data-placement="top"] {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:h-48 {
+    [data-theme="rui"] &[data-placement="top"] {
+      height: calc(var(--spacing) * 48);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:h-64 {
+    [data-theme="rui"] &[data-placement="top"] {
+      height: calc(var(--spacing) * 64);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:h-80 {
+    [data-theme="rui"] &[data-placement="top"] {
+      height: calc(var(--spacing) * 80);
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:w-full {
+    [data-theme="rui"] &[data-placement="top"] {
+      width: 100%;
+    }
+  }
   [data-theme="rui"] .data-\[selected\=true\]\:border {
     [data-theme="rui"] &[data-selected="true"] {
       border-style: var(--tw-border-style);
@@ -4984,15 +5062,75 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .entering\:animate-slide-in-right {
+  [data-theme="rui"] .entering\:animate-slide-in-left {
     [data-theme="rui"] &[data-entering] {
-      animation: slide-in-right var(--slide-in-duration)
+      animation: slide-in-left var(--slide-in-duration)
     var(--ease-out-expo);
     }
   }
-  [data-theme="rui"] .exiting\:animate-slide-out-right {
+  [data-theme="rui"] .data-\[placement\=bottom\]\:entering\:animate-slide-in-bottom {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      [data-theme="rui"] &[data-entering] {
+        animation: slide-in-bottom var(--slide-in-duration)
+    var(--ease-out-expo);
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=left\]\:entering\:animate-slide-in-left {
+    [data-theme="rui"] &[data-placement="left"] {
+      [data-theme="rui"] &[data-entering] {
+        animation: slide-in-left var(--slide-in-duration)
+    var(--ease-out-expo);
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=right\]\:entering\:animate-slide-in-right {
+    [data-theme="rui"] &[data-placement="right"] {
+      [data-theme="rui"] &[data-entering] {
+        animation: slide-in-right var(--slide-in-duration)
+    var(--ease-out-expo);
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:entering\:animate-slide-in-top {
+    [data-theme="rui"] &[data-placement="top"] {
+      [data-theme="rui"] &[data-entering] {
+        animation: slide-in-top var(--slide-in-duration)
+    var(--ease-out-expo);
+      }
+    }
+  }
+  [data-theme="rui"] .exiting\:animate-slide-out-left {
     [data-theme="rui"] &[data-exiting] {
-      animation: slide-in-right var(--slide-out-duration) reverse;
+      animation: slide-in-left var(--slide-out-duration) reverse;
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=bottom\]\:exiting\:animate-slide-out-bottom {
+    [data-theme="rui"] &[data-placement="bottom"] {
+      [data-theme="rui"] &[data-exiting] {
+        animation: slide-in-bottom var(--slide-out-duration) reverse;
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=left\]\:exiting\:animate-slide-out-left {
+    [data-theme="rui"] &[data-placement="left"] {
+      [data-theme="rui"] &[data-exiting] {
+        animation: slide-in-left var(--slide-out-duration) reverse;
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=right\]\:exiting\:animate-slide-out-right {
+    [data-theme="rui"] &[data-placement="right"] {
+      [data-theme="rui"] &[data-exiting] {
+        animation: slide-in-right var(--slide-out-duration) reverse;
+      }
+    }
+  }
+  [data-theme="rui"] .data-\[placement\=top\]\:exiting\:animate-slide-out-top {
+    [data-theme="rui"] &[data-placement="top"] {
+      [data-theme="rui"] &[data-exiting] {
+        animation: slide-in-top var(--slide-out-duration) reverse;
+      }
     }
   }
   [data-theme="rui"] .pending\:cursor-not-allowed {
@@ -5742,6 +5880,30 @@
     transform: translateX(0);
   }
 }
+@keyframes slide-in-left {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes slide-in-top {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes slide-in-bottom {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
 @keyframes rotate-spinner {
   0% {
     transform: rotate(0deg);

package/dist/theme.css

@@ -211,7 +211,7 @@
     }
   }
 
-  /* animation slide in */
+  /* animation slide in right*/
   --slide-in-duration: 0.3s;
   --slide-out-duration: 0.15s;
 
@@ -229,6 +229,51 @@
     }
   }
 
+  /* animation slide in left*/
+  --animate-slide-in-left: slide-in-left var(--slide-in-duration)
+    var(--ease-out-expo);
+  --animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse;
+
+  @keyframes slide-in-left {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  /* animation slide in top*/
+  --animate-slide-in-top: slide-in-top var(--slide-in-duration)
+    var(--ease-out-expo);
+  --animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse;
+
+  @keyframes slide-in-top {
+    from {
+      transform: translateY(-100%);
+    }
+
+    to {
+      transform: translateY(0);
+    }
+  }
+
+  /* animation slide in bottom*/
+  --animate-slide-in-bottom: slide-in-bottom var(--slide-in-duration)
+    var(--ease-out-expo);
+  --animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse;
+
+  @keyframes slide-in-bottom {
+    from {
+      transform: translateY(100%);
+    }
+
+    to {
+      transform: translateY(0);
+    }
+  }
+
   /* animation and keyframes */
   --animate-rotate-spinner: rotate-spinner 2s linear infinite;
   --animate-progress-cycle: progress-cycle 1.5s linear infinite;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Marigold RUI Theme",
   "license": "MIT",
   "keywords": [
@@ -43,18 +43,18 @@
     "directory": "themes/theme-rui"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "4.1.11",
-    "cssnano": "7.1.0",
+    "@tailwindcss/postcss": "4.1.12",
+    "cssnano": "7.1.1",
     "postcss-cli": "11.0.1",
-    "tailwindcss": "4.1.11",
+    "tailwindcss": "4.1.12",
     "tsup": "8.5.0",
     "@marigold/tsconfig": "0.4.1"
   },
   "dependencies": {
     "tailwindcss-animate": "1.0.7",
-    "tailwindcss-react-aria-components": "2.0.0",
-    "@marigold/components": "15.0.0",
-    "@marigold/system": "15.0.0",
+    "tailwindcss-react-aria-components": "^2.0.1",
+    "@marigold/components": "15.0.2",
+    "@marigold/system": "15.0.2",
     "@marigold/theme-plugins": "1.0.2"
   },
   "scripts": {