@marigold/theme-docs 2.0.5 → 2.1.0

package/dist/{chunk-KMOXDTTY.mjs → chunk-LFYXUJAZ.mjs}

@@ -56,8 +56,8 @@ var blue = {
   900: "#1e3a8a",
   950: "#172554"
 };
-var green = {
-  50: "#f0fdf4",
+var lime = {
+  50: "#f7fee7",
   100: "#ecfccb",
   200: "#d9f99d",
   300: "#bef264",
@@ -149,6 +149,7 @@ var colors = {
       DEFAULT: slate[950],
       muted: slate[500]
     },
+    disabled: slate[300],
     // State
     info: blue[800],
     warning: amber[800]
@@ -159,6 +160,7 @@ var colors = {
     body: slate[50],
     hover: neutral[100],
     muted: slate[100],
+    disabled: slate[100],
     underlay: slate[500],
     surface: {
       DEFAULT: white,
@@ -167,7 +169,7 @@ var colors = {
       overlay: white
     },
     // Status
-    success: green[100],
+    success: lime[50],
     error: red[50],
     info: blue[50],
     warning: amber[50]
@@ -178,8 +180,8 @@ var colors = {
     DEFAULT: slate[300],
     primary: slate[950],
     // status
-    success: green[600],
-    error: red[600]
+    success: lime[500],
+    error: red[400]
   }
 };
 
@@ -189,4 +191,4 @@ export {
   __toESM,
   colors
 };
-//# sourceMappingURL=chunk-KMOXDTTY.mjs.map
+//# sourceMappingURL=chunk-LFYXUJAZ.mjs.map

package/dist/chunk-LFYXUJAZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens.ts"],"sourcesContent":["// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n  50: '#fffbeb',\n  100: '#fef3c7',\n  200: '#fde68a',\n  300: '#fcd34d',\n  400: '#fbbf24',\n  500: '#f59e0b',\n  600: '#d97706',\n  700: '#b45309',\n  800: '#92400e',\n  900: '#78350f',\n  950: '#451a03',\n};\n\nconst blue = {\n  50: '#eff6ff',\n  100: '#dbeafe',\n  200: '#bfdbfe',\n  300: '#93c5fd',\n  400: '#60a5fa',\n  500: '#3b82f6',\n  600: '#2563eb',\n  700: '#1d4ed8',\n  800: '#1e40af',\n  900: '#1e3a8a',\n  950: '#172554',\n};\n\nconst lime = {\n  50: '#f7fee7',\n  100: '#ecfccb',\n  200: '#d9f99d',\n  300: '#bef264',\n  400: '#a3e635',\n  500: '#84cc16',\n  600: '#65a30d',\n  700: '#4d7c0f',\n  800: '#3f6212',\n  900: '#365314',\n  950: '#1a2e05',\n};\n\nconst neutral = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#e5e5e5',\n  300: '#d4d4d4',\n  400: '#a3a3a3',\n  500: '#737373',\n  600: '#525252',\n  700: '#404040',\n  800: '#262626',\n  900: '#171717',\n  950: '#0a0a0a',\n};\n\nconst red = {\n  50: '#fef2f2',\n  100: '#fee2e2',\n  200: '#fecaca',\n  300: '#fca5a5',\n  400: '#f87171',\n  500: '#ef4444',\n  600: '#dc2626',\n  700: '#b91c1c',\n  800: '#991b1b',\n  900: '#7f1d1d',\n  950: '#450a0a',\n};\n\nconst slate = {\n  50: '#f8fafc',\n  100: '#f1f5f9',\n  200: '#e2e8f0',\n  300: '#cbd5e1',\n  400: '#94a3b8',\n  500: '#64748b',\n  600: '#475569',\n  700: '#334155',\n  800: '#1e293b',\n  900: '#0f172a',\n  950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n  primary: {\n    50: '#fff2e6',\n    100: '#fee6cd',\n    200: '#fdcc9b',\n    300: '#fcb369',\n    400: '#fb9937',\n    500: '#fa8005',\n    600: '#c86604',\n    700: '#964d03',\n    800: '#643302',\n    900: '#321a01',\n    950: '#190d00',\n  },\n};\n\n// material palenight theme\nconst code = {\n  '50': '#f6f7f9',\n  '100': '#ebecf3',\n  '200': '#d3d6e4',\n  '300': '#acb3cd',\n  '400': '#808cb0',\n  '500': '#606e97',\n  '600': '#4b557e',\n  '700': '#3e4666',\n  '800': '#363d56',\n  '900': '#292d3e',\n  '950': '#202231',\n};\n\nexport const colors = {\n  // Brand\n  // ---------------\n  ...brand,\n  secondary: slate,\n  code,\n\n  // Text\n  // ---------------\n  text: {\n    primary: {\n      DEFAULT: slate[950],\n      muted: slate[500],\n    },\n    disabled: slate[300],\n\n    // State\n    info: blue[800],\n    warning: amber[800],\n  },\n\n  // Background\n  // ---------------\n  bg: {\n    body: slate[50],\n    hover: neutral[100],\n    muted: slate[100],\n    disabled: slate[100],\n\n    underlay: slate[500],\n\n    surface: {\n      DEFAULT: white,\n      raised: slate[200],\n      lowered: slate[700],\n      overlay: white,\n    },\n\n    // Status\n    success: lime[50],\n    error: red[50],\n    info: blue[50],\n    warning: amber[50],\n  },\n\n  // Border\n  // ---------------\n  border: {\n    DEFAULT: slate[300],\n    primary: slate[950],\n\n    // status\n    success: lime[500],\n    error: red[400],\n  },\n} as const;\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -193,7 +193,7 @@ var inputSpacing = {
   small: `${xSpacing.small} ${ySpacing.small}`
 };
 var inputFocus = "";
-var inputDisabled = "";
+var inputDisabled = "disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled";
 var inputError = "";
 var inputHover = "";
 
@@ -246,6 +246,11 @@ var Link = (0, import_system9.cva)(
         toc: [
           "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
           "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
+        ],
+        cta: [
+          "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
+          "text-sm font-semibold text-purple-100 no-underline",
+          "transition-all hover:bg-purple-600"
         ]
       }
     }
@@ -377,7 +382,7 @@ var Select = {
       size: "default"
     }
   }),
