@marigold/theme-rui 0.3.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.js +176 -110
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +176 -110
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +152 -57
  6. package/dist/theme.css +78 -2
  7. package/package.json +6 -6
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Body.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/ComboBox.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/IconButton.styles.ts","../src/components/Field.styles.ts","../src/components/Footer.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Image.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/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/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\nexport { Body } from './Body.styles';\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { ComboBox } from './ComboBox.styles';\nexport { DateField } from './DateField.styles';\nexport { DatePicker } from './DatePicker.styles';\nexport { Dialog } from './Dialog.styles';\nexport { Divider } from './Divider.styles';\nexport { IconButton } from './IconButton.styles';\nexport { Input } from './Input.styles';\nexport { Field } from './Field.styles';\nexport { Footer } from './Footer.styles';\nexport { Header } from './Header.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Image } from './Image.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 { 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 { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.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 'mixin-ring-has-focus-visible',\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: 'mixin-ring-focus-visible',\n card: 'outline-none',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n content: cva(\n 'overflow-hidden text-sm text-muted-foreground in-data-[expanded]:pb-2'\n ),\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\nconst circle = 'before:size-1.5 before:rounded-full pr-2';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n [\n 'inline-flex items-center justify-center rounded-full border px-1.5 text-xs font-medium leading-normal transition-colors',\n 'mixin-ring-focus-visible',\n ],\n {\n variants: {\n variant: {\n default: 'border-border bg-white',\n primary: 'bg-brand text-brand-foreground border-transparent',\n success: [\n 'bg-success-muted text-success-muted-foreground border-success-muted-accent before:bg-success-muted-accent gap-1.5',\n circle,\n ],\n warning: [\n 'bg-warning-muted text-warning-muted-foreground border-warning-muted-accent before:bg-warning-muted-accent gap-1.5',\n circle,\n ],\n info: [\n 'bg-info-muted text-info-muted-foreground border-info-muted-accent before:bg-info-muted-accent gap-1.5',\n circle,\n ],\n error: [\n 'bg-destructive-muted text-destructive-muted-foreground border-destructive-muted-accent before:bg-destructive-muted-accent gap-1.5',\n circle,\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Body: ThemeComponent<'Body'> = cva('');\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n [\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n '[&_svg]:shrink-0',\n 'mixin-ring-focus-visible mixin-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:\n 'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-brand/90',\n secondary:\n 'border border-input bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n ghost: 'hover:bg-hover hover:text-foreground',\n // only used for calendar in MonthListBox and YearListBox to have a hover over other options\n // TODO: Remove this in future and rethink the MonthListBox and YearListBox or use another variant\n text: 'hover:bg-hover',\n },\n size: {\n default: 'h-button px-4 py-2',\n small: 'h-button-small px-3 text-xs',\n large: 'h-button-large px-8',\n icon: 'size-9',\n },\n },\n defaultVariants: {\n variant: 'secondary',\n size: 'default',\n },\n }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva([\n 'border border-input rounded-md',\n 'bg-surface-overlay',\n 'p-4',\n 'shadow-sm shadow-black/5',\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-sm shadow-black/5',\n 'mixin-ring-focus-visible-checkbox',\n 'group-disabled/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 'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foreground 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',\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 'mixin-ring-focus-visible-borderless',\n ]),\n calendarControllers: cva([\n 'size-9 rounded-lg',\n 'text-muted-foreground/80',\n 'transition-colors',\n 'mixin-ring-focus-visible',\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};\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 { 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 'mixin-ring-has-focus-visible',\n inputInvalid,\n inputReadOnly,\n 'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\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 ]),\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-sm shadow-black/5 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 'mixin-ring-focus-visible',\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([\n 'absolute top-3 right-3',\n 'flex size-7 items-center justify-center rounded transition-[color,box-shadow]',\n 'mixin-ring-focus-visible',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n ]),\n container: cva(\n [\n 'flex flex-col gap-0 p-0',\n 'bg-background rounded-xl border p-6 shadow-lg overflow-y-auto',\n 'w-full max-w-[calc(100%-2rem)]',\n 'sm:max-h-[min(640px,80vh)] max-h-[calc(100%-2rem)]',\n ],\n {\n variants: {\n size: {\n default: 'sm:max-w-100',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n header: cva('flex flex-col gap-1 text-center sm:text-left'),\n content: cva('text-muted-foreground text-sm'),\n actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end'),\n};\n\n/**\nsm:max-h-[min(640px,80vh)] sm:max-w-lg [&>button:last-child]:hidden\n\n */\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva(\n 'bg-stone-300 h-px w-full',\n {\n variants: {\n variant: {\n bold: 'h-0.5',\n section: '',\n },\n },\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 Footer: ThemeComponent<'Footer'> = cva('');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Header: ThemeComponent<'Header'> = cva('');\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 'mt-2 text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n 'group-invalid/field:text-destructive',\n ]),\n icon: cva(''),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Image: ThemeComponent<'Image'> = cva();\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n container: cva([\n 'text-sm font-medium leading-4 text-foreground',\n 'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n ]),\n indicator: cva(\n 'group-required/field:block group-required/field:text-destructive'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n 'underline aria-[disabled]:cursor-not-allowed py-2 underline-offset-4',\n {\n variants: {\n variant: {\n menuItemLink: '',\n secondary: '',\n },\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('ml-6 list-inside list-disc py-3'),\n ol: cva('ml-6 list-inside list-decimal py-3'),\n item: cva('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-[trigger]/popover:border-0',\n ]),\n list: cva(['space-y-1 bg-background p-1 text-sm outline-0']),\n option: cva([\n 'relative flex flex-col rounded-md px-2 py-1.5 text-sm text-foreground cursor-pointer',\n 'selected:bg-selected',\n 'hover:bg-hover hover:text-hover-foreground',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n 'mixin-ring-focus-visible',\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 'bg-surface-overlay text-foreground z-50 min-w-40 overflow-hidden rounded-md p-1 border-border',\n ]),\n item: cva([\n 'focus:bg-focus focus:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none disabled:text-disabled-foreground',\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};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport { inputInvalid } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n group: cva([\n 'mixin-ring-has-focus-visible',\n inputInvalid,\n 'relative inline-flex w-full -mb-0.5 items-center overflow-hidden whitespace-nowrap rounded-lg h-input grow text-center tabular-nums text-foreground',\n 'border border-input text-sm shadow-sm shadow-black/5 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',\n 'disabled:text-disabled-foreground disabled:bg-disabled',\n // Make sure focus ring is only around the component and not the stepper buttons\n 'border-input! first-of-type:border-r! last-of-type:border-l!',\n ]),\n input: cva(\n 'border-none shadow-none rounded-none outline-offset-0 text-center focus-visible:ring-0'\n ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n 'group/popover',\n 'z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0 border-input',\n /** animate stuff missing */\n 'bg-surface-overlay text-foreground shadow-md',\n 'placement-top:mb-1',\n 'placement-bottom:mt-1',\n 'placement-right:ml-1',\n 'placement-left:mr-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n container: cva('group-disabled/radio:cursor-not-allowed'),\n label: cva([\n 'text-sm font-normal cursor-pointer',\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-sm shadow-black/5',\n 'mixin-ring-focus-visible-radio',\n 'group-disabled/radio:border-disabled',\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\nexport const Pagination: ThemeComponent<'Pagination'> = {\n navigationButton: cva([\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n 'mixin-ring-focus-visible',\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 'h-9 py-2 gap-1 px-2.5',\n ]),\n pageButton: cva([\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors bg-background size-9',\n 'mixin-ring-focus-visible',\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n 'hover:bg-hover hover:text-hover-foreground',\n ]),\n icon: cva('h-4 w-4'),\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-3 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-4 w-4 align-baseline leading-none pt-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 'flex items-center justify-center',\n 'rounded-md transition-color size-8 shrink-0 p-0 text-foreground cursor-pointer',\n '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n '-my-1.5 -me-2', // align button with title\n 'mixin-ring-focus-visible',\n '[&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\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 'mixin-ring-focus-visible',\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 'mixin-ring-focus-visible-borderless',\n 'data-[disabled]:cursor-not-allowed',\n ]),\n output: cva('text-text-base 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 'inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full',\n 'border-2 border-transparent',\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 'mixin-ring-focus-visible-switch',\n ]),\n thumb: cva([\n 'pointer-events-none block size-5 rounded-full',\n 'bg-background shadow-sm shadow-black/5',\n 'ring-0 transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',\n 'group-selected/switch:translate-x-4 translate-x-0 rtl:group-selected/switch:-translate-x-4',\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-10 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 },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'h-12 px-3 align-middle font-medium text-muted-foreground last:text-right',\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 },\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 'aria-[selected=true]:bg-muted hover:bg-transparent data-disabled:cursor-not-allowed',\n ],\n {\n variants: {\n variant: {\n default: '',\n grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n cell: cva(\n [\n 'p-3 align-middle last:text-right',\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 },\n },\n defaultVariants: {\n variant: 'default',\n },\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 px-0 py-1',\n ]),\n tab: cva([\n 'relative inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n '[&_svg]:shrink-0',\n 'mixin-ring-focus-visible',\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(['py-4 rounded-sm', 'mixin-ring-focus-visible']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\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 'mixin-ring-focus-visible',\n ]),\n closeButton: cva([\n 'size-4 flex items-center justify-end whitespace-nowrap',\n 'font-medium text-muted-foreground text-sm hover:text-brand rounded-md',\n 'p-0 transition-colors outline-0 cursor-pointer',\n 'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n ]),\n listItems: cva('flex flex-wrap items-center gap-1'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n inputContainer,\n inputDisabled,\n inputInvalid,\n inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n inputContainer,\n inputInvalid,\n 'mixin-ring-focus-visible',\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 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 size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n container: cva(\n [\n 'text-brand-foreground bg-brand relative z-50 max-w-70 rounded-md border border-brand 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: '',\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 'fill-brand stroke-brand',\n\n // right\n 'data-[placement=right]:[&_svg]:rotate-90',\n\n // left\n 'data-[placement=left]:[&_svg]:-rotate-90',\n\n // bottom\n 'data-[placement=bottom]:[&_svg]:rotate-180',\n ],\n {\n variants: {\n variant: {\n default: '',\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('', {\n variants: {\n variant: {\n modal: ' bg-black/80 backdrop-blur-sm',\n },\n },\n});\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 { 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"]}
1
+ {"version":3,"sources":["../src/components/index.ts","../src/components/Accordion.styles.ts","../src/components/Badge.styles.ts","../src/components/Body.styles.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Checkbox.styles.ts","../src/components/Calendar.styles.ts","../src/components/ComboBox.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/Footer.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/HelpText.styles.ts","../src/components/Image.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/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/Tooltip.styles.ts","../src/components/Underlay.styles.ts","../src/components/XLoader.styles.ts","../src/theme.ts","../src/index.ts"],"sourcesContent":["export { Accordion } from './Accordion.styles';\nexport { Badge } from './Badge.styles';\nexport { Body } from './Body.styles';\nexport { Button } from './Button.styles';\nexport { Card } from './Card.styles';\nexport { Checkbox } from './Checkbox.styles';\nexport { Calendar } from './Calendar.styles';\nexport { ComboBox } from './ComboBox.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 { Footer } from './Footer.styles';\nexport { Header } from './Header.styles';\nexport { Headline } from './Headline.styles';\nexport { HelpText } from './HelpText.styles';\nexport { Image } from './Image.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 { 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 { Tooltip } from './Tooltip.styles';\nexport { Underlay } from './Underlay.styles';\nexport { XLoader } from './XLoader.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 'mixin-ring-has-focus-visible',\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: 'mixin-ring-focus-visible',\n card: 'outline-none',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n content: cva('overflow-hidden 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\nconst circle = 'before:size-1.5 before:rounded-full pr-2';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n [\n 'inline-flex items-center justify-center rounded-full border px-1.5 text-xs font-medium leading-normal transition-colors',\n 'mixin-ring-focus-visible',\n ],\n {\n variants: {\n variant: {\n default: 'border-border bg-white',\n primary: 'bg-brand text-brand-foreground border-transparent',\n success: [\n 'bg-success-muted text-success-muted-foreground border-success-muted-accent before:bg-success-muted-accent gap-1.5',\n circle,\n ],\n warning: [\n 'bg-warning-muted text-warning-muted-foreground border-warning-muted-accent before:bg-warning-muted-accent gap-1.5',\n circle,\n ],\n info: [\n 'bg-info-muted text-info-muted-foreground border-info-muted-accent before:bg-info-muted-accent gap-1.5',\n circle,\n ],\n error: [\n 'bg-destructive-muted text-destructive-muted-foreground border-destructive-muted-accent before:bg-destructive-muted-accent gap-1.5',\n circle,\n ],\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Body: ThemeComponent<'Body'> = cva('');\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva(\n [\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]',\n '[&_svg]:shrink-0',\n 'mixin-ring-focus-visible mixin-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:\n 'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-brand/90',\n secondary:\n 'border border-input bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground expanded:bg-hover',\n destructive:\n 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n ghost: 'hover:bg-hover hover:text-foreground',\n // only used for calendar in MonthListBox and YearListBox to have a hover over other options\n // TODO: Remove this in future and rethink the MonthListBox and YearListBox or use another variant\n text: 'hover:bg-hover',\n },\n size: {\n default: 'h-button px-4 py-2',\n small: 'h-button-small px-3 text-xs',\n large: 'h-button-large px-8',\n icon: 'size-9',\n },\n },\n defaultVariants: {\n variant: 'secondary',\n size: 'default',\n },\n }\n);\n","import { cva } from '@marigold/system';\nimport type { ThemeComponent } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva([\n 'border border-input rounded-md',\n 'bg-surface-overlay',\n 'p-4',\n 'shadow-sm shadow-black/5',\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-sm shadow-black/5',\n 'mixin-ring-focus-visible-checkbox',\n 'group-disabled/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 'text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foreground 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',\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 'mixin-ring-focus-visible-borderless',\n ]),\n calendarControllers: cva([\n 'size-9 rounded-lg',\n 'text-muted-foreground/80',\n 'transition-colors',\n 'mixin-ring-focus-visible',\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};\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 { 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 'mixin-ring-has-focus-visible',\n inputInvalid,\n inputReadOnly,\n 'invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20',\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 ]),\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-sm shadow-black/5 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 'mixin-ring-focus-visible',\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([\n 'absolute top-3 right-3',\n 'flex size-7 items-center justify-center rounded transition-[color,box-shadow]',\n 'mixin-ring-focus-visible',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n ]),\n container: cva(\n [\n 'flex flex-col gap-0 p-0',\n 'bg-surface-overlay rounded-xl border p-6 shadow-lg overflow-y-auto',\n 'w-full max-w-[calc(100%-2rem)]',\n 'sm:max-h-[min(640px,80vh)] max-h-[calc(100%-2rem)]',\n ],\n {\n variants: {\n size: {\n default: 'sm:max-w-100',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n header: cva('flex flex-col gap-1 text-center sm:text-left'),\n content: cva('text-muted-foreground text-sm'),\n actions: cva('flex flex-col-reverse gap-3 sm:flex-row sm:justify-end'),\n};\n\n/**\nsm:max-h-[min(640px,80vh)] sm:max-w-lg [&>button:last-child]:hidden\n\n */\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Divider: ThemeComponent<'Divider'> = cva(\n 'bg-stone-300 h-px w-full',\n {\n variants: {\n variant: {\n bold: 'h-0.5',\n section: '',\n },\n },\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 'bg-surface-overlay border-input border-l shadow-lg',\n /**\n * The fade animation only start when entering is finished,\n * to prevent flickering we hide the elements during the\n * slide in animation.\n */\n // '*:group-entering/overlay:opacity-0',\n // '*:animate-fade-in *:[animation-duration:0.2s]',\n // '*:[animation-delay:var(--slide-in-duration)]',\n\n /**\n * The drawer's child elements will have a secondary fade-in-up animation,\n * which starts only after the drawer has fully slid in.\n *\n * To achieve this, we initially hide the children and allow them to remain\n * in their final animation state (using `animation-fill-mode`).\n * A slight delay is applied to each child to create a staggered fade-in-up effect.\n */\n\n '*:opacity-0 *:[animation-fill-mode:forwards]',\n '*:animate-fade-in-up *:[animation-delay:calc(var(--slide-in-duration)+(var(--i)*150ms))]',\n\n /**\n * Fade out content of the slider, looks smoother and less clutter.\n * Keep the \"not-group-exiting\" of the fade in animation, because\n * elements can only have one animation.\n */\n '*:group-exiting/overlay:animate-fade-out! *:group-exiting/overlay:[animation-delay:0s]!',\n ],\n {\n variants: {\n size: {\n default: 'w-80',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n ),\n closeButton: cva([\n 'absolute top-3.5 right-3 z-50',\n 'flex size-7 items-center justify-center rounded transition-[color,box-shadow]',\n 'mixin-ring-focus-visible',\n '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n ]),\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 Footer: ThemeComponent<'Footer'> = cva('');\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Header: ThemeComponent<'Header'> = cva('');\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 'mt-2 text-xs text-muted-foreground group-disabled/field:text-disabled-foreground',\n 'group-invalid/field:text-destructive',\n ]),\n icon: cva(''),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Image: ThemeComponent<'Image'> = cva();\n","import { type ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n container: cva([\n 'text-sm font-medium leading-4 text-foreground',\n 'group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground',\n ]),\n indicator: cva(\n 'group-required/field:block group-required/field:text-destructive'\n ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n 'underline aria-[disabled]:cursor-not-allowed py-2 underline-offset-4',\n {\n variants: {\n variant: {\n menuItemLink: '',\n secondary: '',\n },\n },\n }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n ul: cva('ml-6 list-inside list-disc py-3'),\n ol: cva('ml-6 list-inside list-decimal py-3'),\n item: cva('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-[trigger]/popover:border-0',\n ]),\n list: cva(['space-y-1 bg-background p-1 text-sm outline-0']),\n option: cva([\n 'relative flex flex-col rounded-md px-2 py-1.5 text-sm text-foreground cursor-pointer',\n 'selected:bg-selected',\n 'hover:bg-hover hover:text-hover-foreground',\n 'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n 'mixin-ring-focus-visible',\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 'bg-surface-overlay text-foreground z-50 min-w-40 overflow-hidden rounded-md p-1 border-border',\n ]),\n item: cva([\n 'focus:bg-focus focus:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none disabled:text-disabled-foreground',\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};\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',\n 'mixin-ring-has-focus-visible',\n inputInvalid,\n inputReadOnly,\n 'border border-input text-sm shadow-sm shadow-black/5 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',\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 'z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0 border-input',\n /** animate stuff missing */\n 'bg-surface-overlay text-foreground shadow-md',\n 'placement-top:mb-1',\n 'placement-bottom:mt-1',\n 'placement-right:ml-1',\n 'placement-left:mr-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n container: cva('group-disabled/radio:cursor-not-allowed'),\n label: cva([\n 'text-sm font-normal cursor-pointer',\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-sm shadow-black/5',\n 'mixin-ring-focus-visible-radio',\n 'group-disabled/radio:border-disabled',\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\nexport const Pagination: ThemeComponent<'Pagination'> = {\n navigationButton: cva([\n 'inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors',\n 'mixin-ring-focus-visible',\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 'h-9 py-2 gap-1 px-2.5',\n ]),\n pageButton: cva([\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors bg-background size-9',\n 'mixin-ring-focus-visible',\n 'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground',\n '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs',\n 'hover:bg-hover hover:text-hover-foreground',\n ]),\n icon: cva('h-4 w-4'),\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-3 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-4 w-4 align-baseline leading-none pt-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 'flex items-center justify-center',\n 'rounded-md transition-color size-8 shrink-0 p-0 text-foreground cursor-pointer',\n '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n '-my-1.5 -me-2', // align button with title\n 'mixin-ring-focus-visible',\n '[&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\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 'mixin-ring-focus-visible',\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 'mixin-ring-focus-visible-borderless',\n 'data-[disabled]:cursor-not-allowed',\n ]),\n output: cva('text-text-base 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 'inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full',\n 'border-2 border-transparent',\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 'mixin-ring-focus-visible-switch',\n ]),\n thumb: cva([\n 'pointer-events-none block size-5 rounded-full',\n 'bg-background shadow-sm shadow-black/5',\n 'ring-0 transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',\n 'group-selected/switch:translate-x-4 translate-x-0 rtl:group-selected/switch:-translate-x-4',\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-10 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 },\n },\n defaultVariants: {\n variant: 'default',\n },\n }),\n header: cva(\n [\n 'h-12 px-3 align-middle font-medium text-muted-foreground last:text-right',\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 },\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 'aria-[selected=true]:bg-muted hover:bg-transparent data-disabled:cursor-not-allowed',\n ],\n {\n variants: {\n variant: {\n default: '',\n grid: '[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n ),\n cell: cva(\n [\n 'p-3 align-middle last:text-right',\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 },\n },\n defaultVariants: {\n variant: 'default',\n },\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 px-0 py-1',\n ]),\n tab: cva([\n 'relative inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors',\n '[&_svg]:shrink-0',\n 'mixin-ring-focus-visible',\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(['py-4 rounded-sm', 'mixin-ring-focus-visible']),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tag: ThemeComponent<'Tag'> = {\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 'mixin-ring-focus-visible',\n ]),\n closeButton: cva([\n 'size-4 flex items-center justify-end whitespace-nowrap',\n 'font-medium text-muted-foreground text-sm hover:text-brand rounded-md',\n 'p-0 transition-colors outline-0 cursor-pointer',\n 'disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed',\n ]),\n listItems: cva('flex flex-wrap items-center gap-1'),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n inputContainer,\n inputDisabled,\n inputInvalid,\n inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n inputContainer,\n inputInvalid,\n 'mixin-ring-focus-visible',\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 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 size: 'default',\n },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tooltip: ThemeComponent<'Tooltip'> = {\n container: cva(\n [\n 'text-brand-foreground bg-brand relative z-50 max-w-70 rounded-md border border-brand 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: '',\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 'fill-brand stroke-brand',\n\n // right\n 'data-[placement=right]:[&_svg]:rotate-90',\n\n // left\n 'data-[placement=left]:[&_svg]:-rotate-90',\n\n // bottom\n 'data-[placement=bottom]:[&_svg]:rotate-180',\n ],\n {\n variants: {\n variant: {\n default: '',\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('', {\n variants: {\n variant: {\n modal: ' bg-black/80 backdrop-blur-sm',\n },\n },\n});\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 { 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"]}
package/dist/styles.css CHANGED
@@ -1,10 +1,7 @@
1
- /*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  [data-theme="rui"], [data-theme="rui"] :host {
5
- --font-sans: Inter, system-ui, sans-serif;
6
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
7
- "Courier New", monospace;
8
5
  --color-red-100: oklch(0.936 0.032 17.717);
9
6
  --color-red-300: oklch(0.808 0.114 19.571);
10
7
  --color-red-400: oklch(0.704 0.191 22.216);
@@ -114,18 +111,12 @@
114
111
  --blur-sm: 8px;
115
112
  --default-transition-duration: 150ms;
116
113
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
117
- --default-font-family: var(--font-sans);
118
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
119
- --default-font-variation-settings: var(
120
- --font-sans--font-variation-settings
121
- );
122
- --default-mono-font-family: var(--font-mono);
123
- --default-mono-font-feature-settings: var(
124
- --font-mono--font-feature-settings
125
- );
126
- --default-mono-font-variation-settings: var(
127
- --font-mono--font-variation-settings
128
- );
114
+ --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
115
+ --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
116
+ --fade-in-duration: 0.3s;
117
+ --fade-out-duration: 0.15s;
118
+ --slide-in-duration: 0.3s;
119
+ --slide-out-duration: 0.15s;
129
120
  }
130
121
  }
131
122
  @layer base {
@@ -139,14 +130,11 @@
139
130
  line-height: 1.5;
140
131
  -webkit-text-size-adjust: 100%;
141
132
  tab-size: 4;
142
- font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
143
- font-feature-settings: var(--default-font-feature-settings, normal);
144
- font-variation-settings: var( --default-font-variation-settings, normal );
133
+ font-family: Inter, system-ui, sans-serif;
134
+ font-feature-settings: initial;
135
+ font-variation-settings: initial;
145
136
  -webkit-tap-highlight-color: transparent;
146
137
  }
147
- [data-theme="rui"] {
148
- line-height: inherit;
149
- }
150
138
  [data-theme="rui"] hr {
151
139
  height: 0;
152
140
  color: inherit;
@@ -169,9 +157,10 @@
169
157
  font-weight: bolder;
170
158
  }
171
159
  [data-theme="rui"] code, [data-theme="rui"] kbd, [data-theme="rui"] samp, [data-theme="rui"] pre {
172
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
173
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
174
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
160
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
161
+ "Courier New", monospace;
162
+ font-feature-settings: initial;
163
+ font-variation-settings: initial;
175
164
  font-size: 1em;
176
165
  }
177
166
  [data-theme="rui"] small {
@@ -235,7 +224,11 @@
235
224
  }
236
225
  [data-theme="rui"] ::placeholder {
237
226
  opacity: 1;
238
- color: color-mix(in oklab, currentColor 50%, transparent);
227
+ }
228
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
229
+ [data-theme="rui"] ::placeholder {
230
+ color: color-mix(in oklab, currentColor 50%, transparent);
231
+ }
239
232
  }
240
233
  [data-theme="rui"] textarea {
241
234
  resize: vertical;
@@ -324,6 +317,9 @@
324
317
  [data-theme="rui"] .top-3 {
325
318
  top: calc(var(--spacing) * 3);
326
319
  }
320
+ [data-theme="rui"] .top-3\.5 {
321
+ top: calc(var(--spacing) * 3.5);
322
+ }
327
323
  [data-theme="rui"] .top-4 {
328
324
  top: calc(var(--spacing) * 4);
329
325
  }
@@ -345,6 +341,9 @@
345
341
  [data-theme="rui"] .right-3 {
346
342
  right: calc(var(--spacing) * 3);
347
343
  }
344
+ [data-theme="rui"] .bottom-0 {
345
+ bottom: calc(var(--spacing) * 0);
346
+ }
348
347
  [data-theme="rui"] .bottom-0\! {
349
348
  bottom: calc(var(--spacing) * 0) !important;
350
349
  }
@@ -420,9 +419,6 @@
420
419
  [data-theme="rui"] .mt-2 {
421
420
  margin-top: calc(var(--spacing) * 2);
422
421
  }
423
- [data-theme="rui"] .-mb-0\.5 {
424
- margin-bottom: calc(var(--spacing) * -0.5);
425
- }
426
422
  [data-theme="rui"] .mb-0\.5 {
427
423
  margin-bottom: calc(var(--spacing) * 0.5);
428
424
  }
@@ -1088,6 +1084,9 @@
1088
1084
  [data-theme="rui"] .min-w-\(--trigger-width\) {
1089
1085
  min-width: var(--trigger-width);
1090
1086
  }
1087
+ [data-theme="rui"] .min-w-0 {
1088
+ min-width: calc(var(--spacing) * 0);
1089
+ }
1091
1090
  [data-theme="rui"] .min-w-40 {
1092
1091
  min-width: calc(var(--spacing) * 40);
1093
1092
  }
@@ -1278,6 +1277,9 @@
1278
1277
  [data-theme="rui"] .grid-cols-\[repeat\(auto-fit\,var\(--column\)\)\] {
1279
1278
  grid-template-columns: repeat(auto-fit,var(--column));
1280
1279
  }
1280
+ [data-theme="rui"] .grid-rows-\[auto_1fr_auto\] {
1281
+ grid-template-rows: auto 1fr auto;
1282
+ }
1281
1283
  [data-theme="rui"] .flex-col {
1282
1284
  flex-direction: column;
1283
1285
  }
@@ -1530,9 +1532,6 @@
1530
1532
  [data-theme="rui"] .rounded-md {
1531
1533
  border-radius: var(--radius-md);
1532
1534
  }
1533
- [data-theme="rui"] .rounded-none {
1534
- border-radius: 0;
1535
- }
1536
1535
  [data-theme="rui"] .rounded-sm {
1537
1536
  border-radius: var(--radius-sm);
1538
1537
  }
@@ -1566,6 +1565,10 @@
1566
1565
  border-bottom-style: var(--tw-border-style);
1567
1566
  border-bottom-width: 1px;
1568
1567
  }
1568
+ [data-theme="rui"] .border-l {
1569
+ border-left-style: var(--tw-border-style);
1570
+ border-left-width: 1px;
1571
+ }
1569
1572
  [data-theme="rui"] .border-none {
1570
1573
  --tw-border-style: none;
1571
1574
  border-style: none;
@@ -2871,18 +2874,10 @@
2871
2874
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2872
2875
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2873
2876
  }
2874
- [data-theme="rui"] .shadow-none {
2875
- --tw-shadow: 0 0 #0000;
2876
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2877
- }
2878
2877
  [data-theme="rui"] .shadow-sm {
2879
2878
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2880
2879
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2881
2880
  }
2882
- [data-theme="rui"] .ring {
2883
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2884
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2885
- }
2886
2881
  [data-theme="rui"] .ring-0 {
2887
2882
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2888
2883
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2910,9 +2905,6 @@
2910
2905
  outline-style: var(--tw-outline-style);
2911
2906
  outline-width: 2px;
2912
2907
  }
2913
- [data-theme="rui"] .outline-offset-0 {
2914
- outline-offset: 0px;
2915
- }
2916
2908
  [data-theme="rui"] .outline-offset-1 {
2917
2909
  outline-offset: 1px;
2918
2910
  }
@@ -3039,6 +3031,9 @@
3039
3031
  [data-theme="rui"] .\[grid-template-areas\:\"icon_title_close\"\"icon_content_content\"\] {
3040
3032
  grid-template-areas: "icon title close""icon content content";
3041
3033
  }
3034
+ [data-theme="rui"] .\[grid-template-areas\:\"title\"_\"content\"_\"actions\"\] {
3035
+ grid-template-areas: "title" "content" "actions";
3036
+ }
3042
3037
  [data-theme="rui"] .\[grid-template-areas\:\'title\'_\'content\'_\'actions\'\] {
3043
3038
  grid-template-areas: 'title' 'content' 'actions';
3044
3039
  }
@@ -3084,6 +3079,41 @@
3084
3079
  grid-column: 3;
3085
3080
  }
3086
3081
  }
3082
+ [data-theme="rui"] .\*\:animate-fade-in {
3083
+ [data-theme="rui"] :is(& > *) {
3084
+ animation: fade-in var(--fade-in-duration) var(--ease-out-cubic);
3085
+ }
3086
+ }
3087
+ [data-theme="rui"] .\*\:animate-fade-in-up {
3088
+ [data-theme="rui"] :is(& > *) {
3089
+ animation: fade-in-up var(--fade-in-duration) var(--ease-out-cubic);
3090
+ }
3091
+ }
3092
+ [data-theme="rui"] .\*\:opacity-0 {
3093
+ [data-theme="rui"] :is(& > *) {
3094
+ opacity: 0%;
3095
+ }
3096
+ }
3097
+ [data-theme="rui"] .\*\:\[animation-delay\:calc\(var\(--slide-in-duration\)\+\(var\(--i\)\*150ms\)\)\] {
3098
+ [data-theme="rui"] :is(& > *) {
3099
+ animation-delay: calc(var(--slide-in-duration) + (var(--i) * 150ms));
3100
+ }
3101
+ }
3102
+ [data-theme="rui"] .\*\:\[animation-delay\:var\(--slide-in-duration\)\] {
3103
+ [data-theme="rui"] :is(& > *) {
3104
+ animation-delay: var(--slide-in-duration);
3105
+ }
3106
+ }
3107
+ [data-theme="rui"] .\*\:\[animation-duration\:0\.2s\] {
3108
+ [data-theme="rui"] :is(& > *) {
3109
+ animation-duration: 0.2s;
3110
+ }
3111
+ }
3112
+ [data-theme="rui"] .\*\:\[animation-fill-mode\:forwards\] {
3113
+ [data-theme="rui"] :is(& > *) {
3114
+ animation-fill-mode: forwards;
3115
+ }
3116
+ }
3087
3117
  [data-theme="rui"] .group-required\/field\:block {
3088
3118
  [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
3089
3119
  display: block;
@@ -3241,6 +3271,27 @@
3241
3271
  display: none;
3242
3272
  }
3243
3273
  }
3274
+ [data-theme="rui"] .\*\:group-entering\/overlay\:opacity-0 {
3275
+ [data-theme="rui"] :is(& > *) {
3276
+ [data-theme="rui"] &:is(:where(.group\/overlay)[data-entering] *) {
3277
+ opacity: 0%;
3278
+ }
3279
+ }
3280
+ }
3281
+ [data-theme="rui"] .\*\:group-exiting\/overlay\:animate-fade-out\! {
3282
+ [data-theme="rui"] :is(& > *) {
3283
+ [data-theme="rui"] &:is(:where(.group\/overlay)[data-exiting] *) {
3284
+ animation: fade-in var(--fade-out-duration) reverse !important;
3285
+ }
3286
+ }
3287
+ }
3288
+ [data-theme="rui"] .\*\:group-exiting\/overlay\:\[animation-delay\:0s\]\! {
3289
+ [data-theme="rui"] :is(& > *) {
3290
+ [data-theme="rui"] &:is(:where(.group\/overlay)[data-exiting] *) {
3291
+ animation-delay: 0s !important;
3292
+ }
3293
+ }
3294
+ }
3244
3295
  [data-theme="rui"] .group-selected\/checkbox\:border-brand {
3245
3296
  [data-theme="rui"] &:is(:where(.group\/checkbox)[data-selected] *) {
3246
3297
  border-color: var(--color-stone-950);
@@ -3312,6 +3363,11 @@
3312
3363
  padding-left: calc(var(--spacing) * 8);
3313
3364
  }
3314
3365
  }
3366
+ [data-theme="rui"] .group-\[\[data-stepper\]\]\/field\:text-center {
3367
+ [data-theme="rui"] &:is(:where(.group\/field):is([data-stepper]) *) {
3368
+ text-align: center;
3369
+ }
3370
+ }
3315
3371
  [data-theme="rui"] .group-\[\[data-trigger\]\]\/popover\:border-0 {
3316
3372
  [data-theme="rui"] &:is(:where(.group\/popover):is([data-trigger]) *) {
3317
3373
  border-style: var(--tw-border-style);
@@ -3422,7 +3478,7 @@
3422
3478
  }
3423
3479
  [data-theme="rui"] .placeholder\:text-placeholder {
3424
3480
  [data-theme="rui"] &::placeholder {
3425
- color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
3481
+ color: var(--color-stone-500);
3426
3482
  }
3427
3483
  }
3428
3484
  [data-theme="rui"] .before\:size-1\.5 {
@@ -3758,16 +3814,6 @@
3758
3814
  }
3759
3815
  }
3760
3816
  }
3761
- [data-theme="rui"] .focus-visible\:ring-0 {
3762
- [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
3763
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3764
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3765
- }
3766
- [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
3767
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
3768
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3769
- }
3770
- }
3771
3817
  [data-theme="rui"] .focus-visible\:outline {
3772
3818
  [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
3773
3819
  outline-style: var(--tw-outline-style);
@@ -3953,7 +3999,7 @@
3953
3999
  [data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
3954
4000
  [data-theme="rui"] :is(& > *) {
3955
4001
  [data-theme="rui"] &[data-placeholder] {
3956
- color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
4002
+ color: var(--color-stone-500);
3957
4003
  }
3958
4004
  }
3959
4005
  }
@@ -4094,7 +4140,7 @@
4094
4140
  }
4095
4141
  [data-theme="rui"] .data-\[placeholder\]\:text-placeholder {
4096
4142
  [data-theme="rui"] &[data-placeholder] {
4097
- color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
4143
+ color: var(--color-stone-500);
4098
4144
  }
4099
4145
  }
4100
4146
  [data-theme="rui"] .data-\[placeholder\]\:disabled\:text-disabled-foreground {
@@ -4196,7 +4242,7 @@
4196
4242
  }
4197
4243
  [data-theme="rui"] .data-\[type\=literal\]\:text-placeholder {
4198
4244
  [data-theme="rui"] &[data-type="literal"] {
4199
- color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
4245
+ color: var(--color-stone-500);
4200
4246
  }
4201
4247
  }
4202
4248
  [data-theme="rui"] .data-\[unavailable\]\:pointer-events-none {
@@ -4332,6 +4378,25 @@
4332
4378
  margin-top: calc(var(--spacing) * 2);
4333
4379
  }
4334
4380
  }
4381
+ [data-theme="rui"] .expanded\:bg-hover {
4382
+ [data-theme="rui"] &:where([data-rac])[data-expanded] {
4383
+ background-color: var(--color-stone-100);
4384
+ }
4385
+ [data-theme="rui"] &:where(:not([data-rac]))[expanded] {
4386
+ background-color: var(--color-stone-100);
4387
+ }
4388
+ }
4389
+ [data-theme="rui"] .entering\:animate-slide-in-right {
4390
+ [data-theme="rui"] &[data-entering] {
4391
+ animation: slide-in-right var(--slide-in-duration)
4392
+ var(--ease-out-expo);
4393
+ }
4394
+ }
4395
+ [data-theme="rui"] .exiting\:animate-slide-out-right {
4396
+ [data-theme="rui"] &[data-exiting] {
4397
+ animation: slide-in-right var(--slide-out-duration) reverse;
4398
+ }
4399
+ }
4335
4400
  [data-theme="rui"] .pending\:cursor-not-allowed {
4336
4401
  [data-theme="rui"] &[data-pending] {
4337
4402
  cursor: not-allowed;
@@ -5030,6 +5095,36 @@
5030
5095
  initial-value: "";
5031
5096
  inherits: false;
5032
5097
  }
5098
+ @keyframes fade-in {
5099
+ from {
5100
+ opacity: 0;
5101
+ filter: blur(6px);
5102
+ }
5103
+ to {
5104
+ opacity: 1;
5105
+ filter: blur(0);
5106
+ }
5107
+ }
5108
+ @keyframes fade-in-up {
5109
+ from {
5110
+ opacity: 0;
5111
+ transform: translateY(15px);
5112
+ filter: blur(6px);
5113
+ }
5114
+ to {
5115
+ opacity: 1;
5116
+ transform: translateY(0);
5117
+ filter: blur(0);
5118
+ }
5119
+ }
5120
+ @keyframes slide-in-right {
5121
+ from {
5122
+ transform: translateX(100%);
5123
+ }
5124
+ to {
5125
+ transform: translateX(0);
5126
+ }
5127
+ }
5033
5128
  @keyframes rotate-spinner {
5034
5129
  0% {
5035
5130
  transform: rotate(0deg);