@marigold/theme-rui 0.2.0 → 0.3.1

package/dist/index.mjs

@@ -69,7 +69,11 @@ var Accordion = {
     variants: {
       variant: {
         default: "",
-        card: "has-focus-visible:border-border has-focus-visible:ring-ring/50 rounded-md border px-4 py-1 outline-none last:border-b has-focus-visible:ring-[3px]"
+        card: [
+          "rounded-md border px-4 py-1 outline-none last:border-b",
+          // TODO: focus is still shown even if an item within the item is focused
+          "mixin-ring-has-focus-visible"
+        ]
       }
     },
     defaultVariants: {
@@ -78,14 +82,16 @@ var Accordion = {
   }),
   header: cva(
     [
-      "focus-visible:border-border focus-visible:ring-ring/50 flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 text-left text-sm font-semibold",
-      " transition-all outline-none hover:no-underline focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:text-disabled-foreground leading-6"
+      "flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2",
+      "text-left text-sm font-semibold leading-6 transition-all",
+      "hover:no-underline",
+      "disabled:cursor-not-allowed disabled:text-disabled-foreground"
     ],
     {
       variants: {
         variant: {
-          default: "",
-          card: "hover:no-underline focus-visible:ring-0"
+          default: "mixin-ring-focus-visible",
+          card: "outline-none"
         }
       },
       defaultVariants: {
@@ -107,8 +113,7 @@ var circle = "before:size-1.5 before:rounded-full";
 var Badge = cva2(
   [
     "inline-flex items-center justify-center rounded-full border px-1.5 text-xs font-medium leading-normal transition-colors",
-    // TODO: Make focus style be a utility or something?
-    "outline-offset-2 focus-visible:outline-2 outline-ring/70"
+    "mixin-ring-focus-visible"
   ],
   {
     variants: {
@@ -147,27 +152,33 @@ var Body = cva3("");
 import { cva as cva4 } from "@marigold/system";
 var Button = cva4(
   [
-    "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-hidden",
-    "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-    "focus-visible:outline-offset-2 focus-visible:outline focus-visible:outline-ring/70",
-    "h-button px-4 py-2",
-    "disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground disabled:border-none disabled:cursor-not-allowed",
-    "pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none"
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]",
+    "[&_svg]:shrink-0",
+    "mixin-ring-focus-visible mixin-disabled",
+    "pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none",
+    "cursor-pointer"
   ],
   {
     variants: {
       variant: {
-        default: "border border-border bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground",
+        default: "border border-input bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground",
         primary: "bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-brand/90",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         ghost: "hover:bg-hover hover:text-foreground",
         // only used for calendar in MonthListBox and YearListBox to have a hover over other options
         // TODO: Remove this in future and rethink the MonthListBox and YearListBox or use another variant
         text: "hover:bg-hover"
+      },
+      size: {
+        default: "h-button px-4 py-2",
+        small: "h-button-small px-3 text-xs",
+        large: "h-button-large px-8",
+        icon: "size-9"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      size: "default"
     }
   }
 );
@@ -176,9 +187,9 @@ var Button = cva4(
 import { cva as cva5 } from "@marigold/system";
 var Card = cva5([
   "border border-input rounded-lg",
-  "bg-surface-overlay ",
+  "bg-surface-overlay",
   "p-4",
-  " shadow-sm shadow-black/5"
+  "shadow-sm shadow-black/5"
 ]);
 
 // src/components/Checkbox.styles.ts
@@ -188,7 +199,7 @@ var Checkbox = {
     "grid size-4 shrink-0 place-content-center rounded",
     "border border-input shadow-sm shadow-black/5",
     "group-disabled/checkbox:border-disabled",
-    "outline-offset-2 group-[focus-visible]/checkbox:outline-2 group-[focus-visible]/checkbox:outline-ring/70",
+    "mixin-ring-focus-visible-checkbox",
     "group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground",
     "group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground"
   ]),
@@ -203,7 +214,7 @@ var Checkbox = {
 import { cva as cva7 } from "@marigold/system";
 var Calendar = {
   calendar: cva7(
-    "rounded-lg border group-[trigger]/popover:border-0 border-border p-2"
+    "rounded-lg border group-[[data-trigger]]/popover:border-0 border-border p-2"
   ),
   calendarCell: cva7([
     "relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg",
@@ -211,13 +222,13 @@ var Calendar = {
     "outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]",
     "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",
     "disabled:opacity-30 data-[unavailable]:opacity-30",
-    "focus:outline-0 focus-visible:outline-2 focus-visible:outline-ring/70"
+    "mixin-ring-focus-visible-borderless"
   ]),
   calendarControllers: cva7([
     "size-9 rounded-lg",
     "text-muted-foreground/80",
-    "outline-offset-2 transition-colors",
-    "focus-visible:outline-2 focus-visible:outline-ring/70"
+    "transition-colors",
+    "mixin-ring-focus-visible"
   ]),
   calendarHeader: cva7([
     "size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80"
@@ -238,24 +249,20 @@ import { cva as cva10 } from "@marigold/system";
 import { cva as cva9 } from "@marigold/system";
 var inputContainer = "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";
 var inputDisabled = "disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled";
-var inputInvalid = "group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20";
-var inputFocus = {
-  focus: "focus:border-ring focus:outline-none focus:ring-[3px] focus:ring-ring/20",
-  "focus-within": "focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20"
-};
-var inputReadOnly = "group-[readonly]/field:bg-muted";
+var inputInvalid = "group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20";
+var inputReadOnly = "group-read-only/field:bg-muted";
 var Input = {
   input: cva9([
     inputContainer,
     inputDisabled,
     inputInvalid,
-    inputFocus["focus"],
+    "mixin-ring-focus-visible",
     inputReadOnly,
     "h-input",
     "placeholder:text-placeholder",
     "[&[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 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",
-    "group-[icon]/input:pl-8",
-    "group-[action]/input:pr-8"
+    "group-[[data-icon]]/input:pl-8",
+    "group-[[data-action]]/input:pr-7"
   ]),
   icon: cva9([
     "pointer-events-none left-1",
@@ -270,7 +277,7 @@ var DateField = {
     "h-input",
     inputContainer,
     inputDisabled,
-    inputFocus["focus-within"],
+    "mixin-ring-focus-within",
     inputInvalid,
     inputReadOnly,
     "invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20"
@@ -283,7 +290,7 @@ var DateField = {
     "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"
   ]),
   action: cva10(
-    "fill-muted-foreground disabled:text-disabled-foreground group-error/field:fill-destructive"
+    "fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive"
   )
 };
 
@@ -292,7 +299,8 @@ import { cva as cva11 } from "@marigold/system";
 var DatePicker = cva11([
   "relative h-input -top-2",
   "text-muted-foreground/80",
-  "hover:text-brand"
+  "hover:text-brand",
+  "disabled:cursor-not-allowed"
 ]);
 
 // src/components/Dialog.styles.ts
@@ -379,7 +387,7 @@ import { cva as cva19 } from "@marigold/system";
 var HelpText = {
   container: cva19([
     "mt-2 text-xs text-muted-foreground group-disabled/field:text-disabled-foreground",
-    "group-error/field:text-destructive"
+    "group-invalid/field:text-destructive"
   ]),
   icon: cva19("")
 };
@@ -403,9 +411,7 @@ var Label = {
 // src/components/Link.styles.ts
 import { cva as cva22 } from "@marigold/system";
 var Link = cva22(
-  [
-    "text-text-link hover:underline aria-[disabled]:cursor-not-allowed py-2 underline-offset-5"
-  ],
+  "underline aria-[disabled]:cursor-not-allowed py-2 underline-offset-4",
   {
     variants: {
       variant: {
@@ -435,7 +441,9 @@ var ListBox = {
     "disabled:cursor-not-allowed disabled:text-disabled-foreground",
     "relative flex flex-col rounded-md px-2 py-1.5 text-sm text-foreground",
     "selected:bg-selected",
-    "focus:outline-2 focus:outline-ring/70"
+    // TODO: can not use "ouline-none" because it overrides the focus visible things -.-
+    // TODO: try it after RAC is updated!
+    "data-[focused]:outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-ring/70"
   ]),
   section: cva24(""),
   header: cva24(
@@ -461,7 +469,7 @@ var Menu = {
 import { cva as cva26 } from "@marigold/system";
 var NumberField = {
   group: cva26([
-    inputFocus["focus-within"],
+    "mixin-ring-focus-within",
     inputInvalid,
     "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",
     "border border-input text-sm shadow-sm shadow-black/5 transition-shadow",
@@ -495,10 +503,11 @@ var Popover = cva27([
 // src/components/Radio.styles.ts
 import { cva as cva28 } from "@marigold/system";
 var Radio = {
-  container: cva28(),
-  label: cva28(
-    "group-disabled/radio:text-disabled-foreground text-sm font-normal"
-  ),
+  container: cva28("group-disabled/radio:cursor-not-allowed"),
+  label: cva28([
+    "group-disabled/radio:text-disabled-foreground",
+    "text-sm font-normal"
+  ]),
   radio: cva28([
     "aspect-square size-4 rounded-full",
     "border border-input shadow-sm shadow-black/5",
@@ -591,7 +600,7 @@ var Select = {
     inputContainer,
     inputInvalid,
     inputDisabled,
-    inputFocus["focus"],
+    "mixin-ring-focus-visible",
     "h-input",
     "cursor-pointer",
     "*:data-placeholder:text-placeholder"
@@ -717,16 +726,23 @@ var Table = {
 // src/components/Tabs.styles.ts
 import { cva as cva36 } from "@marigold/system";
 var Tabs = {
-  container: cva36("flex flex-col gap-2 items-center"),
+  container: cva36("flex flex-col gap-2"),
   tabsList: cva36([
-    "bg-muted text-muted-foreground/70",
-    "inline-flex w-fit items-center justify-center p-0.5 h-auto gap-2 rounded-none border-b bg-transparent px-0 py-1"
+    "text-muted-foreground",
+    "flex items-center p-0.5 h-auto gap-2 border-b px-0 py-1"
   ]),
-  tabpanel: cva36("text-muted-foreground p-4 text-center text-xs"),
   tab: cva36([
-    "data-selected:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",
-    "hover:bg-hover hover:text-foreground data-selected:hover:bg-hover relative data-selected:bg-transparent data-selected:shadow-none",
-    " data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5"
+    "relative inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
+    "[&_svg]:shrink-0",
+    "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "hover:bg-hover hover:text-foreground",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-selected:text-foreground data-selected:hover:bg-hover",
+    "data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5"
+  ]),
+  tabpanel: cva36([
+    "py-4 rounded-sm",
+    "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"
   ])
 };
 
@@ -757,7 +773,7 @@ import { cva as cva38 } from "@marigold/system";
 var TextArea = cva38([
   inputContainer,
   inputInvalid,
-  inputFocus["focus"],
+  "mixin-ring-focus-visible",
   inputDisabled,
   inputReadOnly,
   "invalid:text-destructive"

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/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: 'has-focus-visible:border-border has-focus-visible:ring-ring/50 rounded-md border px-4 py-1 outline-none last:border-b has-focus-visible:ring-[3px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(\n    [\n      'focus-visible:border-border focus-visible:ring-ring/50 flex flex-1 w-full items-center justify-between gap-4 rounded-md py-2 text-left text-sm font-semibold',\n      ' transition-all outline-none hover:no-underline focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:text-disabled-foreground leading-6',\n    ],\n    {\n      variants: {\n        variant: {\n          default: '',\n          card: 'hover:no-underline focus-visible:ring-0',\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';\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    // TODO: Make focus style be a utility or something?\n    'outline-offset-2 focus-visible:outline-2 outline-ring/70',\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 whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-hidden',\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n    'focus-visible:outline-offset-2 focus-visible:outline focus-visible:outline-ring/70',\n    'h-button px-4 py-2',\n    'disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground disabled:border-none disabled:cursor-not-allowed',\n    'pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-border bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground',\n        primary:\n          'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-brand/90',\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    },\n    defaultVariants: {\n      variant: '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-lg',\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    'group-disabled/checkbox:border-disabled',\n    'outline-offset-2 group-[focus-visible]/checkbox:outline-2 group-[focus-visible]/checkbox:outline-ring/70',\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(),\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-lg border group-[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    'focus:outline-0 focus-visible:outline-2 focus-visible:outline-ring/70',\n  ]),\n  calendarControllers: cva([\n    'size-9 rounded-lg',\n    'text-muted-foreground/80',\n    'outline-offset-2 transition-colors',\n    'focus-visible:outline-2 focus-visible:outline-ring/70',\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  inputFocus,\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    inputFocus['focus-within'],\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-error/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';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled';\nexport const inputInvalid =\n  'group-error/field:border-destructive group-error/field:focus:border-destructive group-error/field:focus:ring-destructive/20';\nexport const inputFocus = {\n  focus:\n    'focus:border-ring focus:outline-none focus:ring-[3px] focus:ring-ring/20',\n  'focus-within':\n    'focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20',\n};\n\nexport const inputReadOnly = 'group-[readonly]/field:bg-muted';\n\nexport const Input: ThemeComponent<'Input'> = {\n  input: cva([\n    inputContainer,\n    inputDisabled,\n    inputInvalid,\n    inputFocus['focus'],\n    inputReadOnly,\n    'h-input',\n    'placeholder:text-placeholder',\n    '[&[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 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-[icon]/input:pl-8',\n    'group-[action]/input:pr-8',\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]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva(''),\n  container: cva(\n    [\n      'bg-background fixed top-1/2 left-1/2 z-50 grid max-h-[calc(100%-2rem)] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl',\n      ' border p-6 shadow-lg duration-200 sm:max-w-100 border-border',\n    ],\n    {\n      variants: {\n        size: {\n          default: '',\n          small: 'w-[min(100%,640px)]',\n          medium: 'w-[min(100%,768px)]',\n          large: 'w-[min(100%,1024px)]',\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","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-error/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  [\n    'text-text-link hover:underline aria-[disabled]:cursor-not-allowed py-2 underline-offset-5',\n  ],\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-lg 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    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'relative flex flex-col rounded-md px-2 py-1.5 text-sm text-foreground',\n    'selected:bg-selected',\n    'focus:outline-2 focus:outline-ring/70',\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 { inputFocus, inputInvalid } from './Input.styles';\n\nexport const NumberField: ThemeComponent<'NumberField'> = {\n  group: cva([\n    inputFocus['focus-within'],\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    'border-input border-solid first-of-type:border-r',\n    'border-input border-solid 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-lg outline-0',\n  'border border-border',\n\n  /** animate stuff missing */\n\n  'bg-surface-overlay text-foreground shadow-lg shadow-black/5 ',\n  'placement-t:mb-1',\n  'placement-b:mt-1',\n  'placement-r:ml-1',\n  'placement-l:mr-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Radio: ThemeComponent<'Radio'> = {\n  container: cva(),\n  label: cva(\n    'group-disabled/radio:text-disabled-foreground text-sm font-normal'\n  ),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-sm shadow-black/5',\n    'outline-offset-2 group-[focus-visible]/radio:outline-2 group-[focus-visible]/radio:outline-ring/70',\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 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  pageButton: cva([\n    'inline-flex items-center justify-center gap-2 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 bg-background size-9',\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-background',\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-2 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background z-50 max-w-[601px] rounded-sm border p-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-base leading-5 font-bold'),\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    'h-[9.98px] w-[9.98px] cursor-pointer border-none p-0 leading-normal outline-0'\n  ),\n};\n","import { type ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputContainer,\n  inputDisabled,\n  inputFocus,\n  inputInvalid,\n} 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    inputFocus['focus'],\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 focus-visible:outline-[3px] focus-visible:outline-ring/40 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    'outline-offset-2 group-[focus-visible]/switch:outline-2 group-[focus-visible]/switch:outline-ring/70',\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('text-sm', {\n    variants: {\n      variant: {\n        default: '',\n        grid: '',\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      // for sticky header\n      'bg-background/90 top-0 z-10 backdrop-blur-xs',\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 items-center'),\n  tabsList: cva([\n    'bg-muted text-muted-foreground/70',\n    'inline-flex w-fit items-center justify-center p-0.5 h-auto gap-2 rounded-none border-b bg-transparent px-0 py-1',\n  ]),\n  tabpanel: cva('text-muted-foreground p-4 text-center text-xs'),\n  tab: cva([\n    'data-selected:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 inline-flex items-center justify-center rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0',\n    'hover:bg-hover hover:text-foreground data-selected:hover:bg-hover relative data-selected:bg-transparent data-selected:shadow-none',\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};\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    'focus:outline-0 focus-visible:outline-2 focus-visible:outline-ring/70',\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  inputFocus,\n  inputInvalid,\n  inputReadOnly,\n} from './Input.styles';\n\nexport const TextArea: ThemeComponent<'TextArea'> = cva([\n  inputContainer,\n  inputInvalid,\n  inputFocus['focus'],\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-t:mb-2',\n      'placement-b:mt-2',\n      'placement-r:ml-2',\n      'placement-l: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/25 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"]}
+{"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',\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';\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        default:\n          'border border-input bg-background shadow-sm shadow-black/5 hover:bg-hover hover:text-foreground',\n        primary:\n          'bg-brand text-brand-foreground shadow-sm shadow-black/5 hover:bg-brand/90',\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: 'default',\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-lg',\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    'group-disabled/checkbox:border-disabled',\n    'mixin-ring-focus-visible-checkbox',\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(),\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-lg 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-focus-within',\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';\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]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70 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  container: cva(\n    [\n      'bg-background fixed top-1/2 left-1/2 z-50 grid max-h-[calc(100%-2rem)] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 overflow-y-auto rounded-xl',\n      ' border p-6 shadow-lg duration-200 sm:max-w-100 border-border',\n    ],\n    {\n      variants: {\n        size: {\n          default: '',\n          small: 'w-[min(100%,640px)]',\n          medium: 'w-[min(100%,768px)]',\n          large: 'w-[min(100%,1024px)]',\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","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-lg 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    'disabled:cursor-not-allowed disabled:text-disabled-foreground',\n    'relative flex flex-col rounded-md px-2 py-1.5 text-sm text-foreground',\n    'selected:bg-selected',\n    // TODO: can not use \"ouline-none\" because it overrides the focus visible things -.-\n    // TODO: try it after RAC is updated!\n    'data-[focused]:outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-ring/70',\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-focus-within',\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    'border-input border-solid first-of-type:border-r',\n    'border-input border-solid 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-lg outline-0',\n  'border border-border',\n\n  /** animate stuff missing */\n\n  'bg-surface-overlay text-foreground shadow-lg shadow-black/5 ',\n  'placement-t:mb-1',\n  'placement-b:mt-1',\n  'placement-r:ml-1',\n  'placement-l: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    'group-disabled/radio:text-disabled-foreground',\n    'text-sm font-normal',\n  ]),\n  radio: cva([\n    'aspect-square size-4 rounded-full',\n    'border border-input shadow-sm shadow-black/5',\n    'outline-offset-2 group-[focus-visible]/radio:outline-2 group-[focus-visible]/radio:outline-ring/70',\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 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  pageButton: cva([\n    'inline-flex items-center justify-center gap-2 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 bg-background size-9',\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-background',\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-2 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]',\n      'bg-background z-50 max-w-[601px] rounded-sm border p-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-base leading-5 font-bold'),\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    'h-[9.98px] w-[9.98px] cursor-pointer border-none p-0 leading-normal outline-0'\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 focus-visible:outline-[3px] focus-visible:outline-ring/40 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    'outline-offset-2 group-[focus-visible]/switch:outline-2 group-[focus-visible]/switch:outline-ring/70',\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('text-sm', {\n    variants: {\n      variant: {\n        default: '',\n        grid: '',\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      // for sticky header\n      'bg-background/90 top-0 z-10 backdrop-blur-xs',\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    'outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\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    'outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n  ]),\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    'focus:outline-0 focus-visible:outline-2 focus-visible:outline-ring/70',\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-t:mb-2',\n      'placement-b:mt-2',\n      'placement-r:ml-2',\n      'placement-l: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/25 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"]}

package/dist/mixins.css

@@ -0,0 +1,44 @@
+/*
+  File: tailwind-components.css
+
+  Description
+  -----------
+  This file defines custom Tailwind CSS component classes by bundling commonly used utility classes
+  with the @apply directive. The goal is to reduce duplication, enhance maintainability, and ensure
+  a consistent styling pattern across various components.
+
+  Usage
+  -----
+  Import this file into your main stylesheet or reference it in your Tailwind CSS configuration.
+
+  Best Practices
+  --------------
+  - Encapsulate frequently used utility combinations into custom classes for better reusability.
+  - Update the definitions here to maintain consistency in our design system across all components.
+  - Keep custom classes focused on specific styling concerns to preserve clarity.
+*/
+@layer utilities {
+  .mixin-ring-focus-visible {
+    @apply focus-visible:border-ring focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px];
+  }
+
+  .mixin-ring-has-focus-visible {
+    @apply has-focus-visible:border-border has-focus-visible:ring-ring/50 has-focus-visible:ring-[3px];
+  }
+
+  .mixin-ring-focus-visible-checkbox {
+    @apply group-focus-visible/checkbox:ring-ring/50 group-focus-visible/checkbox:ring-[3px];
+  }
+
+  .mixin-ring-focus-visible-borderless {
+    @apply focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px];
+  }
+
+  .mixin-ring-focus-within {
+    @apply focus-within:border-ring focus-within:ring-ring/50 outline-none focus-within:ring-[3px];
+  }
+
+  .mixin-disabled {
+    @apply disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed disabled:border-none disabled:shadow-none;
+  }
+}