-  select: (0, import_system15.cva)([inputBox, inputBackground, "outline-none"], {
+  select: (0, import_system15.cva)([inputBox, inputBackground, inputDisabled, "outline-none"], {
     variants: {
       variant: {
         default: "gap-2",
@@ -436,22 +441,28 @@ var Tabs = {
 // src/components/Table.styles.ts
 var import_system17 = require("@marigold/system");
 var Table = {
-  table: (0, import_system17.cva)("my-0 text-sm"),
-  cell: (0, import_system17.cva)("p-3 text-xs", {
+  table: (0, import_system17.cva)([
+    "w-full overflow-hidden rounded-lg bg-white/40 text-sm",
+    "border-secondary-200 border-separate border-spacing-0 border"
+  ]),
+  header: (0, import_system17.cva)("px-3 pb-2 pt-3 text-start"),
+  row: (0, import_system17.cva)([], {
     variants: {
       variant: {
-        colorTable: "p-4 align-middle"
+        hover: "hover:bg-neutral-100/80 "
       }
     }
   }),
-  header: (0, import_system17.cva)("border-b bg-white px-3 py-2 text-start"),
-  row: (0, import_system17.cva)("divide-y", {
-    variants: {
-      variant: {
-        hover: "hover:bg-neutral-100/50 "
+  cell: (0, import_system17.cva)(
+    ["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"],
+    {
+      variants: {
+        variant: {
+          colorTable: "p-4 align-middle"
+        }
       }
     }
-  })
+  )
 };
 
 // src/components/Text.styles.ts
@@ -532,8 +543,8 @@ var blue = {
   900: "#1e3a8a",
   950: "#172554"
 };
-var green = {
-  50: "#f0fdf4",
+var lime = {
+  50: "#f7fee7",
   100: "#ecfccb",
   200: "#d9f99d",
   300: "#bef264",
@@ -625,6 +636,7 @@ var colors = {
       DEFAULT: slate[950],
       muted: slate[500]
     },
+    disabled: slate[300],
     // State
     info: blue[800],
     warning: amber[800]
@@ -635,6 +647,7 @@ var colors = {
     body: slate[50],
     hover: neutral[100],
     muted: slate[100],
+    disabled: slate[100],
     underlay: slate[500],
     surface: {
       DEFAULT: white,
@@ -643,7 +656,7 @@ var colors = {
       overlay: white
     },
     // Status
-    success: green[100],
+    success: lime[50],
     error: red[50],
     info: blue[50],
     warning: amber[50]
@@ -654,8 +667,8 @@ var colors = {
     DEFAULT: slate[300],
     primary: slate[950],
     // status
-    success: green[600],
-    error: red[600]
+    success: lime[500],
+    error: red[400]
   }
 };
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Input.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/Message.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/root.ts","../src/tokens.ts"],"sourcesContent":["import type { Theme } from '@marigold/system';\n\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n  name: 'docs',\n  screens: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  root,\n  colors,\n  components,\n};\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Message.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva('flex gap-2 rounded-sm', {\n  variants: {\n    variant: {\n      ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n      menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\n      sunken:\n        'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n      inverted: 'bg-secondary-100',\n    },\n    size: {\n      small: 'px-3 py-1.5 text-sm',\n      default: 'px-3 py-2',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  [\n    'bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'p-6',\n        hovering: 'p-6 transition-shadow hover:cursor-pointer hover:shadow-md',\n        content: 'my-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute right-2 top-2', {\n    variants: {\n      variant: {\n        fullscreen: ['size-6', 'right-4 top-4'],\n      },\n    },\n  }),\n  container: cva('bg-bg-surface', {\n    variants: {\n      variant: {\n        default: 'relative rounded-lg shadow-lg',\n        codeblock: [\n          'static px-0 py-6',\n          'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n          'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n          '*:max-h-none *:min-w-[75vw]',\n        ],\n        fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n        zoom: 'max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\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('[&>*]:no-underline', {\n  variants: {\n    size: {\n      'level-1':\n        'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n      'level-2':\n        'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n      'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n      'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n      'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n      'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n  variants: {\n    variant: {\n      default: '',\n      floating: [\n        'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n        'items-center',\n      ],\n    },\n    size: {\n      default: 'gap-x-3',\n      small: 'gap-x-2',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva(),\n  icon: cva(),\n};\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n  default: 'px-3',\n  small: 'px-2.5',\n};\n\nexport const ySpacing = {\n  default: 'py-2',\n  small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n  default: `${xSpacing.default} ${ySpacing.default}`,\n  small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled = '';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        floating: [\n          'z-10 col-start-1 row-start-1',\n          'pointer-events-none',\n          'text-secondary-400 text-nowrap',\n          'after:content-[\":\"]',\n        ],\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'pl-4',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'pl-3',\n      },\n    ],\n  }),\n  indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  ['font-medium underline underline-offset-4'],\n  {\n    variants: {\n      variant: {\n        toc: [\n          'text-secondary-500 hover:text-secondary-800 text-xs no-underline',\n          'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n        ],\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('list-inside list-none'),\n  ol: cva(''),\n  item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'bg-bg-surface-overlay border-border rounded border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-none',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  option: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded outline-none',\n      'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n      'aria-selected:bg-bg-hover',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'p-2',\n          small: 'px-2 py-1 text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'small',\n      },\n    }\n  ),\n  section: cva(),\n  sectionTitle: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva(\n    [\n      'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n      'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n    ],\n    {\n      variants: {\n        variant: {\n          command:\n            '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n        },\n      },\n    }\n  ),\n  item: cva('focus:bg-bg-hover cursor-pointer rounded p-2 outline-none', {\n    variants: {\n      variant: {\n        command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n      },\n    },\n  }),\n  section: cva('', {\n    variants: {\n      variant: {\n        command:\n          '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'not-prose items-center rounded-lg p-4',\n      'grid-cols-[min-content,auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n    ],\n    {\n      variants: {\n        variant: {\n          info: 'bg-bg-info text-text-info',\n          warning: 'bg-bg-warning text-text-warning',\n        },\n      },\n    }\n  ),\n  icon: cva('size-6'),\n  title: cva('mb-1 font-bold leading-none tracking-tight'),\n  content: cva('text-sm [&_p]:leading-relaxed'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'animate-in',\n  'placement-t:-translate-y-1',\n  'placement-b:translate-y-1',\n  'placement-r:-translate-x-1',\n  'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nimport { inputBackground, inputBox, inputSpacing } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-secondary-400', {\n    variants: {\n      variant: {\n        default: '',\n        floating: 'justify-self-end',\n      },\n      size: {\n        default: '',\n        small: 'size-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  select: cva([inputBox, inputBackground, 'outline-none'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow',\n          'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n          // selected value and caret get moved to 2nd col\n          '*:row-star-1 *:col-start-2 *:text-left',\n          // So the button gap is not used to separate label from selected value\n          'gap-[inherit]',\n        ],\n      },\n      size: {\n        default: [inputSpacing.default],\n        small: [inputSpacing.small, 'text-xs'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'px-4 py-1.5',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'px-3',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        demo: 'my-6',\n      },\n    },\n  }),\n  tabpanel: cva(''),\n  tabsList: cva('mb-4 border-b'),\n  tab: cva([\n    'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n    'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n    'focus:outline-none focus-visible:outline',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva('my-0 text-sm'),\n  cell: cva('p-3 text-xs', {\n    variants: {\n      variant: {\n        colorTable: 'p-4 align-middle',\n      },\n    },\n  }),\n  header: cva('border-b bg-white px-3 py-2 text-start'),\n  row: cva('divide-y', {\n    variants: {\n      variant: {\n        hover: 'hover:bg-neutral-100/50 ',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva(\n  'leading-7 [&:not(:first-child)]:mt-6',\n  {\n    variants: {\n      variant: {\n        lead: 'text-muted-foreground text-xl',\n        large: 'text-lg font-semibold',\n        small: 'text-sm font-medium leading-none',\n        muted: 'text-muted-foreground text-sm',\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-bg-underlay/50 backdrop-blur-sm',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n  {\n    variants: {\n      variant: {\n        dark: 'bg-bg-surface-lowered text-white',\n      },\n      size: {\n        default: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'dark',\n      size: 'default',\n    },\n  }\n);\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n  50: '#fffbeb',\n  100: '#fef3c7',\n  200: '#fde68a',\n  300: '#fcd34d',\n  400: '#fbbf24',\n  500: '#f59e0b',\n  600: '#d97706',\n  700: '#b45309',\n  800: '#92400e',\n  900: '#78350f',\n  950: '#451a03',\n};\n\nconst blue = {\n  50: '#eff6ff',\n  100: '#dbeafe',\n  200: '#bfdbfe',\n  300: '#93c5fd',\n  400: '#60a5fa',\n  500: '#3b82f6',\n  600: '#2563eb',\n  700: '#1d4ed8',\n  800: '#1e40af',\n  900: '#1e3a8a',\n  950: '#172554',\n};\n\nconst green = {\n  50: '#f0fdf4',\n  100: '#ecfccb',\n  200: '#d9f99d',\n  300: '#bef264',\n  400: '#a3e635',\n  500: '#84cc16',\n  600: '#65a30d',\n  700: '#4d7c0f',\n  800: '#3f6212',\n  900: '#365314',\n  950: '#1a2e05',\n};\n\nconst neutral = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#e5e5e5',\n  300: '#d4d4d4',\n  400: '#a3a3a3',\n  500: '#737373',\n  600: '#525252',\n  700: '#404040',\n  800: '#262626',\n  900: '#171717',\n  950: '#0a0a0a',\n};\n\nconst red = {\n  50: '#fef2f2',\n  100: '#fee2e2',\n  200: '#fecaca',\n  300: '#fca5a5',\n  400: '#f87171',\n  500: '#ef4444',\n  600: '#dc2626',\n  700: '#b91c1c',\n  800: '#991b1b',\n  900: '#7f1d1d',\n  950: '#450a0a',\n};\n\nconst slate = {\n  50: '#f8fafc',\n  100: '#f1f5f9',\n  200: '#e2e8f0',\n  300: '#cbd5e1',\n  400: '#94a3b8',\n  500: '#64748b',\n  600: '#475569',\n  700: '#334155',\n  800: '#1e293b',\n  900: '#0f172a',\n  950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n  primary: {\n    50: '#fff2e6',\n    100: '#fee6cd',\n    200: '#fdcc9b',\n    300: '#fcb369',\n    400: '#fb9937',\n    500: '#fa8005',\n    600: '#c86604',\n    700: '#964d03',\n    800: '#643302',\n    900: '#321a01',\n    950: '#190d00',\n  },\n};\n\n// material palenight theme\nconst code = {\n  '50': '#f6f7f9',\n  '100': '#ebecf3',\n  '200': '#d3d6e4',\n  '300': '#acb3cd',\n  '400': '#808cb0',\n  '500': '#606e97',\n  '600': '#4b557e',\n  '700': '#3e4666',\n  '800': '#363d56',\n  '900': '#292d3e',\n  '950': '#202231',\n};\n\nexport const colors = {\n  // Brand\n  // ---------------\n  ...brand,\n  secondary: slate,\n  code,\n\n  // Text\n  // ---------------\n  text: {\n    primary: {\n      DEFAULT: slate[950],\n      muted: slate[500],\n    },\n\n    // State\n    info: blue[800],\n    warning: amber[800],\n  },\n\n  // Background\n  // ---------------\n  bg: {\n    body: slate[50],\n    hover: neutral[100],\n    muted: slate[100],\n\n    underlay: slate[500],\n\n    surface: {\n      DEFAULT: white,\n      raised: slate[200],\n      lowered: slate[700],\n      overlay: white,\n    },\n\n    // Status\n    success: green[100],\n    error: red[50],\n    info: blue[50],\n    warning: amber[50],\n  },\n\n  // Border\n  // ---------------\n  border: {\n    DEFAULT: slate[300],\n    primary: slate[950],\n\n    // status\n    success: green[600],\n    error: red[600],\n  },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAoC;AAE7B,IAAM,aAAmC,mBAAI,yBAAyB;AAAA,EAC3E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QACE;AAAA,MACF,UAAU;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;;;ACnBD,IAAAA,iBAAoC;AAE7B,IAAM,WAA+B;AAAA,EAC1C;AAAA,IACE;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;AClBA,IAAAC,iBAAoC;AAE7B,IAAM,SAAmC;AAAA,EAC9C,iBAAa,oBAAI,0BAA0B;AAAA,IACzC,UAAU;AAAA,MACR,SAAS;AAAA,QACP,YAAY,CAAC,UAAU,eAAe;AAAA,MACxC;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,eAAW,oBAAI,iBAAiB;AAAA,IAC9B,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF,CAAC;AACH;;;AC5BA,IAAAC,iBAAoC;AAE7B,IAAM,aAAmC,oBAAI;;;ACFpD,IAAAC,iBAAoC;AAE7B,IAAM,eAAuC,oBAAI,sBAAsB;AAAA,EAC5E,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WACE;AAAA,MACF,WACE;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC;;;ACfD,IAAAC,iBAAoC;AAE7B,IAAM,YAAiC,oBAAI,kBAAkB;AAAA,EAClE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;;;ACpBD,IAAAC,iBAAoC;AAE7B,IAAM,WAAuC;AAAA,EAClD,eAAW,oBAAI;AAAA,EACf,UAAM,oBAAI;AACZ;;;ACHO,IAAM,WAAW;AACjB,IAAM,kBAAkB;AAIxB,IAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AACT;AAEO,IAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AACT;AAEO,IAAM,eAAe;AAAA,EAC1B,SAAS,GAAG,SAAS,OAAO,IAAI,SAAS,OAAO;AAAA,EAChD,OAAO,GAAG,SAAS,KAAK,IAAI,SAAS,KAAK;AAC5C;AAIO,IAAM,aAAa;AACnB,IAAM,gBAAgB;AACtB,IAAM,aAAa;AACnB,IAAM,aAAa;;;AC3B1B,IAAAC,iBAAoC;AAE7B,IAAM,QAAiC;AAAA,EAC5C,eAAW,oBAAI,IAAI;AAAA,IACjB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,eAAW,oBAAI;AACjB;;;ACrCA,IAAAC,iBAAoC;AAE7B,IAAM,WAA+B;AAAA,EAC1C,CAAC,0CAA0C;AAAA,EAC3C;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,KAAK;AAAA,UACH;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;ACdA,IAAAC,kBAAoC;AAE7B,IAAM,OAA+B;AAAA,EAC1C,QAAI,qBAAI,uBAAuB;AAAA,EAC/B,QAAI,qBAAI,EAAE;AAAA,EACV,UAAM,qBAAI,kBAAkB;AAC9B;;;ACNA,IAAAC,kBAAoC;AAE7B,IAAM,UAAqC;AAAA,EAChD,eAAW,qBAAI;AAAA,IACb;AAAA,EACF,CAAC;AAAA,EACD,UAAM,qBAAI;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,YAAQ;AAAA,IACN;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,aAAS,qBAAI;AAAA,EACb,kBAAc,qBAAI;AACpB;;;AChCA,IAAAC,kBAAoC;AAE7B,IAAM,OAA+B;AAAA,EAC1C,eAAW;AAAA,IACT;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,SAAS;AAAA,UACP,SACE;AAAA,QACJ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAM,qBAAI,6DAA6D;AAAA,IACrE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS,CAAC,uCAAuC;AAAA,MACnD;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,aAAS,qBAAI,IAAI;AAAA,IACf,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;AChCA,IAAAC,kBAAoC;AAE7B,IAAM,iBAAmD;AAAA,EAC9D,eAAW;AAAA,IACT;AAAA,MACE;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAM,qBAAI,QAAQ;AAAA,EAClB,WAAO,qBAAI,4CAA4C;AAAA,EACvD,aAAS,qBAAI,+BAA+B;AAC9C;;;ACpBA,IAAAC,kBAAoC;AAE7B,IAAM,cAAqC,qBAAI;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;;;ACRD,IAAAC,kBAAoC;AAI7B,IAAM,SAAmC;AAAA,EAC9C,UAAM,qBAAI,sBAAsB;AAAA,IAC9B,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF,CAAC;AAAA,EACD,YAAQ,qBAAI,CAAC,UAAU,iBAAiB,cAAc,GAAG;AAAA,IACvD,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,UACR;AAAA,UACA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,SAAS,CAAC,aAAa,OAAO;AAAA,QAC9B,OAAO,CAAC,aAAa,OAAO,SAAS;AAAA,MACvC;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;ACxDA,IAAAC,kBAAoC;AAE7B,IAAM,OAA+B;AAAA,EAC1C,eAAW,qBAAI,IAAI;AAAA,IACjB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,cAAU,qBAAI,EAAE;AAAA,EAChB,cAAU,qBAAI,eAAe;AAAA,EAC7B,SAAK,qBAAI;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;;;ACjBA,IAAAC,kBAAoC;AAE7B,IAAM,QAAiC;AAAA,EAC5C,WAAO,qBAAI,cAAc;AAAA,EACzB,UAAM,qBAAI,eAAe;AAAA,IACvB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF,CAAC;AAAA,EACD,YAAQ,qBAAI,wCAAwC;AAAA,EACpD,SAAK,qBAAI,YAAY;AAAA,IACnB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAC;AACH;;;ACnBA,IAAAC,kBAAoC;AAE7B,IAAM,WAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;;;ACdA,IAAAC,kBAAoC;AAE7B,IAAM,eAAuC,qBAAI,IAAI;AAAA,EAC1D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;;;ACRD,IAAAC,kBAAoC;AAE7B,IAAM,YAAiC;AAAA,EAC5C;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;;;AClBA,IAAAC,kBAA2B;AAEpB,IAAM,WAAsB,qBAAI,8BAA8B;;;ACIrE,IAAM,QAAQ;AAEd,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,OAAO;AAAA,EACX,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,UAAU;AAAA,EACd,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,MAAM;AAAA,EACV,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAEA,IAAM,QAAQ;AAAA,EACZ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAIA,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AACF;AAGA,IAAM,OAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,SAAS;AAAA;AAAA;AAAA,EAGpB,GAAG;AAAA,EACH,WAAW;AAAA,EACX;AAAA;AAAA;AAAA,EAIA,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,SAAS,MAAM,GAAG;AAAA,MAClB,OAAO,MAAM,GAAG;AAAA,IAClB;AAAA;AAAA,IAGA,MAAM,KAAK,GAAG;AAAA,IACd,SAAS,MAAM,GAAG;AAAA,EACpB;AAAA;AAAA;AAAA,EAIA,IAAI;AAAA,IACF,MAAM,MAAM,EAAE;AAAA,IACd,OAAO,QAAQ,GAAG;AAAA,IAClB,OAAO,MAAM,GAAG;AAAA,IAEhB,UAAU,MAAM,GAAG;AAAA,IAEnB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ,MAAM,GAAG;AAAA,MACjB,SAAS,MAAM,GAAG;AAAA,MAClB,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,SAAS,MAAM,GAAG;AAAA,IAClB,OAAO,IAAI,EAAE;AAAA,IACb,MAAM,KAAK,EAAE;AAAA,IACb,SAAS,MAAM,EAAE;AAAA,EACnB;AAAA;AAAA;AAAA,EAIA,QAAQ;AAAA,IACN,SAAS,MAAM,GAAG;AAAA,IAClB,SAAS,MAAM,GAAG;AAAA;AAAA,IAGlB,SAAS,MAAM,GAAG;AAAA,IAClB,OAAO,IAAI,GAAG;AAAA,EAChB;AACF;;;AxB5KO,IAAM,QAAe;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,IAAO,cAAQ;","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}
+{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Input.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/Message.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/root.ts","../src/tokens.ts"],"sourcesContent":["import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n  name: 'docs',\n  screens: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  root,\n  colors,\n  components,\n};\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Message.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva('flex gap-2 rounded-sm', {\n  variants: {\n    variant: {\n      ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n      menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\n      sunken:\n        'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n      inverted: 'bg-secondary-100',\n    },\n    size: {\n      small: 'px-3 py-1.5 text-sm',\n      default: 'px-3 py-2',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  [\n    'bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'p-6',\n        hovering: 'p-6 transition-shadow hover:cursor-pointer hover:shadow-md',\n        content: 'my-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute right-2 top-2', {\n    variants: {\n      variant: {\n        fullscreen: ['size-6', 'right-4 top-4'],\n      },\n    },\n  }),\n  container: cva('bg-bg-surface', {\n    variants: {\n      variant: {\n        default: 'relative rounded-lg shadow-lg',\n        codeblock: [\n          'static px-0 py-6',\n          'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n          'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n          '*:max-h-none *:min-w-[75vw]',\n        ],\n        fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n        zoom: 'max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\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('[&>*]:no-underline', {\n  variants: {\n    size: {\n      'level-1':\n        'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n      'level-2':\n        'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n      'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n      'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n      'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n      'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n  variants: {\n    variant: {\n      default: '',\n      floating: [\n        'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n        'items-center',\n      ],\n    },\n    size: {\n      default: 'gap-x-3',\n      small: 'gap-x-2',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva(),\n  icon: cva(),\n};\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n  default: 'px-3',\n  small: 'px-2.5',\n};\n\nexport const ySpacing = {\n  default: 'py-2',\n  small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n  default: `${xSpacing.default} ${ySpacing.default}`,\n  small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        floating: [\n          'z-10 col-start-1 row-start-1',\n          'pointer-events-none',\n          'text-secondary-400 text-nowrap',\n          'after:content-[\":\"]',\n        ],\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'pl-4',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'pl-3',\n      },\n    ],\n  }),\n  indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  ['font-medium underline underline-offset-4'],\n  {\n    variants: {\n      variant: {\n        toc: [\n          'text-secondary-500 hover:text-secondary-800 text-xs no-underline',\n          'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n        ],\n        cta: [\n          'h-component rounded-2xl bg-purple-700 px-5 py-1.5',\n          'text-sm font-semibold text-purple-100 no-underline',\n          'transition-all hover:bg-purple-600',\n        ],\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('list-inside list-none'),\n  ol: cva(''),\n  item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'bg-bg-surface-overlay border-border rounded border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-none',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  option: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded outline-none',\n      'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n      'aria-selected:bg-bg-hover',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'p-2',\n          small: 'px-2 py-1 text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'small',\n      },\n    }\n  ),\n  section: cva(),\n  sectionTitle: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva(\n    [\n      'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n      'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n    ],\n    {\n      variants: {\n        variant: {\n          command:\n            '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n        },\n      },\n    }\n  ),\n  item: cva('focus:bg-bg-hover cursor-pointer rounded p-2 outline-none', {\n    variants: {\n      variant: {\n        command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n      },\n    },\n  }),\n  section: cva('', {\n    variants: {\n      variant: {\n        command:\n          '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'not-prose items-center rounded-lg p-4',\n      'grid-cols-[min-content,auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n    ],\n    {\n      variants: {\n        variant: {\n          info: 'bg-bg-info text-text-info',\n          warning: 'bg-bg-warning text-text-warning',\n        },\n      },\n    }\n  ),\n  icon: cva('size-6'),\n  title: cva('mb-1 font-bold leading-none tracking-tight'),\n  content: cva('text-sm [&_p]:leading-relaxed'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'animate-in',\n  'placement-t:-translate-y-1',\n  'placement-b:translate-y-1',\n  'placement-r:-translate-x-1',\n  'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputBackground,\n  inputBox,\n  inputDisabled,\n  inputSpacing,\n} from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-secondary-400', {\n    variants: {\n      variant: {\n        default: '',\n        floating: 'justify-self-end',\n      },\n      size: {\n        default: '',\n        small: 'size-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  select: cva([inputBox, inputBackground, inputDisabled, 'outline-none'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow',\n          'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n          // selected value and caret get moved to 2nd col\n          '*:row-star-1 *:col-start-2 *:text-left',\n          // So the button gap is not used to separate label from selected value\n          'gap-[inherit]',\n        ],\n      },\n      size: {\n        default: [inputSpacing.default],\n        small: [inputSpacing.small, 'text-xs'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'px-4 py-1.5',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'px-3',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        demo: 'my-6',\n      },\n    },\n  }),\n  tabpanel: cva(''),\n  tabsList: cva('mb-4 border-b'),\n  tab: cva([\n    'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n    'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n    'focus:outline-none focus-visible:outline',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva([\n    'w-full overflow-hidden rounded-lg bg-white/40 text-sm',\n    'border-secondary-200 border-separate border-spacing-0 border',\n  ]),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  row: cva([], {\n    variants: {\n      variant: {\n        hover: 'hover:bg-neutral-100/80 ',\n      },\n    },\n  }),\n  cell: cva(\n    ['text-text-primary px-3 py-3.5 text-xs', 'border-secondary-200 border-t'],\n    {\n      variants: {\n        variant: {\n          colorTable: 'p-4 align-middle',\n        },\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva(\n  'leading-7 [&:not(:first-child)]:mt-6',\n  {\n    variants: {\n      variant: {\n        lead: 'text-muted-foreground text-xl',\n        large: 'text-lg font-semibold',\n        small: 'text-sm font-medium leading-none',\n        muted: 'text-muted-foreground text-sm',\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-bg-underlay/50 backdrop-blur-sm',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n  {\n    variants: {\n      variant: {\n        dark: 'bg-bg-surface-lowered text-white',\n      },\n      size: {\n        default: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'dark',\n      size: 'default',\n    },\n  }\n);\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","// Tailwind Colors\n// ---------------\n/**\n * We copy/pasted the colors here to not end up with a lot of unused code in our bundle.\n */\n\nconst white = '#fff';\n\nconst amber = {\n  50: '#fffbeb',\n  100: '#fef3c7',\n  200: '#fde68a',\n  300: '#fcd34d',\n  400: '#fbbf24',\n  500: '#f59e0b',\n  600: '#d97706',\n  700: '#b45309',\n  800: '#92400e',\n  900: '#78350f',\n  950: '#451a03',\n};\n\nconst blue = {\n  50: '#eff6ff',\n  100: '#dbeafe',\n  200: '#bfdbfe',\n  300: '#93c5fd',\n  400: '#60a5fa',\n  500: '#3b82f6',\n  600: '#2563eb',\n  700: '#1d4ed8',\n  800: '#1e40af',\n  900: '#1e3a8a',\n  950: '#172554',\n};\n\nconst lime = {\n  50: '#f7fee7',\n  100: '#ecfccb',\n  200: '#d9f99d',\n  300: '#bef264',\n  400: '#a3e635',\n  500: '#84cc16',\n  600: '#65a30d',\n  700: '#4d7c0f',\n  800: '#3f6212',\n  900: '#365314',\n  950: '#1a2e05',\n};\n\nconst neutral = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#e5e5e5',\n  300: '#d4d4d4',\n  400: '#a3a3a3',\n  500: '#737373',\n  600: '#525252',\n  700: '#404040',\n  800: '#262626',\n  900: '#171717',\n  950: '#0a0a0a',\n};\n\nconst red = {\n  50: '#fef2f2',\n  100: '#fee2e2',\n  200: '#fecaca',\n  300: '#fca5a5',\n  400: '#f87171',\n  500: '#ef4444',\n  600: '#dc2626',\n  700: '#b91c1c',\n  800: '#991b1b',\n  900: '#7f1d1d',\n  950: '#450a0a',\n};\n\nconst slate = {\n  50: '#f8fafc',\n  100: '#f1f5f9',\n  200: '#e2e8f0',\n  300: '#cbd5e1',\n  400: '#94a3b8',\n  500: '#64748b',\n  600: '#475569',\n  700: '#334155',\n  800: '#1e293b',\n  900: '#0f172a',\n  950: '#020617',\n};\n\n// Custom Colors\n// ---------------\nconst brand = {\n  primary: {\n    50: '#fff2e6',\n    100: '#fee6cd',\n    200: '#fdcc9b',\n    300: '#fcb369',\n    400: '#fb9937',\n    500: '#fa8005',\n    600: '#c86604',\n    700: '#964d03',\n    800: '#643302',\n    900: '#321a01',\n    950: '#190d00',\n  },\n};\n\n// material palenight theme\nconst code = {\n  '50': '#f6f7f9',\n  '100': '#ebecf3',\n  '200': '#d3d6e4',\n  '300': '#acb3cd',\n  '400': '#808cb0',\n  '500': '#606e97',\n  '600': '#4b557e',\n  '700': '#3e4666',\n  '800': '#363d56',\n  '900': '#292d3e',\n  '950': '#202231',\n};\n\nexport const colors = {\n  // Brand\n  // ---------------\n  ...brand,\n  secondary: slate,\n  code,\n\n  // Text\n  // ---------------\n  text: {\n    primary: {\n      DEFAULT: slate[950],\n      muted: slate[500],\n    },\n    disabled: slate[300],\n\n    // State\n    info: blue[800],\n    warning: amber[800],\n  },\n\n  // Background\n  // ---------------\n  bg: {\n    body: slate[50],\n    hover: neutral[100],\n    muted: slate[100],\n    disabled: slate[100],\n\n    underlay: slate[500],\n\n    surface: {\n      DEFAULT: white,\n      raised: slate[200],\n      lowered: slate[700],\n      overlay: white,\n    },\n\n    // Status\n    success: lime[50],\n    error: red[50],\n    info: blue[50],\n    warning: amber[50],\n  },\n\n  // Border\n  // ---------------\n  border: {\n    DEFAULT: slate[300],\n    primary: slate[950],\n\n    // status\n    success: lime[500],\n    error: red[400],\n  },\n} as const;\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import {
   __export,
   colors
-} from "./chunk-KMOXDTTY.mjs";
+} from "./chunk-LFYXUJAZ.mjs";
 
 // src/components/index.ts
 var components_exports = {};
@@ -171,7 +171,7 @@ var inputSpacing = {
   small: `${xSpacing.small} ${ySpacing.small}`
 };
 var inputFocus = "";
-var inputDisabled = "";
+var inputDisabled = "disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled";
 var inputError = "";
 var inputHover = "";
 
@@ -224,6 +224,11 @@ var Link = cva9(
         toc: [
           "text-secondary-500 hover:text-secondary-800 text-xs no-underline",
           "data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium"
+        ],
+        cta: [
+          "h-component rounded-2xl bg-purple-700 px-5 py-1.5",
+          "text-sm font-semibold text-purple-100 no-underline",
+          "transition-all hover:bg-purple-600"
         ]
       }
     }
@@ -355,7 +360,7 @@ var Select = {
       size: "default"
     }
   }),
-  select: cva15([inputBox, inputBackground, "outline-none"], {
+  select: cva15([inputBox, inputBackground, inputDisabled, "outline-none"], {
     variants: {
       variant: {
         default: "gap-2",
@@ -414,22 +419,28 @@ var Tabs = {
 // src/components/Table.styles.ts
 import { cva as cva17 } from "@marigold/system";
 var Table = {
-  table: cva17("my-0 text-sm"),
-  cell: cva17("p-3 text-xs", {
+  table: cva17([
+    "w-full overflow-hidden rounded-lg bg-white/40 text-sm",
+    "border-secondary-200 border-separate border-spacing-0 border"
+  ]),
+  header: cva17("px-3 pb-2 pt-3 text-start"),
+  row: cva17([], {
     variants: {
       variant: {
-        colorTable: "p-4 align-middle"
+        hover: "hover:bg-neutral-100/80 "
       }
     }
   }),
-  header: cva17("border-b bg-white px-3 py-2 text-start"),
-  row: cva17("divide-y", {
-    variants: {
-      variant: {
-        hover: "hover:bg-neutral-100/50 "
+  cell: cva17(
+    ["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"],
+    {
+      variants: {
+        variant: {
+          colorTable: "p-4 align-middle"
+        }
       }
     }
-  })
+  )
 };
 
 // src/components/Text.styles.ts

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Input.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/Message.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/root.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Message.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva('flex gap-2 rounded-sm', {\n  variants: {\n    variant: {\n      ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n      menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\n      sunken:\n        'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n      inverted: 'bg-secondary-100',\n    },\n    size: {\n      small: 'px-3 py-1.5 text-sm',\n      default: 'px-3 py-2',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  [\n    'bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'p-6',\n        hovering: 'p-6 transition-shadow hover:cursor-pointer hover:shadow-md',\n        content: 'my-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute right-2 top-2', {\n    variants: {\n      variant: {\n        fullscreen: ['size-6', 'right-4 top-4'],\n      },\n    },\n  }),\n  container: cva('bg-bg-surface', {\n    variants: {\n      variant: {\n        default: 'relative rounded-lg shadow-lg',\n        codeblock: [\n          'static px-0 py-6',\n          'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n          'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n          '*:max-h-none *:min-w-[75vw]',\n        ],\n        fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n        zoom: 'max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\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('[&>*]:no-underline', {\n  variants: {\n    size: {\n      'level-1':\n        'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n      'level-2':\n        'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n      'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n      'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n      'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n      'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n  variants: {\n    variant: {\n      default: '',\n      floating: [\n        'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n        'items-center',\n      ],\n    },\n    size: {\n      default: 'gap-x-3',\n      small: 'gap-x-2',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva(),\n  icon: cva(),\n};\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n  default: 'px-3',\n  small: 'px-2.5',\n};\n\nexport const ySpacing = {\n  default: 'py-2',\n  small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n  default: `${xSpacing.default} ${ySpacing.default}`,\n  small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled = '';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        floating: [\n          'z-10 col-start-1 row-start-1',\n          'pointer-events-none',\n          'text-secondary-400 text-nowrap',\n          'after:content-[\":\"]',\n        ],\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'pl-4',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'pl-3',\n      },\n    ],\n  }),\n  indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  ['font-medium underline underline-offset-4'],\n  {\n    variants: {\n      variant: {\n        toc: [\n          'text-secondary-500 hover:text-secondary-800 text-xs no-underline',\n          'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n        ],\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('list-inside list-none'),\n  ol: cva(''),\n  item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'bg-bg-surface-overlay border-border rounded border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-none',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  option: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded outline-none',\n      'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n      'aria-selected:bg-bg-hover',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'p-2',\n          small: 'px-2 py-1 text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'small',\n      },\n    }\n  ),\n  section: cva(),\n  sectionTitle: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva(\n    [\n      'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n      'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n    ],\n    {\n      variants: {\n        variant: {\n          command:\n            '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n        },\n      },\n    }\n  ),\n  item: cva('focus:bg-bg-hover cursor-pointer rounded p-2 outline-none', {\n    variants: {\n      variant: {\n        command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n      },\n    },\n  }),\n  section: cva('', {\n    variants: {\n      variant: {\n        command:\n          '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'not-prose items-center rounded-lg p-4',\n      'grid-cols-[min-content,auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n    ],\n    {\n      variants: {\n        variant: {\n          info: 'bg-bg-info text-text-info',\n          warning: 'bg-bg-warning text-text-warning',\n        },\n      },\n    }\n  ),\n  icon: cva('size-6'),\n  title: cva('mb-1 font-bold leading-none tracking-tight'),\n  content: cva('text-sm [&_p]:leading-relaxed'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'animate-in',\n  'placement-t:-translate-y-1',\n  'placement-b:translate-y-1',\n  'placement-r:-translate-x-1',\n  'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nimport { inputBackground, inputBox, inputSpacing } from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-secondary-400', {\n    variants: {\n      variant: {\n        default: '',\n        floating: 'justify-self-end',\n      },\n      size: {\n        default: '',\n        small: 'size-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  select: cva([inputBox, inputBackground, 'outline-none'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow',\n          'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n          // selected value and caret get moved to 2nd col\n          '*:row-star-1 *:col-start-2 *:text-left',\n          // So the button gap is not used to separate label from selected value\n          'gap-[inherit]',\n        ],\n      },\n      size: {\n        default: [inputSpacing.default],\n        small: [inputSpacing.small, 'text-xs'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'px-4 py-1.5',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'px-3',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        demo: 'my-6',\n      },\n    },\n  }),\n  tabpanel: cva(''),\n  tabsList: cva('mb-4 border-b'),\n  tab: cva([\n    'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n    'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n    'focus:outline-none focus-visible:outline',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva('my-0 text-sm'),\n  cell: cva('p-3 text-xs', {\n    variants: {\n      variant: {\n        colorTable: 'p-4 align-middle',\n      },\n    },\n  }),\n  header: cva('border-b bg-white px-3 py-2 text-start'),\n  row: cva('divide-y', {\n    variants: {\n      variant: {\n        hover: 'hover:bg-neutral-100/50 ',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva(\n  'leading-7 [&:not(:first-child)]:mt-6',\n  {\n    variants: {\n      variant: {\n        lead: 'text-muted-foreground text-xl',\n        large: 'text-lg font-semibold',\n        small: 'text-sm font-medium leading-none',\n        muted: 'text-muted-foreground text-sm',\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-bg-underlay/50 backdrop-blur-sm',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n  {\n    variants: {\n      variant: {\n        dark: 'bg-bg-surface-lowered text-white',\n      },\n      size: {\n        default: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'dark',\n      size: 'default',\n    },\n  }\n);\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","import type { Theme } from '@marigold/system';\n\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n  name: 'docs',\n  screens: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  root,\n  colors,\n  components,\n};\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"]}
+{"version":3,"sources":["../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/Dialog.styles.ts","../src/components/Header.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/Input.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/Message.styles.ts","../src/components/Popover.styles.ts","../src/components/Select.styles.ts","../src/components/Tabs.styles.ts","../src/components/Table.styles.ts","../src/components/Text.styles.ts","../src/components/Underlay.styles.ts","../src/components/Badge.styles.ts","../src/root.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './Input.styles';\nexport * from './Label.styles';\nexport * from './Link.styles';\nexport * from './List.styles';\nexport * from './ListBox.styles';\nexport * from './Menu.styles';\nexport * from './Message.styles';\nexport * from './Popover.styles';\nexport * from './Select.styles';\nexport * from './Tabs.styles';\nexport * from './Table.styles';\nexport * from './Text.styles';\nexport * from './Underlay.styles';\nexport * from './Badge.styles';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Button: ThemeComponent<'Button'> = cva('flex gap-2 rounded-sm', {\n  variants: {\n    variant: {\n      ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\n      menu: 'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1',\n      sunken:\n        'text-secondary-600 hover:bg-secondary-400/20 bg-secondary-400/10 h-8 justify-start rounded-lg',\n      inverted: 'bg-secondary-100',\n    },\n    size: {\n      small: 'px-3 py-1.5 text-sm',\n      default: 'px-3 py-2',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  [\n    'bg-bg-surface border-secondary-300 relative overflow-hidden rounded-xl border shadow',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'p-6',\n        hovering: 'p-6 transition-shadow hover:cursor-pointer hover:shadow-md',\n        content: 'my-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute right-2 top-2', {\n    variants: {\n      variant: {\n        fullscreen: ['size-6', 'right-4 top-4'],\n      },\n    },\n  }),\n  container: cva('bg-bg-surface', {\n    variants: {\n      variant: {\n        default: 'relative rounded-lg shadow-lg',\n        codeblock: [\n          'static px-0 py-6',\n          'bg-code-900 max-h-[96vh] w-full overflow-y-auto rounded-lg shadow-lg',\n          'scrollbar-thin scrollbar-thumb-code-500 scrollbar-track-transparent scrollbar-thumb-rounded-full overflow-x-auto',\n          '*:max-h-none *:min-w-[75vw]',\n        ],\n        fullscreen: 'h-screen w-screen px-4 pb-8 pt-10',\n        zoom: 'max-h-[96vh] overflow-y-auto *:max-h-none *:min-w-[55vw]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n};\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('[&>*]:no-underline', {\n  variants: {\n    size: {\n      'level-1':\n        'scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl',\n      'level-2':\n        'scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0',\n      'level-3': 'scroll-m-20 text-2xl font-semibold tracking-tight',\n      'level-4': 'scroll-m-20 text-xl font-semibold tracking-tight',\n      'level-5': 'mt-8 scroll-m-20 text-lg font-semibold tracking-tight',\n      'level-6': 'mt-8 scroll-m-20 text-base font-semibold tracking-tight',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Field: ThemeComponent<'Field'> = cva('grid gap-y-0.5', {\n  variants: {\n    variant: {\n      default: '',\n      floating: [\n        'grid-cols-[min-content_auto] grid-rows-[auto_auto]',\n        'items-center',\n      ],\n    },\n    size: {\n      default: 'gap-x-3',\n      small: 'gap-x-2',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const HelpText: ThemeComponent<'HelpText'> = {\n  container: cva(),\n  icon: cva(),\n};\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded text-text-primary';\nexport const inputBackground = 'bg-white';\n\n// Spacing\n// ---------------\nexport const xSpacing = {\n  default: 'px-3',\n  small: 'px-2.5',\n};\n\nexport const ySpacing = {\n  default: 'py-2',\n  small: 'py-1.5',\n};\n\nexport const inputSpacing = {\n  default: `${xSpacing.default} ${ySpacing.default}`,\n  small: `${xSpacing.small} ${ySpacing.small}`,\n};\n\n// States\n// ---------------\nexport const inputFocus = '';\nexport const inputDisabled =\n  'disabled:cursor-not-allowed disabled:text-text-disabled disabled:bg-bg-disabled';\nexport const inputError = '';\nexport const inputHover = '';\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Label: ThemeComponent<'Label'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        default: '',\n        floating: [\n          'z-10 col-start-1 row-start-1',\n          'pointer-events-none',\n          'text-secondary-400 text-nowrap',\n          'after:content-[\":\"]',\n        ],\n      },\n      size: {\n        default: 'text-sm',\n        small: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'pl-4',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'pl-3',\n      },\n    ],\n  }),\n  indicator: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Link: ThemeComponent<'Link'> = cva(\n  ['font-medium underline underline-offset-4'],\n  {\n    variants: {\n      variant: {\n        toc: [\n          'text-secondary-500 hover:text-secondary-800 text-xs no-underline',\n          'data-[active=true]:text-secondary-800 font-normal data-[active=true]:font-medium',\n        ],\n        cta: [\n          'h-component rounded-2xl bg-purple-700 px-5 py-1.5',\n          'text-sm font-semibold text-purple-100 no-underline',\n          'transition-all hover:bg-purple-600',\n        ],\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const List: ThemeComponent<'List'> = {\n  ul: cva('list-inside list-none'),\n  ol: cva(''),\n  item: cva('list-none py-0.5'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const ListBox: ThemeComponent<'ListBox'> = {\n  container: cva([\n    'bg-bg-surface-overlay border-border rounded border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-none',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  option: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded outline-none',\n      'rac-hover:bg-bg-hover rac-focus:bg-bg-hover',\n      'aria-selected:bg-bg-hover',\n    ],\n    {\n      variants: {\n        size: {\n          default: 'p-2',\n          small: 'px-2 py-1 text-sm',\n        },\n      },\n      defaultVariants: {\n        size: 'small',\n      },\n    }\n  ),\n  section: cva(),\n  sectionTitle: cva(),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Menu: ThemeComponent<'Menu'> = {\n  container: cva(\n    [\n      'border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md',\n      'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n    ],\n    {\n      variants: {\n        variant: {\n          command:\n            '[&_[cmdk-list-sizer]]:divide-secondary-100 size-full p-0 sm:w-[500px] [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:py-2 [&_[cmdk-item]_svg]:size-5 [&_[cmdk-list-sizer]]:divide-y',\n        },\n      },\n    }\n  ),\n  item: cva('focus:bg-bg-hover cursor-pointer rounded p-2 outline-none', {\n    variants: {\n      variant: {\n        command: ['aria-selected:bg-bg-hover px-4 py-1.5'],\n      },\n    },\n  }),\n  section: cva('', {\n    variants: {\n      variant: {\n        command:\n          '[&_[cmdk-group-heading]]:text-text-primary-muted [&_[cmdk-group-heading]]:p-4 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      },\n    },\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const SectionMessage: ThemeComponent<'SectionMessage'> = {\n  container: cva(\n    [\n      'not-prose items-center rounded-lg p-4',\n      'grid-cols-[min-content,auto] gap-1 [grid-template-areas:\"icon_title_title\"\"none_content_content\"]',\n    ],\n    {\n      variants: {\n        variant: {\n          info: 'bg-bg-info text-text-info',\n          warning: 'bg-bg-warning text-text-warning',\n        },\n      },\n    }\n  ),\n  icon: cva('size-6'),\n  title: cva('mb-1 font-bold leading-none tracking-tight'),\n  content: cva('text-sm [&_p]:leading-relaxed'),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Popover: ThemeComponent<'Popover'> = cva([\n  'animate-in',\n  'placement-t:-translate-y-1',\n  'placement-b:translate-y-1',\n  'placement-r:-translate-x-1',\n  'placement-l:translate-x-1',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\nimport {\n  inputBackground,\n  inputBox,\n  inputDisabled,\n  inputSpacing,\n} from './Input.styles';\n\nexport const Select: ThemeComponent<'Select'> = {\n  icon: cva('text-secondary-400', {\n    variants: {\n      variant: {\n        default: '',\n        floating: 'justify-self-end',\n      },\n      size: {\n        default: '',\n        small: 'size-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }),\n  select: cva([inputBox, inputBackground, inputDisabled, 'outline-none'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow',\n          'col-span-full row-start-1 grid grid-cols-subgrid grid-rows-subgrid',\n          // selected value and caret get moved to 2nd col\n          '*:row-star-1 *:col-start-2 *:text-left',\n          // So the button gap is not used to separate label from selected value\n          'gap-[inherit]',\n        ],\n      },\n      size: {\n        default: [inputSpacing.default],\n        small: [inputSpacing.small, 'text-xs'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'floating',\n        size: 'default',\n        className: 'px-4 py-1.5',\n      },\n      {\n        variant: 'floating',\n        size: 'small',\n        className: 'px-3',\n      },\n    ],\n  }),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Tabs: ThemeComponent<'Tabs'> = {\n  container: cva('', {\n    variants: {\n      variant: {\n        demo: 'my-6',\n      },\n    },\n  }),\n  tabpanel: cva(''),\n  tabsList: cva('mb-4 border-b'),\n  tab: cva([\n    'text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium',\n    'aria-selected:border-border-primary -m-px border-b-2 border-transparent',\n    'focus:outline-none focus-visible:outline',\n  ]),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Table: ThemeComponent<'Table'> = {\n  table: cva([\n    'w-full overflow-hidden rounded-lg bg-white/40 text-sm',\n    'border-secondary-200 border-separate border-spacing-0 border',\n  ]),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  row: cva([], {\n    variants: {\n      variant: {\n        hover: 'hover:bg-neutral-100/80 ',\n      },\n    },\n  }),\n  cell: cva(\n    ['text-text-primary px-3 py-3.5 text-xs', 'border-secondary-200 border-t'],\n    {\n      variants: {\n        variant: {\n          colorTable: 'p-4 align-middle',\n        },\n      },\n    }\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Text: ThemeComponent<'Text'> = cva(\n  'leading-7 [&:not(:first-child)]:mt-6',\n  {\n    variants: {\n      variant: {\n        lead: 'text-muted-foreground text-xl',\n        large: 'text-lg font-semibold',\n        small: 'text-sm font-medium leading-none',\n        muted: 'text-muted-foreground text-sm',\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-bg-underlay/50 backdrop-blur-sm',\n    },\n  },\n});\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Badge: ThemeComponent<'Badge'> = cva(\n  'inline-flex items-center truncate rounded-[20px] px-2 py-0.5',\n  {\n    variants: {\n      variant: {\n        dark: 'bg-bg-surface-lowered text-white',\n      },\n      size: {\n        default: 'text-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'dark',\n      size: 'default',\n    },\n  }\n);\n","import { Theme, cva } from '@marigold/system';\n\nexport const root: Theme['root'] = cva('text-text-primary bg-bg-body');\n","import type { Theme } from '@marigold/system';\nimport * as components from './components';\nimport { root } from './root';\nimport { colors } from './tokens';\n\nexport const theme: Theme = {\n  name: 'docs',\n  screens: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  root,\n  colors,\n  components,\n};\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"]}

package/dist/preset.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/lib/util/cloneDeep.js
+// ../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/lib/util/cloneDeep.js
 var require_cloneDeep = __commonJS({
-  "../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/lib/util/cloneDeep.js"(exports2) {
+  "../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/lib/util/cloneDeep.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -58,9 +58,9 @@ var require_cloneDeep = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/stubs/config.full.js
+// ../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/stubs/config.full.js
 var require_config_full = __commonJS({
-  "../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/stubs/config.full.js"(exports2, module2) {
+  "../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/stubs/config.full.js"(exports2, module2) {
     "use strict";
     module2.exports = {
       content: [],
@@ -135,7 +135,7 @@ var require_config_full = __commonJS({
         },
         blur: {
           0: "0",
-          none: "0",
+          none: "",
           sm: "4px",
           DEFAULT: "8px",
           md: "12px",
@@ -1127,9 +1127,9 @@ var require_config_full = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/lib/public/default-theme.js
+// ../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/lib/public/default-theme.js
 var require_default_theme = __commonJS({
-  "../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/lib/public/default-theme.js"(exports2) {
+  "../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/lib/public/default-theme.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -1151,9 +1151,9 @@ var require_default_theme = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/defaultTheme.js
+// ../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/defaultTheme.js
 var require_defaultTheme = __commonJS({
-  "../../node_modules/.pnpm/tailwindcss@3.4.4/node_modules/tailwindcss/defaultTheme.js"(exports2, module2) {
+  "../../node_modules/.pnpm/tailwindcss@3.4.7/node_modules/tailwindcss/defaultTheme.js"(exports2, module2) {
     "use strict";
     var defaultTheme = require_default_theme();
     module2.exports = (defaultTheme.__esModule ? defaultTheme : { default: defaultTheme }).default;
@@ -1197,8 +1197,8 @@ var blue = {
   900: "#1e3a8a",
   950: "#172554"
 };
-var green = {
-  50: "#f0fdf4",
+var lime = {
+  50: "#f7fee7",
   100: "#ecfccb",
   200: "#d9f99d",
   300: "#bef264",
@@ -1290,6 +1290,7 @@ var colors = {
       DEFAULT: slate[950],
       muted: slate[500]
     },
+    disabled: slate[300],
     // State
     info: blue[800],
     warning: amber[800]
@@ -1300,6 +1301,7 @@ var colors = {
     body: slate[50],
     hover: neutral[100],
     muted: slate[100],
+    disabled: slate[100],
     underlay: slate[500],
     surface: {
       DEFAULT: white,
@@ -1308,7 +1310,7 @@ var colors = {
       overlay: white
     },
     // Status
-    success: green[100],
+    success: lime[50],
     error: red[50],
     info: blue[50],
     warning: amber[50]
@@ -1319,8 +1321,8 @@ var colors = {
     DEFAULT: slate[300],
     primary: slate[950],
     // status
-    success: green[600],
-    error: red[600]
+    success: lime[500],
+    error: red[400]
   }
 };