@marigold/theme-docs 3.1.1 → 3.1.4

package/dist/index.js

@@ -34,7 +34,6 @@ __export(components_exports, {
   CloseButton: () => CloseButton,
   Dialog: () => Dialog,
   Field: () => Field,
-  Header: () => Header,
   Headline: () => Headline,
   HelpText: () => HelpText,
   IconButton: () => IconButton,
@@ -152,13 +151,9 @@ var Dialog = {
   actions: (0, import_system4.cva)("")
 };
 
-// src/components/Header.styles.ts
-var import_system5 = require("@marigold/system");
-var Header = (0, import_system5.cva)();
-
 // src/components/Headline.styles.ts
-var import_system6 = require("@marigold/system");
-var Headline = (0, import_system6.cva)("*:no-underline", {
+var import_system5 = require("@marigold/system");
+var Headline = (0, import_system5.cva)("*:no-underline", {
   variants: {
     size: {
       "level-1": "scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl",
@@ -172,8 +167,8 @@ var Headline = (0, import_system6.cva)("*:no-underline", {
 });
 
 // src/components/Field.styles.ts
-var import_system7 = require("@marigold/system");
-var Field = (0, import_system7.cva)("grid gap-y-0.5", {
+var import_system6 = require("@marigold/system");
+var Field = (0, import_system6.cva)("grid gap-y-0.5", {
   variants: {
     variant: {
       default: "",
@@ -194,15 +189,15 @@ var Field = (0, import_system7.cva)("grid gap-y-0.5", {
 });
 
 // src/components/HelpText.styles.ts
-var import_system8 = require("@marigold/system");
+var import_system7 = require("@marigold/system");
 var HelpText = {
-  container: (0, import_system8.cva)(),
-  icon: (0, import_system8.cva)()
+  container: (0, import_system7.cva)(),
+  icon: (0, import_system7.cva)()
 };
 
 // src/components/IconButton.styles.ts
-var import_system9 = require("@marigold/system");
-var IconButton = (0, import_system9.cva)();
+var import_system8 = require("@marigold/system");
+var IconButton = (0, import_system8.cva)();
 
 // src/components/Input.styles.ts
 var inputBox = "border border-border rounded-xs text-text-primary";
@@ -225,9 +220,9 @@ var inputError = "";
 var inputHover = "";
 
 // src/components/Label.styles.ts
-var import_system10 = require("@marigold/system");
+var import_system9 = require("@marigold/system");
 var Label = {
-  container: (0, import_system10.cva)("", {
+  container: (0, import_system9.cva)("", {
     variants: {
       variant: {
         default: "",
@@ -260,12 +255,12 @@ var Label = {
       }
     ]
   }),
-  indicator: (0, import_system10.cva)()
+  indicator: (0, import_system9.cva)()
 };
 
 // src/components/Link.styles.ts
-var import_system11 = require("@marigold/system");
-var Link = (0, import_system11.cva)(["font-medium"], {
+var import_system10 = require("@marigold/system");
+var Link = (0, import_system10.cva)(["font-medium"], {
   variants: {
     variant: {
       default: "underline underline-offset-4 transition-all hover:text-slate-700",
@@ -298,25 +293,25 @@ var Link = (0, import_system11.cva)(["font-medium"], {
 });
 
 // src/components/List.styles.ts
-var import_system12 = require("@marigold/system");
+var import_system11 = require("@marigold/system");
 var List = {
-  ul: (0, import_system12.cva)("list-inside list-none"),
-  ol: (0, import_system12.cva)(""),
-  item: (0, import_system12.cva)("list-none py-0.5")
+  ul: (0, import_system11.cva)("list-inside list-none"),
+  ol: (0, import_system11.cva)(""),
+  item: (0, import_system11.cva)("list-none py-0.5")
 };
 
 // src/components/ListBox.styles.ts
-var import_system13 = require("@marigold/system");
+var import_system12 = require("@marigold/system");
 var ListBox = {
-  container: (0, import_system13.cva)([
+  container: (0, import_system12.cva)([
     "bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg"
   ]),
-  list: (0, import_system13.cva)([
+  list: (0, import_system12.cva)([
     "outline-hidden",
     "p-1",
     "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
   ]),
-  item: (0, import_system13.cva)(
+  item: (0, import_system12.cva)(
     [
       "text-text-primary",
       "cursor-pointer rounded-xs outline-hidden",
@@ -335,14 +330,14 @@ var ListBox = {
       }
     }
   ),
-  section: (0, import_system13.cva)(),
-  header: (0, import_system13.cva)()
+  section: (0, import_system12.cva)(),
+  header: (0, import_system12.cva)()
 };
 
 // src/components/Menu.styles.ts
-var import_system14 = require("@marigold/system");
+var import_system13 = require("@marigold/system");
 var Menu = {
-  container: (0, import_system14.cva)(
+  container: (0, import_system13.cva)(
     [
       "border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md",
       "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
@@ -355,33 +350,33 @@ var Menu = {
       }
     }
   ),
-  item: (0, import_system14.cva)("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", {
+  item: (0, import_system13.cva)("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", {
     variants: {
       variant: {
         command: ["aria-selected:bg-bg-hover px-4 py-1.5"]
       }
     }
   }),
-  section: (0, import_system14.cva)("", {
+  section: (0, import_system13.cva)("", {
     variants: {
       variant: {
         command: "[&_[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"
       }
     }
   }),
-  button: (0, import_system14.cva)(
+  button: (0, import_system13.cva)(
     "text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1"
   )
 };
 
 // src/components/Modal.styles.ts
-var import_system15 = require("@marigold/system");
-var Modal = (0, import_system15.cva)();
+var import_system14 = require("@marigold/system");
+var Modal = (0, import_system14.cva)();
 
 // src/components/SectionMessage.styles.ts
-var import_system16 = require("@marigold/system");
+var import_system15 = require("@marigold/system");
 var SectionMessage = {
-  container: (0, import_system16.cva)(
+  container: (0, import_system15.cva)(
     [
       "not-prose items-center rounded-lg p-4",
       'grid-cols-[min-content_auto] gap-1 [grid-template-areas:"icon_title_title""none_content_content"]'
@@ -395,15 +390,15 @@ var SectionMessage = {
       }
     }
   ),
-  icon: (0, import_system16.cva)("size-6"),
-  title: (0, import_system16.cva)("mb-1 font-bold leading-none tracking-tight"),
-  content: (0, import_system16.cva)("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
-  close: (0, import_system16.cva)("h-5 w-5 text-center")
+  icon: (0, import_system15.cva)("size-6"),
+  title: (0, import_system15.cva)("mb-1 font-bold leading-none tracking-tight"),
+  content: (0, import_system15.cva)("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
+  close: (0, import_system15.cva)("h-5 w-5 text-center")
 };
 
 // src/components/Popover.styles.ts
-var import_system17 = require("@marigold/system");
-var Popover = (0, import_system17.cva)([
+var import_system16 = require("@marigold/system");
+var Popover = (0, import_system16.cva)([
   "animate-in",
   "placement-t:-translate-y-1",
   "placement-b:translate-y-1",
@@ -412,9 +407,9 @@ var Popover = (0, import_system17.cva)([
 ]);
 
 // src/components/Select.styles.ts
-var import_system18 = require("@marigold/system");
+var import_system17 = require("@marigold/system");
 var Select = {
-  icon: (0, import_system18.cva)("text-secondary-400", {
+  icon: (0, import_system17.cva)("text-secondary-400", {
     variants: {
       variant: {
         default: "",
@@ -430,7 +425,7 @@ var Select = {
       size: "default"
     }
   }),
-  select: (0, import_system18.cva)([inputBox, inputBackground, inputDisabled, "outline-hidden"], {
+  select: (0, import_system17.cva)([inputBox, inputBackground, inputDisabled, "outline-hidden"], {
     variants: {
       variant: {
         default: "gap-2",
@@ -468,18 +463,18 @@ var Select = {
 };
 
 // src/components/Tabs.styles.ts
-var import_system19 = require("@marigold/system");
+var import_system18 = require("@marigold/system");
 var Tabs = {
-  container: (0, import_system19.cva)("", {
+  container: (0, import_system18.cva)("", {
     variants: {
       variant: {
         demo: "my-6"
       }
     }
   }),
-  tabpanel: (0, import_system19.cva)(""),
-  tabsList: (0, import_system19.cva)("mb-4 border-b"),
-  tab: (0, import_system19.cva)([
+  tabpanel: (0, import_system18.cva)(""),
+  tabsList: (0, import_system18.cva)("mb-4 border-b"),
+  tab: (0, import_system18.cva)([
     "text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium",
     "aria-selected:border-border-primary -m-px border-b-2 border-transparent",
     "focus:outline-hidden focus-visible:outline"
@@ -487,24 +482,24 @@ var Tabs = {
 };
 
 // src/components/Table.styles.ts
-var import_system20 = require("@marigold/system");
+var import_system19 = require("@marigold/system");
 var Table = {
-  table: (0, import_system20.cva)([
+  table: (0, import_system19.cva)([
     "w-full overflow-hidden rounded-lg bg-white/40 text-sm",
     "border-secondary-200 border-separate border-spacing-0 border"
   ]),
-  thead: (0, import_system20.cva)(),
-  headerRow: (0, import_system20.cva)(),
-  header: (0, import_system20.cva)("px-3 pb-2 pt-3 text-start"),
-  body: (0, import_system20.cva)(),
-  row: (0, import_system20.cva)([], {
+  thead: (0, import_system19.cva)(),
+  headerRow: (0, import_system19.cva)(),
+  header: (0, import_system19.cva)("px-3 pb-2 pt-3 text-start"),
+  body: (0, import_system19.cva)(),
+  row: (0, import_system19.cva)([], {
     variants: {
       variant: {
         hover: "hover:bg-neutral-100/80 "
       }
     }
   }),
-  cell: (0, import_system20.cva)(
+  cell: (0, import_system19.cva)(
     ["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"],
     {
       variants: {
@@ -517,8 +512,8 @@ var Table = {
 };
 
 // src/components/Text.styles.ts
-var import_system21 = require("@marigold/system");
-var Text = (0, import_system21.cva)("leading-7", {
+var import_system20 = require("@marigold/system");
+var Text = (0, import_system20.cva)("leading-7", {
   variants: {
     variant: {
       lead: "text-muted-foreground text-xl",
@@ -530,14 +525,14 @@ var Text = (0, import_system21.cva)("leading-7", {
 });
 
 // src/components/Underlay.styles.ts
-var import_system22 = require("@marigold/system");
-var Underlay = (0, import_system22.cva)(
+var import_system21 = require("@marigold/system");
+var Underlay = (0, import_system21.cva)(
   "bg-bg-underlay/50 backdrop-blur-xs"
 );
 
 // src/components/Badge.styles.ts
-var import_system23 = require("@marigold/system");
-var Badge = (0, import_system23.cva)(
+var import_system22 = require("@marigold/system");
+var Badge = (0, import_system22.cva)(
   "inline-flex items-center truncate rounded-[20px] px-2 py-0.5",
   {
     variants: {
@@ -557,8 +552,8 @@ var Badge = (0, import_system23.cva)(
 );
 
 // src/root.ts
-var import_system24 = require("@marigold/system");
-var root = (0, import_system24.cva)("text-text-primary bg-bg-body");
+var import_system23 = require("@marigold/system");
+var root = (0, import_system23.cva)("text-text-primary bg-bg-body");
 
 // src/theme.ts
 var theme = {

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/CloseButton.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/IconButton.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/Modal.styles.ts","../src/components/SectionMessage.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/theme.ts"],"sourcesContent":["import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.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 './Modal.styles';\nexport * from './SectionMessage.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(\n  'flex gap-2 rounded-xs px-3 py-2',\n  {\n    variants: {\n      variant: {\n        ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\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        icon: 'border-none translate-y-0.5 outline-none p-0',\n      },\n      size: {\n        small: 'px-3 py-1.5 text-sm',\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['relative w-full overflow-hidden rounded-xl'],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n        hovering:\n          'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n        content:\n          'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n        outline: 'bg-white/40 my-6 border border-secondary-200',\n        lowered: 'bg-bg-surface-raised-lowered p-6',\n        image: '',\n      },\n      size: {\n        default: '',\n        full: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute top-4 right-4 ml-4', {\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',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(''),\n  title: cva(''),\n  content: cva(''),\n  actions: cva(''),\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs 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(['font-medium'], {\n  variants: {\n    variant: {\n      default:\n        'underline underline-offset-4 transition-all hover:text-slate-700',\n      primary:\n        'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n      secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n      toc: [\n        'text-secondary-500 hover:text-secondary-800 text-xs',\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',\n        'transition-all hover:bg-purple-600',\n      ],\n      ghost: 'hover:underline underline-offset-4',\n      shiny:\n        'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n    },\n    size: {\n      inline: '',\n      xsmall: 'rounded-full text-xs py-1.5 px-4',\n      small: 'px-3 py-1.5 text-sm rounded-xs',\n      regular: 'px-3 py-2 rounded-xs',\n      large: 'px-8 py-3.5 rounded-xs',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'inline',\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-xs border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-hidden',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  item: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded-xs outline-hidden',\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  header: 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-xs p-2 outline-hidden', {\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  button: cva(\n    'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\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 [&_code]:text-xs'),\n  close: cva('h-5 w-5 text-center'),\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-hidden'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow-xs',\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-hidden 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  thead: cva(),\n  headerRow: cva(),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  body: cva(),\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('leading-7', {\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n  'bg-bg-underlay/50 backdrop-blur-xs'\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-inverted text-white',\n        warning: 'bg-bg-warning',\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';\n\nexport const theme: Theme = {\n  name: 'docs',\n  root,\n  components,\n};\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}
+{"version":3,"sources":["../src/index.ts","../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/CloseButton.styles.ts","../src/components/Dialog.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/IconButton.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/Modal.styles.ts","../src/components/SectionMessage.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/theme.ts"],"sourcesContent":["import { theme } from './theme';\n\nexport { theme };\nexport default theme;\n","export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.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 './Modal.styles';\nexport * from './SectionMessage.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(\n  'flex gap-2 rounded-xs px-3 py-2',\n  {\n    variants: {\n      variant: {\n        ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\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        icon: 'border-none translate-y-0.5 outline-none p-0',\n      },\n      size: {\n        small: 'px-3 py-1.5 text-sm',\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['relative w-full overflow-hidden rounded-xl'],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n        hovering:\n          'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n        content:\n          'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n        outline: 'bg-white/40 my-6 border border-secondary-200',\n        lowered: 'bg-bg-surface-raised-lowered p-6',\n        image: '',\n      },\n      size: {\n        default: '',\n        full: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute top-4 right-4 ml-4', {\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',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(''),\n  title: cva(''),\n  content: cva(''),\n  actions: cva(''),\n};\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs 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(['font-medium'], {\n  variants: {\n    variant: {\n      default:\n        'underline underline-offset-4 transition-all hover:text-slate-700',\n      primary:\n        'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n      secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n      toc: [\n        'text-secondary-500 hover:text-secondary-800 text-xs',\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',\n        'transition-all hover:bg-purple-600',\n      ],\n      ghost: 'hover:underline underline-offset-4',\n      shiny:\n        'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n    },\n    size: {\n      inline: '',\n      xsmall: 'rounded-full text-xs py-1.5 px-4',\n      small: 'px-3 py-1.5 text-sm rounded-xs',\n      regular: 'px-3 py-2 rounded-xs',\n      large: 'px-8 py-3.5 rounded-xs',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'inline',\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-xs border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-hidden',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  item: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded-xs outline-hidden',\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  header: 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-xs p-2 outline-hidden', {\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  button: cva(\n    'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\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 [&_code]:text-xs'),\n  close: cva('h-5 w-5 text-center'),\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-hidden'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow-xs',\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-hidden 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  thead: cva(),\n  headerRow: cva(),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  body: cva(),\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('leading-7', {\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n  'bg-bg-underlay/50 backdrop-blur-xs'\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-inverted text-white',\n        warning: 'bg-bg-warning',\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';\n\nexport const theme: Theme = {\n  name: 'docs',\n  root,\n  components,\n};\n"],"mappings":"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","names":["import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system","import_system"]}

package/dist/index.mjs

@@ -13,7 +13,6 @@ __export(components_exports, {
   CloseButton: () => CloseButton,
   Dialog: () => Dialog,
   Field: () => Field,
-  Header: () => Header,
   Headline: () => Headline,
   HelpText: () => HelpText,
   IconButton: () => IconButton,
@@ -131,13 +130,9 @@ var Dialog = {
   actions: cva4("")
 };
 
-// src/components/Header.styles.ts
-import { cva as cva5 } from "@marigold/system";
-var Header = cva5();
-
 // src/components/Headline.styles.ts
-import { cva as cva6 } from "@marigold/system";
-var Headline = cva6("*:no-underline", {
+import { cva as cva5 } from "@marigold/system";
+var Headline = cva5("*:no-underline", {
   variants: {
     size: {
       "level-1": "scroll-m-20 text-5xl font-extrabold tracking-tight lg:text-6xl",
@@ -151,8 +146,8 @@ var Headline = cva6("*:no-underline", {
 });
 
 // src/components/Field.styles.ts
-import { cva as cva7 } from "@marigold/system";
-var Field = cva7("grid gap-y-0.5", {
+import { cva as cva6 } from "@marigold/system";
+var Field = cva6("grid gap-y-0.5", {
   variants: {
     variant: {
       default: "",
@@ -173,15 +168,15 @@ var Field = cva7("grid gap-y-0.5", {
 });
 
 // src/components/HelpText.styles.ts
-import { cva as cva8 } from "@marigold/system";
+import { cva as cva7 } from "@marigold/system";
 var HelpText = {
-  container: cva8(),
-  icon: cva8()
+  container: cva7(),
+  icon: cva7()
 };
 
 // src/components/IconButton.styles.ts
-import { cva as cva9 } from "@marigold/system";
-var IconButton = cva9();
+import { cva as cva8 } from "@marigold/system";
+var IconButton = cva8();
 
 // src/components/Input.styles.ts
 var inputBox = "border border-border rounded-xs text-text-primary";
@@ -204,9 +199,9 @@ var inputError = "";
 var inputHover = "";
 
 // src/components/Label.styles.ts
-import { cva as cva10 } from "@marigold/system";
+import { cva as cva9 } from "@marigold/system";
 var Label = {
-  container: cva10("", {
+  container: cva9("", {
     variants: {
       variant: {
         default: "",
@@ -239,12 +234,12 @@ var Label = {
       }
     ]
   }),
-  indicator: cva10()
+  indicator: cva9()
 };
 
 // src/components/Link.styles.ts
-import { cva as cva11 } from "@marigold/system";
-var Link = cva11(["font-medium"], {
+import { cva as cva10 } from "@marigold/system";
+var Link = cva10(["font-medium"], {
   variants: {
     variant: {
       default: "underline underline-offset-4 transition-all hover:text-slate-700",
@@ -277,25 +272,25 @@ var Link = cva11(["font-medium"], {
 });
 
 // src/components/List.styles.ts
-import { cva as cva12 } from "@marigold/system";
+import { cva as cva11 } from "@marigold/system";
 var List = {
-  ul: cva12("list-inside list-none"),
-  ol: cva12(""),
-  item: cva12("list-none py-0.5")
+  ul: cva11("list-inside list-none"),
+  ol: cva11(""),
+  item: cva11("list-none py-0.5")
 };
 
 // src/components/ListBox.styles.ts
-import { cva as cva13 } from "@marigold/system";
+import { cva as cva12 } from "@marigold/system";
 var ListBox = {
-  container: cva13([
+  container: cva12([
     "bg-bg-surface-overlay border-border rounded-xs border drop-shadow-lg"
   ]),
-  list: cva13([
+  list: cva12([
     "outline-hidden",
     "p-1",
     "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
   ]),
-  item: cva13(
+  item: cva12(
     [
       "text-text-primary",
       "cursor-pointer rounded-xs outline-hidden",
@@ -314,14 +309,14 @@ var ListBox = {
       }
     }
   ),
-  section: cva13(),
-  header: cva13()
+  section: cva12(),
+  header: cva12()
 };
 
 // src/components/Menu.styles.ts
-import { cva as cva14 } from "@marigold/system";
+import { cva as cva13 } from "@marigold/system";
 var Menu = {
-  container: cva14(
+  container: cva13(
     [
       "border-border bg-bg-surface overflow-hidden rounded-md border px-1 py-1.5 text-sm shadow-md",
       "sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]"
@@ -334,33 +329,33 @@ var Menu = {
       }
     }
   ),
-  item: cva14("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", {
+  item: cva13("focus:bg-bg-hover cursor-pointer rounded-xs p-2 outline-hidden", {
     variants: {
       variant: {
         command: ["aria-selected:bg-bg-hover px-4 py-1.5"]
       }
     }
   }),
-  section: cva14("", {
+  section: cva13("", {
     variants: {
       variant: {
         command: "[&_[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"
       }
     }
   }),
-  button: cva14(
+  button: cva13(
     "text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1"
   )
 };
 
 // src/components/Modal.styles.ts
-import { cva as cva15 } from "@marigold/system";
-var Modal = cva15();
+import { cva as cva14 } from "@marigold/system";
+var Modal = cva14();
 
 // src/components/SectionMessage.styles.ts
-import { cva as cva16 } from "@marigold/system";
+import { cva as cva15 } from "@marigold/system";
 var SectionMessage = {
-  container: cva16(
+  container: cva15(
     [
       "not-prose items-center rounded-lg p-4",
       'grid-cols-[min-content_auto] gap-1 [grid-template-areas:"icon_title_title""none_content_content"]'
@@ -374,15 +369,15 @@ var SectionMessage = {
       }
     }
   ),
-  icon: cva16("size-6"),
-  title: cva16("mb-1 font-bold leading-none tracking-tight"),
-  content: cva16("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
-  close: cva16("h-5 w-5 text-center")
+  icon: cva15("size-6"),
+  title: cva15("mb-1 font-bold leading-none tracking-tight"),
+  content: cva15("text-sm [&_p]:leading-relaxed [&_code]:text-xs"),
+  close: cva15("h-5 w-5 text-center")
 };
 
 // src/components/Popover.styles.ts
-import { cva as cva17 } from "@marigold/system";
-var Popover = cva17([
+import { cva as cva16 } from "@marigold/system";
+var Popover = cva16([
   "animate-in",
   "placement-t:-translate-y-1",
   "placement-b:translate-y-1",
@@ -391,9 +386,9 @@ var Popover = cva17([
 ]);
 
 // src/components/Select.styles.ts
-import { cva as cva18 } from "@marigold/system";
+import { cva as cva17 } from "@marigold/system";
 var Select = {
-  icon: cva18("text-secondary-400", {
+  icon: cva17("text-secondary-400", {
     variants: {
       variant: {
         default: "",
@@ -409,7 +404,7 @@ var Select = {
       size: "default"
     }
   }),
-  select: cva18([inputBox, inputBackground, inputDisabled, "outline-hidden"], {
+  select: cva17([inputBox, inputBackground, inputDisabled, "outline-hidden"], {
     variants: {
       variant: {
         default: "gap-2",
@@ -447,18 +442,18 @@ var Select = {
 };
 
 // src/components/Tabs.styles.ts
-import { cva as cva19 } from "@marigold/system";
+import { cva as cva18 } from "@marigold/system";
 var Tabs = {
-  container: cva19("", {
+  container: cva18("", {
     variants: {
       variant: {
         demo: "my-6"
       }
     }
   }),
-  tabpanel: cva19(""),
-  tabsList: cva19("mb-4 border-b"),
-  tab: cva19([
+  tabpanel: cva18(""),
+  tabsList: cva18("mb-4 border-b"),
+  tab: cva18([
     "text-text-primary-muted aria-selected:text-text-primary px-2 py-1 text-sm font-medium",
     "aria-selected:border-border-primary -m-px border-b-2 border-transparent",
     "focus:outline-hidden focus-visible:outline"
@@ -466,24 +461,24 @@ var Tabs = {
 };
 
 // src/components/Table.styles.ts
-import { cva as cva20 } from "@marigold/system";
+import { cva as cva19 } from "@marigold/system";
 var Table = {
-  table: cva20([
+  table: cva19([
     "w-full overflow-hidden rounded-lg bg-white/40 text-sm",
     "border-secondary-200 border-separate border-spacing-0 border"
   ]),
-  thead: cva20(),
-  headerRow: cva20(),
-  header: cva20("px-3 pb-2 pt-3 text-start"),
-  body: cva20(),
-  row: cva20([], {
+  thead: cva19(),
+  headerRow: cva19(),
+  header: cva19("px-3 pb-2 pt-3 text-start"),
+  body: cva19(),
+  row: cva19([], {
     variants: {
       variant: {
         hover: "hover:bg-neutral-100/80 "
       }
     }
   }),
-  cell: cva20(
+  cell: cva19(
     ["text-text-primary px-3 py-3.5 text-xs", "border-secondary-200 border-t"],
     {
       variants: {
@@ -496,8 +491,8 @@ var Table = {
 };
 
 // src/components/Text.styles.ts
-import { cva as cva21 } from "@marigold/system";
-var Text = cva21("leading-7", {
+import { cva as cva20 } from "@marigold/system";
+var Text = cva20("leading-7", {
   variants: {
     variant: {
       lead: "text-muted-foreground text-xl",
@@ -509,14 +504,14 @@ var Text = cva21("leading-7", {
 });
 
 // src/components/Underlay.styles.ts
-import { cva as cva22 } from "@marigold/system";
-var Underlay = cva22(
+import { cva as cva21 } from "@marigold/system";
+var Underlay = cva21(
   "bg-bg-underlay/50 backdrop-blur-xs"
 );
 
 // src/components/Badge.styles.ts
-import { cva as cva23 } from "@marigold/system";
-var Badge = cva23(
+import { cva as cva22 } from "@marigold/system";
+var Badge = cva22(
   "inline-flex items-center truncate rounded-[20px] px-2 py-0.5",
   {
     variants: {
@@ -536,8 +531,8 @@ var Badge = cva23(
 );
 
 // src/root.ts
-import { cva as cva24 } from "@marigold/system";
-var root = cva24("text-text-primary bg-bg-body");
+import { cva as cva23 } from "@marigold/system";
+var root = cva23("text-text-primary bg-bg-body");
 
 // src/theme.ts
 var theme = {

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/CloseButton.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/IconButton.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/Modal.styles.ts","../src/components/SectionMessage.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/theme.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Header.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.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 './Modal.styles';\nexport * from './SectionMessage.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(\n  'flex gap-2 rounded-xs px-3 py-2',\n  {\n    variants: {\n      variant: {\n        ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\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        icon: 'border-none translate-y-0.5 outline-none p-0',\n      },\n      size: {\n        small: 'px-3 py-1.5 text-sm',\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['relative w-full overflow-hidden rounded-xl'],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n        hovering:\n          'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n        content:\n          'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n        outline: 'bg-white/40 my-6 border border-secondary-200',\n        lowered: 'bg-bg-surface-raised-lowered p-6',\n        image: '',\n      },\n      size: {\n        default: '',\n        full: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute top-4 right-4 ml-4', {\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',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(''),\n  title: cva(''),\n  content: cva(''),\n  actions: cva(''),\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs 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(['font-medium'], {\n  variants: {\n    variant: {\n      default:\n        'underline underline-offset-4 transition-all hover:text-slate-700',\n      primary:\n        'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n      secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n      toc: [\n        'text-secondary-500 hover:text-secondary-800 text-xs',\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',\n        'transition-all hover:bg-purple-600',\n      ],\n      ghost: 'hover:underline underline-offset-4',\n      shiny:\n        'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n    },\n    size: {\n      inline: '',\n      xsmall: 'rounded-full text-xs py-1.5 px-4',\n      small: 'px-3 py-1.5 text-sm rounded-xs',\n      regular: 'px-3 py-2 rounded-xs',\n      large: 'px-8 py-3.5 rounded-xs',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'inline',\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-xs border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-hidden',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  item: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded-xs outline-hidden',\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  header: 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-xs p-2 outline-hidden', {\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  button: cva(\n    'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\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 [&_code]:text-xs'),\n  close: cva('h-5 w-5 text-center'),\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-hidden'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow-xs',\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-hidden 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  thead: cva(),\n  headerRow: cva(),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  body: cva(),\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('leading-7', {\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n  'bg-bg-underlay/50 backdrop-blur-xs'\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-inverted text-white',\n        warning: 'bg-bg-warning',\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';\n\nexport const theme: Theme = {\n  name: 'docs',\n  root,\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"]}
+{"version":3,"sources":["../src/components/index.ts","../src/components/Button.styles.ts","../src/components/Card.styles.ts","../src/components/CloseButton.styles.ts","../src/components/Dialog.styles.ts","../src/components/Headline.styles.ts","../src/components/Field.styles.ts","../src/components/HelpText.styles.ts","../src/components/IconButton.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/Modal.styles.ts","../src/components/SectionMessage.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/theme.ts","../src/index.ts"],"sourcesContent":["export * from './Button.styles';\nexport * from './Card.styles';\nexport * from './CloseButton.styles';\nexport * from './Dialog.styles';\nexport * from './Headline.styles';\nexport * from './Field.styles';\nexport * from './HelpText.styles';\nexport * from './IconButton.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 './Modal.styles';\nexport * from './SectionMessage.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(\n  'flex gap-2 rounded-xs px-3 py-2',\n  {\n    variants: {\n      variant: {\n        ghost: 'text-secondary-700 hover:text-secondary-900 p-0',\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        icon: 'border-none translate-y-0.5 outline-none p-0',\n      },\n      size: {\n        small: 'px-3 py-1.5 text-sm',\n      },\n    },\n  }\n);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Card: ThemeComponent<'Card'> = cva(\n  ['relative w-full overflow-hidden rounded-xl'],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-bg-surface-raised p-6 shadow-xs border border-secondary-300',\n        hovering:\n          'bg-bg-surface-raised p-6 shadow-xs transition-shadow hover:cursor-pointer hover:shadow-md border border-secondary-300',\n        content:\n          'bg-bg-surface-raised my-6 shadow-xs border border-secondary-300',\n        outline: 'bg-white/40 my-6 border border-secondary-200',\n        lowered: 'bg-bg-surface-raised-lowered p-6',\n        image: '',\n      },\n      size: {\n        default: '',\n        full: 'size-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n","import type { ThemeComponent } from '@marigold/system';\nimport { cva } from '@marigold/system';\n\nexport const CloseButton: ThemeComponent<'CloseButton'> = cva([\n  'flex items-center justify-center whitespace-nowrap',\n  'cursor-pointer',\n  'transition-[color,box-shadow]',\n  'mixin-ring-focus-visible',\n  'rounded',\n  '[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100',\n]);\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Dialog: ThemeComponent<'Dialog'> = {\n  closeButton: cva('absolute top-4 right-4 ml-4', {\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',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }),\n  header: cva(''),\n  title: cva(''),\n  content: cva(''),\n  actions: cva(''),\n};\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const IconButton: ThemeComponent<'IconButton'> = cva();\n","// Box\n// ---------------\nexport const inputBox = 'border border-border rounded-xs 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(['font-medium'], {\n  variants: {\n    variant: {\n      default:\n        'underline underline-offset-4 transition-all hover:text-slate-700',\n      primary:\n        'bg-text-primary text-white leading-none hover:bg-slate-700 transition-all',\n      secondary: 'border-text-primary border-2 leading-none hover:bg-slate-100',\n      toc: [\n        'text-secondary-500 hover:text-secondary-800 text-xs',\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',\n        'transition-all hover:bg-purple-600',\n      ],\n      ghost: 'hover:underline underline-offset-4',\n      shiny:\n        'border border-slate-200 bg-slate-100 hover:bg-slate-200 transition-all ease-in',\n    },\n    size: {\n      inline: '',\n      xsmall: 'rounded-full text-xs py-1.5 px-4',\n      small: 'px-3 py-1.5 text-sm rounded-xs',\n      regular: 'px-3 py-2 rounded-xs',\n      large: 'px-8 py-3.5 rounded-xs',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'inline',\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-xs border drop-shadow-lg',\n  ]),\n  list: cva([\n    'outline-hidden',\n    'p-1',\n    'sm:max-h-[45vh] md:max-h-[75vh] lg:max-h-[75vh]',\n  ]),\n  item: cva(\n    [\n      'text-text-primary',\n      'cursor-pointer rounded-xs outline-hidden',\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  header: 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-xs p-2 outline-hidden', {\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  button: cva(\n    'text-secondary-700 hover:bg-secondary-400/20 h-8 rounded-lg px-1'\n  ),\n};\n","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Modal: ThemeComponent<'Modal'> = cva();\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 [&_code]:text-xs'),\n  close: cva('h-5 w-5 text-center'),\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-hidden'], {\n    variants: {\n      variant: {\n        default: 'gap-2',\n        floating: [\n          'shadow-xs',\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-hidden 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  thead: cva(),\n  headerRow: cva(),\n  header: cva('px-3 pb-2 pt-3 text-start'),\n  body: cva(),\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('leading-7', {\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","import { ThemeComponent, cva } from '@marigold/system';\n\nexport const Underlay: ThemeComponent<'Underlay'> = cva(\n  'bg-bg-underlay/50 backdrop-blur-xs'\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-inverted text-white',\n        warning: 'bg-bg-warning',\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';\n\nexport const theme: Theme = {\n  name: 'docs',\n  root,\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-docs",
-  "version": "3.1.1",
+  "version": "3.1.4",
   "description": "Marigold Docs Theme",
   "license": "MIT",
   "keywords": [
@@ -42,17 +42,17 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "4.1.11",
-    "cssnano": "7.0.7",
+    "cssnano": "7.1.0",
     "postcss-cli": "11.0.1",
     "postcss-prefix-selector": "2.1.1",
     "tailwindcss": "4.1.11",
-    "tsup": "8.4.0",
-    "@marigold/tsconfig": "0.4.0"
+    "tsup": "8.5.0",
+    "@marigold/tsconfig": "0.4.1"
   },
   "dependencies": {
-    "@marigold/components": "14.0.0",
-    "@marigold/system": "14.0.0",
-    "@marigold/theme-plugins": "1.0.1"
+    "@marigold/components": "15.0.0",
+    "@marigold/system": "15.0.0",
+    "@marigold/theme-plugins": "1.0.2"
   },
   "scripts": {
     "build": "NODE_ENV=production tsup && postcss -o dist/styles.css src/styles.css && cp src/theme.css dist/theme.css"