npm - @marigold/theme-rui - Versions diffs - 2.2.0 → 3.0.0 - Mend

@marigold/theme-rui 2.2.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/index.js CHANGED Viewed

@@ -1,1318 +1,1151 @@
-"use strict";
+Object.defineProperty(exports, '__esModule', { value: true });
+//#region rolldown:runtime
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  default: () => index_default,
-  theme: () => theme
-});
-module.exports = __toCommonJS(index_exports);
-// src/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  Accordion: () => Accordion,
-  Badge: () => Badge,
-  Breadcrumbs: () => Breadcrumbs,
-  Button: () => Button,
-  Calendar: () => Calendar,
-  Card: () => Card,
-  Checkbox: () => Checkbox,
-  CloseButton: () => CloseButton,
-  Collapsible: () => Collapsible,
-  ComboBox: () => ComboBox,
-  ContextualHelp: () => ContextualHelp,
-  DateField: () => DateField,
-  DatePicker: () => DatePicker,
-  Dialog: () => Dialog,
-  Divider: () => Divider,
-  Drawer: () => Drawer,
-  Field: () => Field,
-  Headline: () => Headline,
-  HelpText: () => HelpText,
-  IconButton: () => IconButton,
-  Input: () => Input,
-  Label: () => Label,
-  Link: () => Link,
-  List: () => List,
-  ListBox: () => ListBox,
-  Menu: () => Menu,
-  Modal: () => Modal,
-  MultiSelect: () => MultiSelect,
-  NumberField: () => NumberField,
-  Pagination: () => Pagination,
-  Popover: () => Popover,
-  ProgressCycle: () => ProgressCycle,
-  Radio: () => Radio,
-  SectionMessage: () => SectionMessage,
-  Select: () => Select,
-  Slider: () => Slider,
-  Switch: () => Switch,
-  Table: () => Table,
-  Tabs: () => Tabs,
-  Tag: () => Tag,
-  Text: () => Text,
-  TextArea: () => TextArea,
-  Toast: () => Toast,
-  Tooltip: () => Tooltip,
-  Underlay: () => Underlay,
-  XLoader: () => XLoader
-});
+//#endregion
+let __marigold_system = require("@marigold/system");
+__marigold_system = __toESM(__marigold_system);
-// src/components/Accordion.styles.ts
-var import_system = require("@marigold/system");
-var Accordion = {
-  container: (0, import_system.cva)("flex-col", {
-    variants: {
-      variant: {
-        default: "",
-        card: "space-y-2"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }),
-  item: (0, import_system.cva)("border-b last:border-b-0 border-border ", {
-    variants: {
-      variant: {
-        default: "",
-        card: [
-          "rounded-md border px-4 py-1 outline-none last:border-b",
-          // TODO: focus is still shown even if an item within the item is focused
-          "has-focus-visible:util-focus-ring outline-none"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }),
-  header: (0, import_system.cva)(
-    [
-      "flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer",
-      "text-left text-sm font-semibold leading-6 transition-all",
-      "hover:no-underline",
-      "disabled:cursor-not-allowed disabled:text-disabled-foreground"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "focus-visible:util-focus-ring outline-none",
-          card: "outline-none"
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  ),
-  content: (0, import_system.cva)("in-data-[expanded]:pb-2"),
-  icon: (0, import_system.cva)(
-    "pointer-events-none shrink-0 opacity-60 transition-transform duration-200"
-  )
+//#region src/components/Accordion.styles.ts
+const Accordion = {
+	container: (0, __marigold_system.cva)("flex-col", {
+		variants: { variant: {
+			default: "",
+			card: "space-y-2"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	item: (0, __marigold_system.cva)("bg-background border-b last:border-b-0 border-border", {
+		variants: { variant: {
+			default: "",
+			card: ["rounded-md border px-4 py-1 outline-none last:border-b", "has-focus-visible:util-focus-ring outline-none"]
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	header: (0, __marigold_system.cva)([
+		"flex w-full items-center justify-between gap-4 rounded-md py-2 cursor-pointer text-foreground",
+		"text-left text-base font-semibold leading-6 transition-all",
+		"hover:no-underline",
+		"disabled:cursor-not-allowed disabled:text-disabled-foreground"
+	], {
+		variants: { variant: {
+			default: "focus-visible:util-focus-ring outline-none",
+			card: "outline-none"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	content: (0, __marigold_system.cva)("in-data-[expanded]:pb-2"),
+	icon: (0, __marigold_system.cva)("pointer-events-none shrink-0 opacity-60 transition-transform duration-200")
 };
-// src/components/Badge.styles.ts
-var import_system2 = require("@marigold/system");
-var Badge = (0, import_system2.cva)(
-  [
-    "inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors",
-    "focus-visible:util-focus-ring outline-none"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-muted text-foreground border border-border",
-        primary: "bg-brand text-brand-foreground ",
-        success: "bg-success-muted text-success-muted-foreground",
-        warning: "bg-warning-muted text-warning-muted-foreground",
-        info: "bg-info-muted text-info-muted-foreground",
-        error: "bg-destructive-muted text-destructive-muted-foreground",
-        admin: "text-access-admin-foreground border border-access-admin-foreground",
-        master: "text-access-master-foreground border border-access-master-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+//#endregion
+//#region src/components/Badge.styles.ts
+const Badge = (0, __marigold_system.cva)(["inline-flex items-center justify-center rounded-full px-2 text-xs font-medium leading-normal transition-colors", "focus-visible:util-focus-ring outline-none"], {
+	variants: { variant: {
+		default: "bg-muted text-foreground border border-border",
+		primary: "bg-brand text-brand-foreground ",
+		success: "bg-success-muted text-success-muted-foreground",
+		warning: "bg-warning-muted text-warning-muted-foreground",
+		info: "bg-info-muted text-info-muted-foreground",
+		error: "bg-destructive-muted text-destructive-muted-foreground",
+		admin: "text-access-admin-foreground border border-access-admin-foreground bg-background",
+		master: "text-access-master-foreground border border-access-master-foreground bg-background"
+	} },
+	defaultVariants: { variant: "default" }
+});
-// src/components/Button.styles.ts
-var import_system3 = require("@marigold/system");
-var Button = (0, import_system3.cva)(
-  [
-    "inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]",
-    "duration-150 active:scale-[0.98] pressed:scale-[0.98]",
-    "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-    "focus-visible:util-focus-ring outline-none disabled:util-disabled",
-    "pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none",
-    "cursor-pointer"
-  ],
-  {
-    variants: {
-      variant: {
-        primary: "bg-brand text-brand-foreground shadow-xs hover:bg-brand/90",
-        secondary: "border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover",
-        destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
-        ghost: "hover:bg-hover hover:text-foreground",
-        link: "text-link util-touch-hitbox"
-      },
-      size: {
-        default: "text-sm",
-        small: "text-xs",
-        large: "",
-        icon: ""
-      }
-    },
-    defaultVariants: {
-      variant: "secondary",
-      size: "default"
-    },
-    compoundVariants: [
-      {
-        variant: ["primary", "secondary", "destructive", "ghost"],
-        class: "items-center justify-center"
-      },
-      {
-        variant: ["primary", "secondary", "destructive", "ghost"],
-        size: "default",
-        class: "h-button px-4 py-2 [&_svg]:size-4"
-      },
-      {
-        variant: ["primary", "secondary", "destructive", "ghost"],
-        size: "small",
-        class: "h-button-small px-3 [&_svg]:size-3.5"
-      },
-      {
-        variant: ["primary", "secondary", "destructive", "ghost"],
-        size: "large",
-        class: "h-button-large px-8 [&_svg]:size-5"
-      },
-      {
-        variant: ["primary", "secondary", "destructive", "ghost"],
-        size: "icon",
-        class: "size-button [&_svg]:size-4"
-      }
-    ]
-  }
-);
+//#endregion
+//#region src/components/Button.styles.ts
+const Button = (0, __marigold_system.cva)([
+	"inline-flex items-center justify-center gap-2",
+	"whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]",
+	"duration-150 active:scale-[0.98] pressed:scale-[0.98]",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0",
+	"focus-visible:util-focus-ring outline-none disabled:util-disabled",
+	"pending:text-disabled-foreground pending:bg-disabled pending:cursor-not-allowed pending:border-none",
+	"cursor-pointer"
+], {
+	variants: {
+		variant: {
+			primary: "bg-brand text-brand-foreground shadow-xs hover:bg-brand/90",
+			secondary: "border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover",
+			destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+			ghost: "hover:bg-hover hover:text-foreground",
+			link: "text-link util-touch-hitbox"
+		},
+		size: {
+			default: "text-sm",
+			small: "text-xs",
+			large: "",
+			icon: ""
+		}
+	},
+	defaultVariants: {
+		variant: "secondary",
+		size: "default"
+	},
+	compoundVariants: [
+		{
+			variant: [
+				"primary",
+				"secondary",
+				"destructive",
+				"ghost"
+			],
+			class: "items-center justify-center"
+		},
+		{
+			variant: [
+				"primary",
+				"secondary",
+				"destructive",
+				"ghost"
+			],
+			size: "default",
+			class: "h-button px-4 py-2 [&_svg]:size-4"
+		},
+		{
+			variant: [
+				"primary",
+				"secondary",
+				"destructive",
+				"ghost"
+			],
+			size: "small",
+			class: "h-button-small px-3 [&_svg]:size-3.5"
+		},
+		{
+			variant: [
+				"primary",
+				"secondary",
+				"destructive",
+				"ghost"
+			],
+			size: "large",
+			class: "h-button-large px-8 [&_svg]:size-5"
+		},
+		{
+			variant: [
+				"primary",
+				"secondary",
+				"destructive",
+				"ghost"
+			],
+			size: "icon",
+			class: "size-button [&_svg]:size-4"
+		}
+	]
+});
-// src/components/Card.styles.ts
-var import_system4 = require("@marigold/system");
-var Card = (0, import_system4.cva)(
-  ["p-4 rounded-md", "util-surface-raised"],
-  {
-    variants: {
-      size: {
-        default: "",
-        full: "w-full"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
+//#endregion
+//#region src/components/Card.styles.ts
+const Card = (0, __marigold_system.cva)(["p-4 rounded-md"], {
+	variants: {
+		variant: {
+			default: "util-surface-raised",
+			master: "rounded-md bg-access-master/30 p-4 border border-access-master",
+			admin: "rounded-md bg-access-admin/30 p-4 border border-access-admin"
+		},
+		size: {
+			default: "",
+			full: "w-full"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
-// src/components/Checkbox.styles.ts
-var import_system5 = require("@marigold/system");
-var Checkbox = {
-  checkbox: (0, import_system5.cva)([
-    "grid size-4 shrink-0 place-content-center rounded",
-    "border border-input shadow-xs",
-    "group-focus-visible/checkbox:util-focus-ring outline-none",
-    "group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed",
-    "group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground",
-    "group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground"
-  ]),
-  container: (0, import_system5.cva)("cursor-pointer read-only:cursor-default gap-2"),
-  label: (0, import_system5.cva)([
-    "flex items-center gap-1",
-    'text-sm leading-4 group-[group="checkbox"]/checkboxgroup:font-normal font-medium text-foregroun',
-    "group-disabled/checkbox:text-disabled-foreground"
-  ]),
-  group: (0, import_system5.cva)()
+//#endregion
+//#region src/components/Checkbox.styles.ts
+const Checkbox = {
+	checkbox: (0, __marigold_system.cva)([
+		"grid size-4 shrink-0 place-content-center rounded",
+		"border border-input shadow-xs",
+		"group-focus-visible/checkbox:util-focus-ring outline-none",
+		"group-disabled/checkbox:group-selected/checkbox:bg-disabled group-disabled/checkbox:border-disabled! group-disabled/checkbox:text-disabled-foreground group-disabled/checkbox:cursor-not-allowed",
+		"group-selected/checkbox:border-brand group-selected/checkbox:bg-brand group-selected/checkbox:text-brand-foreground",
+		"group-[indeterminate]/checkbox:border-brand group-[indeterminate]/checkbox:bg-brand group-[indeterminate]/checkbox:text-brand-foreground"
+	]),
+	container: (0, __marigold_system.cva)("cursor-pointer read-only:cursor-default gap-2"),
+	label: (0, __marigold_system.cva)([
+		"flex items-center gap-1",
+		"text-sm leading-4 group-[group=\"checkbox\"]/checkboxgroup:font-normal font-medium text-foregroun",
+		"group-disabled/checkbox:text-disabled-foreground"
+	]),
+	group: (0, __marigold_system.cva)()
 };
-// src/components/Calendar.styles.ts
-var import_system6 = require("@marigold/system");
-var Calendar = {
-  calendar: (0, import_system6.cva)(
-    "rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2"
-  ),
-  calendarCell: (0, import_system6.cva)([
-    "relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center",
-    "border border-transparent p-0 text-sm font-normal text-foreground",
-    "outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]",
-    "disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through",
-    "disabled:opacity-30 data-[unavailable]:opacity-30",
-    "focus-visible:util-focus-borderless-ring outline-none"
-  ]),
-  calendarControllers: (0, import_system6.cva)([
-    "size-9 rounded-lg",
-    "text-muted-foreground/80",
-    "transition-colors",
-    "focus-visible:util-focus-ring outline-none"
-  ]),
-  calendarHeader: (0, import_system6.cva)([
-    "size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80"
-  ]),
-  calendarGrid: (0, import_system6.cva)("[&_td]:p-2"),
-  calendarListboxButton: (0, import_system6.cva)([
-    "rounded-md text-sm font-medium transition-[color,box-shadow]",
-    "px-4 py-2",
-    "focus-visible:util-focus-ring outline-none",
-    "cursor-pointer",
-    "hover:bg-hover",
-    "aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90"
-  ]),
-  select: (0, import_system6.cva)([
-    "[&svg]:text-muted-foreground/80",
-    "flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow",
-    "focus-visible:util-focus-ring outline-none",
-    "h-input",
-    "disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled",
-    "cursor-pointer"
-  ])
+//#endregion
+//#region src/components/Calendar.styles.ts
+const Calendar = {
+	calendar: (0, __marigold_system.cva)("rounded-md border group-[[data-trigger]]/popover:border-0 border-border p-2"),
+	calendarCell: (0, __marigold_system.cva)([
+		"relative flex size-9 items-center justify-center whitespace-nowrap rounded-lg justify-self-center",
+		"border border-transparent p-0 text-sm font-normal text-foreground",
+		"outline-offset-2 duration-150 [transition-property:color,background-color,border-radius,box-shadow]",
+		"disabled:pointer-events-none data-[unavailable]:pointer-events-none data-focus-visible:z-10 data-[hovered]:bg-hover selected:bg-brand data-[hovered]:text-foreground selected:text-brand-foreground data-[unavailable]:line-through",
+		"disabled:opacity-30 data-[unavailable]:opacity-30",
+		"focus-visible:util-focus-borderless-ring outline-none"
+	]),
+	calendarControllers: (0, __marigold_system.cva)([
+		"size-9 rounded-lg",
+		"text-muted-foreground/80",
+		"transition-colors",
+		"focus-visible:util-focus-ring outline-none"
+	]),
+	calendarHeader: (0, __marigold_system.cva)(["size-9 rounded-lg p-0 text-xs font-medium text-muted-foreground/80"]),
+	calendarGrid: (0, __marigold_system.cva)("[&_td]:p-2"),
+	calendarListboxButton: (0, __marigold_system.cva)([
+		"rounded-md text-sm font-medium transition-[color,box-shadow]",
+		"px-4 py-2",
+		"focus-visible:util-focus-ring outline-none",
+		"cursor-pointer",
+		"hover:bg-hover",
+		"aria-selected:bg-brand aria-selected:text-brand-foreground aria-selected:shadow-xs aria-selected:hover:bg-brand/90"
+	]),
+	select: (0, __marigold_system.cva)([
+		"[&svg]:text-muted-foreground/80",
+		"flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow",
+		"focus-visible:util-focus-ring outline-none",
+		"h-input",
+		"disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled",
+		"cursor-pointer"
+	])
 };
-// src/components/CloseButton.styles.ts
-var import_system7 = require("@marigold/system");
-var CloseButton = (0, import_system7.cva)([
-  "flex items-center justify-center whitespace-nowrap",
-  "cursor-pointer",
-  "transition-[color,box-shadow]",
-  "mixin-ring-focus-visible",
-  "rounded",
-  "duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform",
-  "[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100"
+//#endregion
+//#region src/components/CloseButton.styles.ts
+const CloseButton = (0, __marigold_system.cva)([
+	"flex items-center justify-center whitespace-nowrap",
+	"cursor-pointer",
+	"transition-[color,box-shadow]",
+	"mixin-ring-focus-visible",
+	"rounded",
+	"duration-150 active:scale-[0.98] pressed:scale-[0.98] transition-transform",
+	"[&_svg]:size-4 [&_svg]:opacity-60 [&_svg]:transition-opacity hover:[&_svg]:opacity-100"
 ]);
-// src/components/ComboBox.styles.ts
-var import_system8 = require("@marigold/system");
-var ComboBox = (0, import_system8.cva)(
-  "text-muted-foreground/80 right-2"
-);
+//#endregion
+//#region src/components/ComboBox.styles.ts
+const ComboBox = (0, __marigold_system.cva)("text-muted-foreground/80 right-2");
-// src/components/Collapsible.styles.ts
-var import_system9 = require("@marigold/system");
-var Collapsible = {
-  container: (0, import_system9.cva)(),
-  trigger: (0, import_system9.cva)(
-    [
-      "inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]",
-      "duration-150 active:scale-[0.98] pressed:scale-[0.98]",
-      "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-      "focus-visible:util-focus-ring outline-none disabled:util-disabled",
-      "cursor-pointer"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "",
-          link: "text-link util-touch-hitbox"
-        },
-        size: {
-          default: "text-sm"
-        }
-      },
-      defaultVariants: {
-        variant: "default",
-        size: "default"
-      }
-    }
-  ),
-  content: (0, import_system9.cva)()
+//#endregion
+//#region src/components/Collapsible.styles.ts
+const Collapsible = {
+	container: (0, __marigold_system.cva)(),
+	trigger: (0, __marigold_system.cva)([
+		"inline-flex gap-2 whitespace-nowrap rounded-md font-medium transition-[color,box-shadow,transform]",
+		"duration-150 active:scale-[0.98] pressed:scale-[0.98]",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"focus-visible:util-focus-ring outline-none disabled:util-disabled",
+		"cursor-pointer"
+	], {
+		variants: {
+			variant: {
+				default: "",
+				link: "text-link util-touch-hitbox"
+			},
+			size: { default: "text-sm" }
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default"
+		}
+	}),
+	content: (0, __marigold_system.cva)()
 };
-// src/components/ContextualHelp.styles.ts
-var import_system10 = require("@marigold/system");
-var ContextualHelp = {
-  trigger: (0, import_system10.cva)(
-    [
-      "inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground",
-      "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-      "focus-visible:util-focus-ring outline-none",
-      "cursor-pointer"
-    ],
-    {
-      variants: {
-        variant: {
-          help: "",
-          info: ""
-        },
-        size: {
-          default: "size-button [&_svg]:size-4",
-          small: "size-button-small [&_svg]:size-3.5",
-          large: "size-button-large [&_svg]:size-5"
-        }
-      },
-      defaultVariants: {
-        size: "default"
-      }
-    }
-  ),
-  popover: (0, import_system10.cva)(
-    "bg-white border border-gray-200 p-3 rounded shadow-md z-50 data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md"
-  ),
-  dialog: (0, import_system10.cva)("text-sm leading-normal"),
-  title: (0, import_system10.cva)("text-lg font-semibold mb-1"),
-  content: (0, import_system10.cva)("text-sm")
+//#endregion
+//#region src/components/ContextualHelp.styles.ts
+const ContextualHelp = {
+	trigger: (0, __marigold_system.cva)([
+		"inline-flex items-center justify-center rounded-full transition-[color,box-shadow] hover:bg-hover hover:text-foreground",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"focus-visible:util-focus-ring outline-none",
+		"cursor-pointer"
+	], {
+		variants: {
+			variant: {
+				help: "",
+				info: ""
+			},
+			size: {
+				default: "size-button [&_svg]:size-4",
+				small: "size-button-small [&_svg]:size-3.5",
+				large: "size-button-large [&_svg]:size-5"
+			}
+		},
+		defaultVariants: { size: "default" }
+	}),
+	popover: (0, __marigold_system.cva)([
+		"flex flex-col gap-0 rounded-xl p-5 util-surface-overlay",
+		"data-[small]:max-w-3xs data-[medium]:max-w-xs data-[large]:max-w-md",
+		"overflow-y-auto util-scrollbar"
+	]),
+	container: (0, __marigold_system.cva)(""),
+	title: (0, __marigold_system.cva)("text-lg font-semibold mb-1"),
+	content: (0, __marigold_system.cva)("text-sm")
 };
-// src/components/DateField.styles.ts
-var import_system12 = require("@marigold/system");
-// src/components/Input.styles.ts
-var import_system11 = require("@marigold/system");
-var inputContainer = "flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted";
-var inputDisabled = "disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled";
-var inputInvalid = "group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20";
-var inputReadOnly = "group-read-only/field:bg-muted";
-var Input = {
-  input: (0, import_system11.cva)([
-    inputContainer,
-    inputDisabled,
-    inputInvalid,
-    "focus:util-focus-ring outline-none",
-    inputReadOnly,
-    "h-input",
-    "placeholder:text-placeholder",
-    "[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70",
-    "file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground",
-    "group-[[data-icon]]/input:pl-8",
-    "group-[[data-action]]/input:pr-7"
-  ]),
-  icon: (0, import_system11.cva)([
-    "pointer-events-none left-1",
-    "text-muted-foreground disabled:text-disabled-foreground"
-  ]),
-  action: (0, import_system11.cva)(["text-muted-foreground right-1"])
+//#endregion
+//#region src/components/Input.styles.ts
+const inputContainer = "flex w-full px-3 py-2 rounded-lg shadow-xs border border-input bg-background text-sm text-foreground transition-shadow group-read-only/field:bg-muted";
+const inputDisabled = "disabled:cursor-not-allowed disabled:text-disabled-foreground disabled:bg-disabled";
+const inputInvalid = "group-invalid/field:border-destructive group-invalid/field:focus:border-destructive group-invalid/field:focus:ring-destructive/20";
+const inputReadOnly = "group-read-only/field:bg-muted";
+const Input = {
+	input: (0, __marigold_system.cva)([
+		inputContainer,
+		inputDisabled,
+		inputInvalid,
+		"focus:util-focus-ring outline-none",
+		inputReadOnly,
+		"h-input",
+		"placeholder:text-placeholder",
+		"[&[type=file]]:cursor-pointer [&[type=file]]:border-solid [&[type=file]]:bg-background [&[type=file]]:p-0 [&[type=file]]:pr-3 [&[type=file]]:italic [&[type=file]]:text-muted-foreground/70",
+		"file:cursor-pointer file:me-3 file:h-full file:border-0 file:border-r file:border-solid file:border-input file:bg-transparent file:px-3 file:text-sm file:font-medium file:not-italic file:text-foreground",
+		"group-[[data-icon]]/input:pl-8",
+		"group-[[data-action]]/input:pr-7"
+	]),
+	icon: (0, __marigold_system.cva)(["pointer-events-none left-2", "text-muted-foreground disabled:text-disabled-foreground"]),
+	action: (0, __marigold_system.cva)(["text-muted-foreground pr-1"])
 };
-// src/components/DateField.styles.ts
-var DateField = {
-  field: (0, import_system12.cva)([
-    "h-input",
-    inputContainer,
-    inputDisabled,
-    "has-focus-visible:util-focus-ring outline-none",
-    inputInvalid,
-    inputReadOnly,
-    "invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20",
-    "data-[focus-within]:util-focus-ring outline-0"
-  ]),
-  segment: (0, import_system12.cva)([
-    inputDisabled,
-    "inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ",
-    "data-[focused]:bg-focus",
-    "data-[placeholder]:disabled:text-disabled-foreground",
-    "invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder",
-    "group/segment",
-    "outline-0",
-    "whitespace-pre",
-    "data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none"
-  ]),
-  action: (0, import_system12.cva)(
-    "fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive"
-  )
+//#endregion
+//#region src/components/DateField.styles.ts
+const DateField = {
+	field: (0, __marigold_system.cva)([
+		"h-input",
+		inputContainer,
+		inputDisabled,
+		"has-focus-visible:util-focus-ring outline-none",
+		inputInvalid,
+		inputReadOnly,
+		"invalid:focus-within:border-destructive invalid:focus-within:ring-destructive/20",
+		"data-[focus-within]:util-focus-ring outline-0"
+	]),
+	segment: (0, __marigold_system.cva)([
+		inputDisabled,
+		"inline rounded p-0.5 text-foreground caret-transparent outline-0 data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground  data-[type=literal]:text-placeholder ",
+		"data-[focused]:bg-focus",
+		"data-[placeholder]:disabled:text-disabled-foreground",
+		"invalid:data-[focused]:bg-destructive invalid:data-[focused]:data-[placeholder]:text-destructive-foreground invalid:data-[focused]:text-destructive-foreground invalid:placeholder:text-destructive invalid:text-destructive data-[placeholder]:text-placeholder",
+		"group/segment",
+		"outline-0",
+		"whitespace-pre",
+		"data-[placeholder]:text-placeholder text-foreground data-[focused]:bg-focus data-[focused]:text-foreground rounded leading-none"
+	]),
+	action: (0, __marigold_system.cva)("fill-muted-foreground disabled:text-disabled-foreground group-invalid/field:fill-destructive")
 };
-// src/components/DatePicker.styles.ts
-var import_system13 = require("@marigold/system");
-var DatePicker = (0, import_system13.cva)([
-  "relative h-input -top-2",
-  "text-muted-foreground/80",
-  "hover:text-brand",
-  "disabled:cursor-not-allowed"
+//#endregion
+//#region src/components/DatePicker.styles.ts
+const DatePicker = (0, __marigold_system.cva)([
+	"relative h-input -top-2",
+	"text-muted-foreground/80",
+	"hover:text-brand",
+	"disabled:cursor-not-allowed"
 ]);
-// src/components/Dialog.styles.ts
-var import_system14 = require("@marigold/system");
-var Dialog = {
-  closeButton: (0, import_system14.cva)(["absolute top-6 right-3", "size-7 "]),
-  container: (0, import_system14.cva)([
-    "flex flex-col gap-0 rounded-xl p-6 overflow-y-auto",
-    "util-surface-overlay"
-  ]),
-  header: (0, import_system14.cva)("flex flex-col gap-1 text-center sm:text-left"),
-  title: (0, import_system14.cva)("text-lg font-semibold mb-1", {
-    variants: {
-      variant: {},
-      size: {}
-    }
-  }),
-  content: (0, import_system14.cva)("text-muted-foreground text-sm"),
-  actions: (0, import_system14.cva)("flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4")
+//#endregion
+//#region src/components/Dialog.styles.ts
+const Dialog = {
+	closeButton: (0, __marigold_system.cva)(["absolute top-6 right-3", "size-7 "]),
+	container: (0, __marigold_system.cva)(["flex flex-col gap-0 rounded-xl p-6 overflow-y-auto", "util-surface-overlay"], { variants: {
+		variant: {},
+		size: {
+			xsmall: "",
+			small: "",
+			medium: ""
+		}
+	} }),
+	header: (0, __marigold_system.cva)("flex flex-col gap-1 text-center sm:text-left"),
+	title: (0, __marigold_system.cva)("text-lg font-semibold mb-1"),
+	content: (0, __marigold_system.cva)("text-muted-foreground text-sm"),
+	actions: (0, __marigold_system.cva)("flex flex-col-reverse gap-3 sm:flex-row sm:justify-end mt-4")
 };
-// src/components/Divider.styles.ts
-var import_system15 = require("@marigold/system");
-var Divider = (0, import_system15.cva)("bg-border h-px w-full", {
-  variants: {
-    variant: {
-      default: "",
-      bold: "h-0.5"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
+//#endregion
+//#region src/components/Divider.styles.ts
+const Divider = (0, __marigold_system.cva)("bg-border h-px w-full", {
+	variants: { variant: {
+		default: "",
+		bold: "h-0.5"
+	} },
+	defaultVariants: { variant: "default" }
 });
-// src/components/Drawer.styles.ts
-var import_system16 = require("@marigold/system");
-var Drawer = {
-  overlay: (0, import_system16.cva)([
-    "group/overlay z-40",
-    "data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0",
-    "data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0",
-    "data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0",
-    "data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0"
-  ]),
-  container: (0, import_system16.cva)(
-    [
-      "w-full relative grid-rows-[auto_1fr_auto]",
-      "util-surface-overlay",
-      "data-[placement=top]:w-full data-[placement=bottom]:w-full"
-    ],
-    {
-      variants: {
-        size: {
-          xsmall: "w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48",
-          small: "w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64",
-          medium: "w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80"
-        }
-      }
-    }
-  ),
-  closeButton: (0, import_system16.cva)(["absolute top-3.5 right-3 z-50", "size-7"]),
-  header: (0, import_system16.cva)("border-border border-b px-6 py-4"),
-  title: (0, import_system16.cva)("font-semibold text-base"),
-  content: (0, import_system16.cva)("px-6 py-4 overflow-y-auto outline-none"),
-  actions: (0, import_system16.cva)(
-    "flex flex-row gap-3 justify-end border-border border-t px-6 py-4"
-  )
+//#endregion
+//#region src/components/Drawer.styles.ts
+const Drawer = {
+	overlay: (0, __marigold_system.cva)([
+		"group/overlay z-40",
+		"data-[placement=top]:w-full data-[placement=top]:entering:animate-slide-in-top data-[placement=top]:exiting:animate-slide-out-top data-[placement=top]:top-0 data-[placement=top]:left-0",
+		"data-[placement=bottom]:w-full data-[placement=bottom]:entering:animate-slide-in-bottom data-[placement=bottom]:exiting:animate-slide-out-bottom data-[placement=bottom]:bottom-0 data-[placement=bottom]:left-0",
+		"data-[placement=left]:entering:animate-slide-in-left data-[placement=left]:exiting:animate-slide-out-left data-[placement=left]:top-0 data-[placement=left]:left-0",
+		"data-[placement=right]:entering:animate-slide-in-right data-[placement=right]:exiting:animate-slide-out-right data-[placement=right]:top-0 data-[placement=right]:right-0"
+	]),
+	container: (0, __marigold_system.cva)([
+		"w-full relative grid-rows-[auto_1fr_auto]",
+		"util-surface-overlay",
+		"data-[placement=top]:w-full data-[placement=bottom]:w-full"
+	], { variants: { size: {
+		xsmall: "w-64 data-[placement=top]:h-48 data-[placement=bottom]:h-48",
+		small: "w-72 data-[placement=top]:h-64 data-[placement=bottom]:h-64",
+		medium: "w-96 data-[placement=top]:h-80 data-[placement=bottom]:h-80"
+	} } }),
+	closeButton: (0, __marigold_system.cva)(["absolute top-3.5 right-3 z-50", "size-7"]),
+	header: (0, __marigold_system.cva)("border-border border-b px-6 py-4"),
+	title: (0, __marigold_system.cva)("font-semibold text-base"),
+	content: (0, __marigold_system.cva)("px-6 py-4 overflow-y-auto outline-none"),
+	actions: (0, __marigold_system.cva)("flex flex-row gap-3 justify-end border-border border-t px-6 py-4")
 };
-// src/components/IconButton.styles.ts
-var import_system17 = require("@marigold/system");
-var IconButton = (0, import_system17.cva)("", {
-  variants: {
-    variant: {
-      navigation: "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5"
-    }
-  }
-});
+//#endregion
+//#region src/components/IconButton.styles.ts
+const IconButton = (0, __marigold_system.cva)("", { variants: { variant: { navigation: "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors outline-offset-2 focus-visible:outline-2 outline-ring/30 disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:bg-hover hover:text-hover-foreground h-9 py-2 gap-1 px-2.5" } } });
-// src/components/Field.styles.ts
-var import_system18 = require("@marigold/system");
-var Field = (0, import_system18.cva)("space-y-2");
+//#endregion
+//#region src/components/Field.styles.ts
+const Field = (0, __marigold_system.cva)("space-y-2");
-// src/components/Headline.styles.ts
-var import_system19 = require("@marigold/system");
-var Headline = (0, import_system19.cva)("", {
-  variants: {
-    size: {
-      "level-1": "text-3xl font-extrabold",
-      "level-2": "text-2xl font-bold",
-      "level-3": "text-xl font-semibold",
-      "level-4": "text-lg font-semibold",
-      "level-5": "text-base font-medium",
-      "level-6": "text-base font-normal"
-    }
-  }
-});
+//#endregion
+//#region src/components/Headline.styles.ts
+const Headline = (0, __marigold_system.cva)("", { variants: { size: {
+	"level-1": "text-3xl font-extrabold",
+	"level-2": "text-2xl font-bold",
+	"level-3": "text-xl font-semibold",
+	"level-4": "text-lg font-semibold",
+	"level-5": "text-base font-medium",
+	"level-6": "text-base font-normal"
+} } });
-// src/components/HelpText.styles.ts
-var import_system20 = require("@marigold/system");
-var HelpText = {
-  container: (0, import_system20.cva)([
-    "text-xs text-muted-foreground group-disabled/field:text-disabled-foreground",
-    "group-invalid/field:text-destructive"
-  ]),
-  icon: (0, import_system20.cva)("")
+//#endregion
+//#region src/components/HelpText.styles.ts
+const HelpText = {
+	container: (0, __marigold_system.cva)([
+		"text-xs text-muted-foreground group-disabled/field:text-disabled-foreground",
+		"group-invalid/field:text-destructive",
+		"has-[+_[aria-hidden=\"true\"]]:mb-0"
+	]),
+	icon: (0, __marigold_system.cva)("")
 };
-// src/components/Label.styles.ts
-var import_system21 = require("@marigold/system");
-var Label = {
-  container: (0, import_system21.cva)([
-    "flex items-center gap-1",
-    "text-sm font-medium leading-none text-foreground",
-    "group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground"
-  ]),
-  indicator: (0, import_system21.cva)(
-    "group-required/field:block text-destructive align-super size-2.5"
-  )
+//#endregion
+//#region src/components/Label.styles.ts
+const Label = {
+	container: (0, __marigold_system.cva)([
+		"flex items-center gap-1",
+		"text-sm font-medium leading-none text-foreground",
+		"group-disabled/field:cursor-not-allowed group-disabled/field:text-disabled-foreground"
+	]),
+	indicator: (0, __marigold_system.cva)("group-required/field:block text-destructive -ml-1")
 };
-// src/components/Link.styles.ts
-var import_system22 = require("@marigold/system");
-var Link = (0, import_system22.cva)(
-  "aria-[disabled]:cursor-not-allowed",
-  {
-    variants: {
-      variant: {
-        default: "text-link font-normal",
-        secondary: "font-medium text-foreground underline hover:no-underline"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
+//#endregion
+//#region src/components/Link.styles.ts
+const Link = (0, __marigold_system.cva)("aria-[disabled]:cursor-not-allowed", {
+	variants: {
+		variant: {
+			default: "text-link font-normal",
+			secondary: "font-medium text-foreground underline hover:no-underline"
+		},
+		size: {
+			default: "",
+			small: "text-sm"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
-// src/components/List.styles.ts
-var import_system23 = require("@marigold/system");
-var List = {
-  ul: (0, import_system23.cva)("ml-6 list-outside list-disc"),
-  ol: (0, import_system23.cva)("ml-6 list-outside list-decimal"),
-  item: (0, import_system23.cva)("not-first:pt-3")
+//#endregion
+//#region src/components/List.styles.ts
+const List = {
+	ul: (0, __marigold_system.cva)("ml-6 list-outside list-disc space-y-1 marker:text-foreground/50", {
+		variants: { size: {
+			default: "",
+			small: "*:text-sm"
+		} },
+		defaultVariants: { size: "default" }
+	}),
+	ol: (0, __marigold_system.cva)("ml-6 list-outside list-decimal space-y-1 marker:text-foreground/50", {
+		variants: { size: {
+			default: "",
+			small: "*:text-sm"
+		} },
+		defaultVariants: { size: "default" }
+	}),
+	item: (0, __marigold_system.cva)("")
 };
-// src/components/ListBox.styles.ts
-var import_system24 = require("@marigold/system");
-var ListBox = {
-  container: (0, import_system24.cva)([
-    "overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0"
-  ]),
-  list: (0, import_system24.cva)(["bg-background p-1 text-sm outline-0"]),
-  item: (0, import_system24.cva)([
-    "relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground",
-    "[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block",
-    "selected:bg-selected selected:[&_.selection-indicator>svg]:visible",
-    "hover:bg-hover hover:text-hover-foreground",
-    "disabled:cursor-not-allowed disabled:text-disabled-foreground",
-    "focus-visible:util-focus-ring outline-none",
-    "cursor-default data-selection-mode:cursor-pointer"
-  ]),
-  section: (0, import_system24.cva)(""),
-  header: (0, import_system24.cva)(
-    "[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground"
-  )
+//#endregion
+//#region src/components/ListBox.styles.ts
+const ListBox = {
+	container: (0, __marigold_system.cva)(["overflow-hidden rounded-md border border-input group-[[data-trigger]]/popover:border-0"]),
+	list: (0, __marigold_system.cva)(["bg-background p-1 text-sm outline-0 space-y-px"]),
+	item: (0, __marigold_system.cva)([
+		"relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground",
+		"[&_.selection-indicator>svg]:invisible [&_.selection-indicator>svg]:block",
+		"selected:bg-selected selected:[&_.selection-indicator>svg]:visible",
+		"hover:bg-hover hover:text-hover-foreground",
+		"disabled:cursor-not-allowed disabled:text-disabled-foreground",
+		"focus-visible:util-focus-ring outline-none focus-visible:z-1",
+		"cursor-default data-selection-mode:cursor-pointer"
+	]),
+	section: (0, __marigold_system.cva)(""),
+	header: (0, __marigold_system.cva)("[&_header]:px-2 [&_header]:py-1.5 [&_header]:text-xs [&_header]:font-medium [&_header]:text-muted-foreground")
 };
-// src/components/Menu.styles.ts
-var import_system25 = require("@marigold/system");
-var Menu = {
-  container: (0, import_system25.cva)([
-    "text-foreground z-50 overflow-hidden rounded-md p-1 outline-none"
-  ]),
-  item: (0, import_system25.cva)([
-    "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden select-none",
-    "focus:bg-focus",
-    "disabled:text-disabled-foreground",
-    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 [&_svg]:opacity-60"
-  ]),
-  section: (0, import_system25.cva)(
-    "text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0"
-  ),
-  button: (0, import_system25.cva)(
-    [
-      "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]",
-      "[&_svg]:shrink-0 [&_svg]:pointer-events-none",
-      "focus-visible:util-focus-ring outline-none disabled:util-disabled",
-      "cursor-pointer"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover",
-          ghost: "hover:bg-hover hover:text-foreground expanded:bg-hover"
-        },
-        size: {
-          default: "h-button px-4 py-2 [&_svg]:size-4",
-          small: "h-button-small px-3 text-xs [&_svg]:size-3.5",
-          large: "h-button-large px-8 [&_svg]:size-5",
-          icon: "size-button [&_svg]:size-4"
-        }
-      },
-      defaultVariants: {
-        variant: "default",
-        size: "default"
-      }
-    }
-  )
+//#endregion
+//#region src/components/Menu.styles.ts
+const Menu = {
+	container: (0, __marigold_system.cva)(["text-foreground z-50 overflow-hidden rounded-md p-1 outline-none"]),
+	item: (0, __marigold_system.cva)([
+		"relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none text-nowrap",
+		"disabled:text-disabled-foreground",
+		"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4"
+	], {
+		variants: { variant: {
+			default: "text-foreground focus:bg-focus [&_svg]:opacity-60",
+			destructive: "text-destructive focus:bg-destructive/10"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	section: (0, __marigold_system.cva)("text-muted-foreground px-2 py-1.5 text-xs font-medium border-t border-t-border in-first:border-t-0"),
+	button: (0, __marigold_system.cva)([
+		"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow]",
+		"[&_svg]:shrink-0 [&_svg]:pointer-events-none",
+		"focus-visible:util-focus-ring outline-none disabled:util-disabled",
+		"cursor-pointer"
+	], {
+		variants: {
+			variant: {
+				default: "border border-input bg-background shadow-xs hover:bg-hover hover:text-foreground expanded:bg-hover",
+				ghost: "hover:bg-hover hover:text-foreground expanded:bg-hover"
+			},
+			size: {
+				default: "h-button px-4 py-2 [&_svg]:size-4",
+				small: "h-button-small px-3 text-xs [&_svg]:size-3.5",
+				large: "h-button-large px-8 [&_svg]:size-5",
+				icon: "size-button [&_svg]:size-4"
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default"
+		}
+	})
 };
-// src/components/Modal.styles.ts
-var import_system26 = require("@marigold/system");
-var Modal = (0, import_system26.cva)(
-  [
-    "sm:max-h-[min(640px,80vh)]",
-    "[--dialog-spacing-x:1rem]",
-    // Minimal padding to the horizontal edges
-    "w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]"
-  ],
-  {
-    variants: {
-      size: {
-        xsmall: "[--dialog-width:480px]",
-        // "xs" breakpoint
-        small: "[--dialog-width:640px]",
-        // sm breakpoint
-        medium: "[--dialog-width:768px]"
-        // md breakpoint
-      }
-    },
-    defaultVariants: {
-      size: "small"
-    }
-  }
-);
+//#endregion
+//#region src/components/Modal.styles.ts
+const Modal = (0, __marigold_system.cva)([
+	"sm:max-h-[min(640px,80vh)]",
+	"[--dialog-spacing-x:1rem]",
+	"w-[min(calc(100%_-_var(--dialog-spacing-x)),calc(var(--dialog-width)_-_var(--dialog-spacing-x)))]"
+], {
+	variants: { size: {
+		xsmall: "[--dialog-width:480px]",
+		small: "[--dialog-width:640px]",
+		medium: "[--dialog-width:768px]"
+	} },
+	defaultVariants: { size: "small" }
+});
-// src/components/Multiselect.styles.ts
-var import_system27 = require("@marigold/system");
-var MultiSelect = {
-  field: (0, import_system27.cva)("space-y-2"),
-  container: (0, import_system27.cva)([
-    "bg-background shadow-xs border",
-    "px-3 text-sm text-foreground transition-shadow",
-    "border border-input rounded-lg outline-hidden",
-    "aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed",
-    "has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20",
-    "has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none",
-    "has-[input[aria-readonly=true]]:bg-muted",
-    "min-h-input"
-  ]),
-  input: (0, import_system27.cva)([
-    "bg-transparent flex-1 h-full",
-    "leading-loose",
-    "data-[focused]:outline-hidden outline-hidden border-0",
-    "disabled:cursor-not-allowed",
-    "group-data-[icon]/input:pl-5",
-    "group-data-[action]/input:pr-8",
-    "placeholder:text-placeholder"
-  ]),
-  tag: (0, import_system27.cva)([
-    "border border-solid border-input rounded-md",
-    "bg-background",
-    "font-medium text-xs",
-    "flex items-center gap-1 ",
-    "h-7 px-2 cursor-default"
-  ]),
-  closeButton: (0, import_system27.cva)(
-    "size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0"
-  ),
-  icon: (0, import_system27.cva)("left-1"),
-  listContainer: (0, import_system27.cva)(["util-surface-overlay mt-0.5 rounded-lg outline-0"]),
-  list: (0, import_system27.cva)("pointer-events-auto space-y-1 p-1"),
-  option: (0, import_system27.cva)([
-    "text-sm text-foreground",
-    "flex flex-col",
-    "cursor-pointer p-2 outline-hidden",
-    "[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent",
-    "aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed",
-    "[&.isFocused:not([aria-disabled=true])]:!bg-hover"
-  ]),
-  valueContainer: (0, import_system27.cva)("gap-2")
+//#endregion
+//#region src/components/Multiselect.styles.ts
+const MultiSelect = {
+	field: (0, __marigold_system.cva)("space-y-2"),
+	container: (0, __marigold_system.cva)([
+		"bg-background shadow-xs border",
+		"px-3 text-sm text-foreground transition-shadow",
+		"border border-input rounded-lg outline-hidden",
+		"aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:hover:border-input aria-disabled:border-input aria-disabled:cursor-not-allowed",
+		"has-[input[data-invalid=true]]:border-destructive has-[input[data-invalid=true][data-focused=true]]:!border-destructive has-[input[data-invalid=true][data-focused=true]]:!ring-destructive/20",
+		"has-[input[data-focused=true]]:!border-ring has-[input[data-focused=true]]:!ring-ring/50 has-[input[data-focused=true]]:ring-[3px] has-[input[data-focused=true]]:!outline-none",
+		"has-[input[aria-readonly=true]]:bg-muted",
+		"min-h-input"
+	]),
+	input: (0, __marigold_system.cva)([
+		"bg-transparent flex-1 h-full",
+		"leading-loose",
+		"data-[focused]:outline-hidden outline-hidden border-0",
+		"disabled:cursor-not-allowed",
+		"group-data-[icon]/input:pl-5",
+		"group-data-[action]/input:pr-8",
+		"placeholder:text-placeholder"
+	]),
+	tag: (0, __marigold_system.cva)([
+		"border border-solid border-input rounded-md",
+		"bg-background",
+		"font-medium text-xs",
+		"flex items-center gap-1 ",
+		"h-7 px-2 cursor-default"
+	]),
+	closeButton: (0, __marigold_system.cva)("size-4 cursor-pointer border-none bg-transparent p-0 leading-normal outline-0"),
+	icon: (0, __marigold_system.cva)("left-1"),
+	listContainer: (0, __marigold_system.cva)(["util-surface-overlay mt-0.5 rounded-lg outline-0"]),
+	list: (0, __marigold_system.cva)("pointer-events-auto space-y-1 p-1"),
+	option: (0, __marigold_system.cva)([
+		"text-sm text-foreground",
+		"flex flex-col",
+		"cursor-pointer p-2 outline-hidden",
+		"[&.isFocused:not([aria-disabled=true])]:!text-foreground [&.isFocused[aria-disabled=true]]:bg-transparent",
+		"aria-disabled:text-disabled-foreground aria-disabled:cursor-not-allowed",
+		"[&.isFocused:not([aria-disabled=true])]:!bg-hover"
+	]),
+	valueContainer: (0, __marigold_system.cva)("gap-2")
 };
-// src/components/NumberField.styles.ts
-var import_system28 = require("@marigold/system");
-var NumberField = {
-  group: (0, import_system28.cva)([
-    "rounded-lg h-input bg-background",
-    "has-focus-visible:util-focus-ring outline-none",
-    inputInvalid,
-    inputReadOnly,
-    "border border-input text-sm shadow-xs transition-shadow",
-    "data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20"
-  ]),
-  stepper: (0, import_system28.cva)([
-    "w-7 h-full text-center shrink-0",
-    "disabled:text-disabled-foreground disabled:bg-disabled",
-    "border-input! first-of-type:border-r! last-of-type:border-l!"
-  ]),
-  input: (0, import_system28.cva)([
-    "tabular-nums text-foreground px-3 py-2",
-    "min-w-0 flex-1 bg-transparent",
-    "group-[[data-stepper]]/field:text-center",
-    "disabled:text-disabled-foreground disabled:bg-disabled"
-  ])
+//#endregion
+//#region src/components/NumberField.styles.ts
+const NumberField = {
+	group: (0, __marigold_system.cva)([
+		"rounded-lg h-input bg-background",
+		"has-focus-visible:util-focus-ring outline-none",
+		inputInvalid,
+		inputReadOnly,
+		"border border-input text-sm shadow-xs transition-shadow",
+		"data-invalid:data-[focus-within]:border-destructive data-invalid:data-[focus-within]:ring-destructive/20"
+	]),
+	stepper: (0, __marigold_system.cva)([
+		"w-7 h-full text-center shrink-0",
+		"disabled:text-disabled-foreground disabled:bg-disabled",
+		"border-input! first-of-type:border-r! last-of-type:border-l!"
+	]),
+	input: (0, __marigold_system.cva)([
+		"tabular-nums text-foreground px-3 py-2",
+		"min-w-0 flex-1 bg-transparent",
+		"group-[[data-stepper]]/field:text-center",
+		"disabled:text-disabled-foreground disabled:bg-disabled"
+	])
 };
-// src/components/Popover.styles.ts
-var import_system29 = require("@marigold/system");
-var Popover = (0, import_system29.cva)([
-  "group/popover",
-  "text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0",
-  "placement-top:mb-1",
-  "placement-bottom:mt-1",
-  "placement-right:ml-1",
-  "placement-left:mr-1",
-  "util-surface-overlay"
+//#endregion
+//#region src/components/Popover.styles.ts
+const Popover = (0, __marigold_system.cva)([
+	"group/popover",
+	"text-foreground z-50 overflow-y-auto overflow-x-hidden rounded-md outline-0",
+	"placement-top:mb-1",
+	"placement-bottom:mt-1",
+	"placement-right:ml-1",
+	"placement-left:mr-1",
+	"util-surface-overlay"
 ]);
-// src/components/Radio.styles.ts
-var import_system30 = require("@marigold/system");
-var Radio = {
-  container: (0, import_system30.cva)("group-disabled/radio:cursor-not-allowed"),
-  label: (0, import_system30.cva)([
-    "text-sm font-normal cursor-pointer",
-    "group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed"
-  ]),
-  radio: (0, import_system30.cva)([
-    "aspect-square size-4 rounded-full",
-    "border border-input shadow-xs",
-    "group-focus-visible/radio:util-focus-ring outline-none",
-    "group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed",
-    "group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground"
-  ]),
-  group: (0, import_system30.cva)()
+//#endregion
+//#region src/components/Radio.styles.ts
+const Radio = {
+	container: (0, __marigold_system.cva)("group-disabled/radio:cursor-not-allowed"),
+	label: (0, __marigold_system.cva)(["text-sm font-normal cursor-pointer", "group-disabled/radio:text-disabled-foreground group-disabled/radio:cursor-not-allowed"]),
+	radio: (0, __marigold_system.cva)([
+		"aspect-square size-4 rounded-full",
+		"border border-input shadow-xs",
+		"group-focus-visible/radio:util-focus-ring outline-none",
+		"group-disabled/radio:group-selected/radio:bg-disabled group-disabled/radio:border-disabled! group-disabled/radio:cursor-not-allowed",
+		"group-selected/radio:border-brand group-selected/radio:bg-brand group-selected/radio:text-brand-foreground"
+	]),
+	group: (0, __marigold_system.cva)()
 };
-// src/components/Pagination.styles.ts
-var import_system31 = require("@marigold/system");
-var button = [
-  "inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors",
-  "focus-visible:util-focus-ring outline-none",
-  "disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground",
-  "[&_svg]:pointer-events-none [&_svg]:shrink-0",
-  "hover:bg-hover hover:text-hover-foreground",
-  "cursor-pointer"
+//#endregion
+//#region src/components/Pagination.styles.ts
+const button = [
+	"inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium transition-colors",
+	"focus-visible:util-focus-ring outline-none",
+	"disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0",
+	"hover:bg-hover hover:text-hover-foreground",
+	"cursor-pointer"
 ];
-var Pagination = {
-  container: (0, import_system31.cva)("flex items-center justify-center space-x-2"),
-  navigationButton: (0, import_system31.cva)([
-    ...button,
-    "disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground",
-    "h-9 py-2 gap-1 px-2.5"
-  ]),
-  pageButton: (0, import_system31.cva)([
-    ...button,
-    "bg-background size-9",
-    "data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs"
-  ]),
-  icon: (0, import_system31.cva)("h-4 w-4"),
-  ellipsis: (0, import_system31.cva)("text-foreground flex h-8 w-8 items-center justify-center")
+const Pagination = {
+	container: (0, __marigold_system.cva)("flex items-center justify-center space-x-2"),
+	navigationButton: (0, __marigold_system.cva)([
+		...button,
+		"disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground",
+		"h-9 py-2 gap-1 px-2.5"
+	]),
+	pageButton: (0, __marigold_system.cva)([
+		...button,
+		"bg-background size-9",
+		"data-[selected=true]:border data-[selected=true]:border-input data-[selected=true]:shadow-xs"
+	]),
+	icon: (0, __marigold_system.cva)("h-4 w-4"),
+	ellipsis: (0, __marigold_system.cva)("text-foreground flex h-8 w-8 items-center justify-center")
 };
-// src/components/ProgressCycle.styles.ts
-var import_system32 = require("@marigold/system");
-var ProgressCycle = (0, import_system32.cva)([
-  "stroke-foreground"
-]);
+//#endregion
+//#region src/components/ProgressCycle.styles.ts
+const ProgressCycle = (0, __marigold_system.cva)(["stroke-foreground"]);
-// src/components/SectionMessage.styles.ts
-var import_system33 = require("@marigold/system");
-var SectionMessage = {
-  container: (0, import_system33.cva)(
-    [
-      'grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:"icon_title_close""icon_content_content"]',
-      "bg-background rounded-md border px-3 py-4"
-    ],
-    {
-      variants: {
-        variant: {
-          success: "border-success-muted-accent bg-success-muted text-success-muted-foreground",
-          warning: "border-warning-muted-accent bg-warning-muted text-warning-muted-foreground",
-          info: "border-info-muted-accent bg-info-muted text-info-muted-foreground",
-          error: "border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground"
-        }
-      },
-      defaultVariants: {
-        variant: "info"
-      }
-    }
-  ),
-  title: (0, import_system33.cva)("text-sm font-medium"),
-  content: (0, import_system33.cva)("text-muted-foreground text-sm leading-5 font-normal", {
-    variants: {
-      variant: {
-        success: "text-success-muted-foreground",
-        warning: "text-warning-muted-foreground",
-        info: "text-info-muted-foreground",
-        error: "text-destructive-muted-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }),
-  icon: (0, import_system33.cva)("h-6 w-6 align-baseline leading-none -mt-0.5", {
-    variants: {
-      variant: {
-        success: "text-success-muted-accent",
-        warning: "text-warning-muted-accent",
-        info: "text-info-muted-accent",
-        error: "text-destructive-muted-accent"
-      }
-    },
-    defaultVariants: {
-      variant: "info"
-    }
-  }),
-  close: (0, import_system33.cva)([
-    "size-8 text-foreground",
-    "[&_svg]:size-6",
-    "-my-1.5 -me-2"
-    // align button with title
-  ])
+//#endregion
+//#region src/components/SectionMessage.styles.ts
+const SectionMessage = {
+	container: (0, __marigold_system.cva)(["grid-cols-[min-content_auto_min-content] gap-x-4 gap-y-1 [grid-template-areas:\"icon_title_close\"\"icon_content_content\"]", "bg-background rounded-md border px-3 py-4"], {
+		variants: { variant: {
+			success: "border-success-muted-accent bg-success-muted text-success-muted-foreground",
+			warning: "border-warning-muted-accent bg-warning-muted text-warning-muted-foreground",
+			info: "border-info-muted-accent bg-info-muted text-info-muted-foreground",
+			error: "border-destructive-muted-accent bg-destructive-muted text-destructive-muted-foreground"
+		} },
+		defaultVariants: { variant: "info" }
+	}),
+	title: (0, __marigold_system.cva)("text-sm font-medium"),
+	content: (0, __marigold_system.cva)("text-muted-foreground text-sm leading-5 font-normal", {
+		variants: { variant: {
+			success: "text-success-muted-foreground",
+			warning: "text-warning-muted-foreground",
+			info: "text-info-muted-foreground",
+			error: "text-destructive-muted-foreground"
+		} },
+		defaultVariants: { variant: "info" }
+	}),
+	icon: (0, __marigold_system.cva)("h-6 w-6 align-baseline leading-none -mt-0.5", {
+		variants: { variant: {
+			success: "text-success-muted-accent",
+			warning: "text-warning-muted-accent",
+			info: "text-info-muted-accent",
+			error: "text-destructive-muted-accent"
+		} },
+		defaultVariants: { variant: "info" }
+	}),
+	close: (0, __marigold_system.cva)([
+		"size-8 text-foreground",
+		"[&_svg]:size-6",
+		"-my-1.5 -me-2"
+	])
 };
-// src/components/Select.styles.ts
-var import_system34 = require("@marigold/system");
-var Select = {
-  icon: (0, import_system34.cva)("text-muted-foreground/80"),
-  select: (0, import_system34.cva)([
-    inputContainer,
-    inputInvalid,
-    inputDisabled,
-    "focus-visible:util-focus-ring outline-none",
-    "h-input",
-    "cursor-pointer",
-    "*:data-placeholder:text-placeholder"
-  ])
+//#endregion
+//#region src/components/Select.styles.ts
+const Select = {
+	icon: (0, __marigold_system.cva)("text-muted-foreground/80"),
+	select: (0, __marigold_system.cva)([
+		inputContainer,
+		inputInvalid,
+		inputDisabled,
+		"focus-visible:util-focus-ring outline-none",
+		"h-input",
+		"cursor-pointer",
+		"*:data-placeholder:text-placeholder",
+		"has-[+_[aria-hidden=\"true\"]]:mb-0"
+	])
 };
-// src/components/Slider.styles.ts
-var import_system35 = require("@marigold/system");
-var Slider = {
-  container: (0, import_system35.cva)("*:aria-hidden:hidden"),
-  track: (0, import_system35.cva)([
-    "relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50"
-  ]),
-  selectedTrack: (0, import_system35.cva)([
-    "absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg"
-  ]),
-  thumb: (0, import_system35.cva)([
-    "block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors",
-    "focus-visible:util-focus-borderless-ring outline-none",
-    "disabled:cursor-not-allowed"
-  ]),
-  output: (0, import_system35.cva)("text-foreground text-sm")
+//#endregion
+//#region src/components/Slider.styles.ts
+const Slider = {
+	container: (0, __marigold_system.cva)("*:aria-hidden:hidden"),
+	track: (0, __marigold_system.cva)(["relative bg-muted rounded-lg flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50"]),
+	selectedTrack: (0, __marigold_system.cva)(["absolute bg-black data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full rounded-lg"]),
+	thumb: (0, __marigold_system.cva)([
+		"block h-5 w-5 rounded-full border-2 border-primary bg-background transition-colors",
+		"focus-visible:util-focus-borderless-ring outline-none",
+		"disabled:cursor-not-allowed"
+	]),
+	output: (0, __marigold_system.cva)("text-foreground text-sm")
 };
-// src/components/Switch.styles.ts
-var import_system36 = require("@marigold/system");
-var Switch = {
-  container: (0, import_system36.cva)(
-    "disabled:cursor-not-allowed disabled:text-disabled-foreground"
-  ),
-  track: (0, import_system36.cva)([
-    "flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors",
-    "border-2 border-transparent",
-    // this increases the hit area so it is 24px
-    "group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground",
-    "group-selected/switch:bg-brand bg-input",
-    "group-focus-visible/switch:util-focus-borderless-ring outline-none"
-  ]),
-  thumb: (0, import_system36.cva)([
-    "pointer-events-none block size-5 rounded-full",
-    "bg-background shadow-xs",
-    "ring-0 transition-transform duration-150 ease-out-quint",
-    "group-selected/switch:translate-x-4 translate-x-0"
-  ])
+//#endregion
+//#region src/components/Switch.styles.ts
+const Switch = {
+	container: (0, __marigold_system.cva)("disabled:cursor-not-allowed disabled:text-disabled-foreground"),
+	track: (0, __marigold_system.cva)([
+		"flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full transition-colors",
+		"border-2 border-transparent",
+		"group-disabled/switch:bg-disabled group-disabled/switch:text-disabled-foreground group-selected/switch:group-disabled/switch:bg-disabled group-selected/switch:group-disabled/switch:text-disabled-foreground",
+		"group-selected/switch:bg-brand bg-input",
+		"group-focus-visible/switch:util-focus-borderless-ring outline-none"
+	]),
+	thumb: (0, __marigold_system.cva)([
+		"pointer-events-none block size-5 rounded-full",
+		"bg-background shadow-xs",
+		"ring-0 transition-transform duration-150 ease-out-quint",
+		"group-selected/switch:translate-x-4 translate-x-0"
+	])
 };
-// src/components/Table.styles.ts
-var import_system37 = require("@marigold/system");
-var Table = {
-  table: (0, import_system37.cva)(
-    "text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b",
-    {
-      variants: {
-        variant: {
-          default: "",
-          grid: ""
-        }
-      }
-    }
-  ),
-  thead: (0, import_system37.cva)(
-    // for sticky header
-    "bg-background/90 top-0 z-1 backdrop-blur-xs ",
-    {
-      variants: {
-        variant: {
-          default: "",
-          grid: ""
-        }
-      }
-    }
-  ),
-  headerRow: (0, import_system37.cva)(["border-border border-b"], {
-    variants: {
-      variant: {
-        default: "",
-        grid: "[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border",
-        muted: "bg-muted"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }),
-  header: (0, import_system37.cva)(
-    [
-      "h-12 px-3 align-middle font-medium text-muted-foreground",
-      "focus-visible:outline-2 outline-offset-2 outline-ring/70"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "[&:has([type=checkbox])]:pr-0",
-          grid: "",
-          muted: "border-t"
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  ),
-  body: (0, import_system37.cva)("[&_tr:last-child]:border-0"),
-  row: (0, import_system37.cva)(
-    [
-      "border-b border-border transition-colors",
-      "focus-visible:outline-2 outline-offset-2 outline-ring/70",
-      "data-disabled:cursor-not-allowed"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "aria-[selected=true]:bg-muted",
-          grid: "aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border",
-          admin: [
-            "bg-access-admin",
-            "[&_td:first-child]:relative [&_td:first-child]:pl-4",
-            '[&_td:first-child:before]:content-[""] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',
-            "[&_td:first-child:before]:bg-access-admin-foreground"
-          ],
-          master: [
-            "bg-access-master",
-            "[&_td:first-child]:relative [&_td:first-child]:pl-4",
-            '[&_td:first-child:before]:content-[""] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1',
-            "[&_td:first-child:before]:bg-access-master-foreground"
-          ]
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  ),
-  cell: (0, import_system37.cva)("p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70", {
-    variants: {
-      variant: {
-        default: "[&:has([type=checkbox])]:pr-0",
-        grid: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  })
+//#endregion
+//#region src/components/Table.styles.ts
+const Table = {
+	table: (0, __marigold_system.cva)("text-sm [&_td]:border-border [&_th]:border-border border-separate border-spacing-0 [&_th]:border-b [&_tr]:border-none [&_tr:not(:last-child)_td]:border-b", { variants: { variant: {
+		default: "",
+		grid: ""
+	} } }),
+	thead: (0, __marigold_system.cva)("bg-background/90 top-0 z-1 backdrop-blur-xs ", { variants: { variant: {
+		default: "",
+		grid: ""
+	} } }),
+	headerRow: (0, __marigold_system.cva)(["border-border border-b"], {
+		variants: { variant: {
+			default: "",
+			grid: "[&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border",
+			muted: "bg-muted"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	header: (0, __marigold_system.cva)(["h-12 px-3 align-middle font-medium text-muted-foreground", "focus-visible:outline-2 outline-offset-2 outline-ring/70"], {
+		variants: { variant: {
+			default: "[&:has([type=checkbox])]:pr-0",
+			grid: "",
+			muted: "border-t"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	body: (0, __marigold_system.cva)("[&_tr:last-child]:border-0"),
+	row: (0, __marigold_system.cva)([
+		"border-b border-border transition-colors",
+		"focus-visible:outline-2 outline-offset-2 outline-ring/70",
+		"data-disabled:cursor-not-allowed"
+	], {
+		variants: { variant: {
+			default: "aria-[selected=true]:bg-muted",
+			grid: "aria-[selected=true]:bg-muted [&>:not(:last-child)]:border-r [&>:not(:last-child)]:border-border",
+			admin: [
+				"bg-access-admin",
+				"[&_td:first-child]:relative [&_td:first-child]:pl-4",
+				"[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1",
+				"[&_td:first-child:before]:bg-access-admin-foreground"
+			],
+			master: [
+				"bg-access-master",
+				"[&_td:first-child]:relative [&_td:first-child]:pl-4",
+				"[&_td:first-child:before]:content-[\"\"] [&_td:first-child:before]:absolute [&_td:first-child:before]:top-0 [&_td:first-child:before]:bottom-0 [&_td:first-child:before]:left-0 [&_td:first-child:before]:w-1",
+				"[&_td:first-child:before]:bg-access-master-foreground"
+			]
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	cell: (0, __marigold_system.cva)("p-3 focus-visible:outline-2 outline-offset-2 outline-ring/70", {
+		variants: { variant: {
+			default: "[&:has([type=checkbox])]:pr-0",
+			grid: ""
+		} },
+		defaultVariants: { variant: "default" }
+	})
 };
-// src/components/Tabs.styles.ts
-var import_system38 = require("@marigold/system");
-var Tabs = {
-  container: (0, import_system38.cva)("flex flex-col gap-2"),
-  tabsList: (0, import_system38.cva)([
-    "text-muted-foreground",
-    "flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1"
-  ]),
-  tab: (0, import_system38.cva)([
-    "relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
-    "[&_svg]:shrink-0",
-    "focus-visible:util-focus-ring outline-none",
-    "hover:bg-hover hover:text-foreground",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "data-selected:text-foreground data-selected:hover:bg-hover",
-    "data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5"
-  ]),
-  tabpanel: (0, import_system38.cva)([
-    "py-4 rounded-sm",
-    "focus-visible:util-focus-ring outline-none"
-  ])
+//#endregion
+//#region src/components/Tabs.styles.ts
+const Tabs = {
+	container: (0, __marigold_system.cva)("flex flex-col gap-2"),
+	tabsList: (0, __marigold_system.cva)(["text-muted-foreground", "flex items-center p-0.5 h-auto gap-2 border-b border-border px-0 py-1"]),
+	tab: (0, __marigold_system.cva)([
+		"relative inline-flex items-center justify-center gap-1 rounded-sm px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-colors",
+		"[&_svg]:shrink-0",
+		"focus-visible:util-focus-ring outline-none",
+		"hover:bg-hover hover:text-foreground",
+		"disabled:pointer-events-none disabled:opacity-50",
+		"data-selected:text-foreground data-selected:hover:bg-hover",
+		"data-[selected=true]:after:bg-foreground after:absolute after:inset-x-0 after:bottom-0 after:-mb-1 after:h-0.5"
+	]),
+	tabpanel: (0, __marigold_system.cva)(["py-4 rounded-sm", "focus-visible:util-focus-ring outline-none"])
 };
-// src/components/Tag.styles.ts
-var import_system39 = require("@marigold/system");
-var Tag = {
-  container: (0, import_system39.cva)([
-    "flex gap-3",
-    // prevent collapsing when the empty state is shown
-    "min-h-button-small"
-  ]),
-  tag: (0, import_system39.cva)([
-    "relative inline-flex items-center gap-[7px]",
-    "border border-solid border-input rounded-md",
-    "font-medium text-xs",
-    "h-7 px-2 cursor-default",
-    "bg-background",
-    "data-selected:text-white data-selected:bg-brand",
-    "data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled",
-    "focus-visible:util-focus-ring outline-none"
-  ]),
-  closeButton: (0, import_system39.cva)([
-    "size-4",
-    "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed"
-  ]),
-  listItems: (0, import_system39.cva)([
-    "flex flex-wrap items-center gap-1",
-    // mb-0 prevents whitespace when the hidden field is rendered
-    "mb-0"
-  ]),
-  removeAll: (0, import_system39.cva)([
-    "inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]",
-    "duration-150 active:scale-[0.98] pressed:scale-[0.98]",
-    "focus-visible:util-focus-ring outline-none",
-    "cursor-pointer",
-    "text-link text-xs h-button-small"
-  ])
+//#endregion
+//#region src/components/Tag.styles.ts
+const Tag = {
+	container: (0, __marigold_system.cva)(["flex gap-3", "min-h-7"]),
+	tag: (0, __marigold_system.cva)([
+		"relative inline-flex items-center gap-[7px]",
+		"border border-solid border-input rounded-lg",
+		"font-medium text-xs",
+		"h-7 px-2 cursor-default",
+		"bg-background",
+		"data-selected:text-white data-selected:bg-brand",
+		"data-[disabled]:cursor-not-allowed data-[disabled]:text-disabled-foreground data-[disabled]:bg-disabled",
+		"focus-visible:util-focus-ring outline-none"
+	]),
+	closeButton: (0, __marigold_system.cva)(["size-4", "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed"]),
+	listItems: (0, __marigold_system.cva)(["flex flex-wrap gap-1", "mb-0"]),
+	removeAll: (0, __marigold_system.cva)([
+		"inline whitespace-nowrap font-medium transition-[color,box-shadow,transform]",
+		"duration-150 active:scale-[0.98] pressed:scale-[0.98]",
+		"focus-visible:util-focus-ring outline-none",
+		"cursor-pointer",
+		"text-link text-xs util-touch-hitbox"
+	])
 };
-// src/components/TextArea.styles.ts
-var import_system40 = require("@marigold/system");
-var TextArea = (0, import_system40.cva)([
-  inputContainer,
-  inputInvalid,
-  "focus:util-focus-ring outline-none",
-  inputDisabled,
-  inputReadOnly,
-  "invalid:text-destructive"
+//#endregion
+//#region src/components/TextArea.styles.ts
+const TextArea = (0, __marigold_system.cva)([
+	inputContainer,
+	inputInvalid,
+	"focus:util-focus-ring outline-none",
+	inputDisabled,
+	inputReadOnly,
+	"invalid:text-destructive"
 ]);
-// src/components/Text.styles.ts
-var import_system41 = require("@marigold/system");
-var Text = (0, import_system41.cva)("", {
-  variants: {
-    variant: {
-      default: "",
-      muted: "text-muted-foreground"
-    },
-    size: {
-      // Adding a default here, which beasically acts as an inherit
-      default: "",
-      xs: "text-xs",
-      sm: "text-sm",
-      base: "text-base",
-      lg: "text-lg",
-      xl: "text-xl",
-      "2xl": "text-2xl",
-      "3xl": "text-3xl",
-      "4xl": "text-4xl",
-      "5xl": "text-5xl",
-      "6xl": "text-6xl",
-      "7xl": "text-7xl",
-      "8xl": "text-8xl",
-      "9xl": "text-9xl"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
+//#endregion
+//#region src/components/Text.styles.ts
+const Text = (0, __marigold_system.cva)("", {
+	variants: {
+		variant: {
+			default: "",
+			muted: "text-muted-foreground"
+		},
+		size: {
+			default: "",
+			xs: "text-xs",
+			sm: "text-sm",
+			base: "text-base",
+			lg: "text-lg",
+			xl: "text-xl",
+			"2xl": "text-2xl",
+			"3xl": "text-3xl",
+			"4xl": "text-4xl",
+			"5xl": "text-5xl",
+			"6xl": "text-6xl",
+			"7xl": "text-7xl",
+			"8xl": "text-8xl",
+			"9xl": "text-9xl"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
 });
-// src/components/Toast.styles.ts
-var import_system42 = require("@marigold/system");
-var Toast = {
-  toast: (0, import_system42.cva)([
-    "z-50",
-    "max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border",
-    "grid grid-cols-[auto_1fr_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0",
-    '[grid-template-areas:"icon_title_close""icon_description_description"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
-    "p-4"
-  ]),
-  title: (0, import_system42.cva)([
-    "text-sm font-medium",
-    "[grid-area:title]",
-    "flex items-center mb-0"
-  ]),
-  description: (0, import_system42.cva)([
-    "text-muted-foreground text-sm",
-    "[grid-area:description] mt-0"
-  ]),
-  closeButton: (0, import_system42.cva)([
-    "[grid-area:close] row-end-1",
-    "ml-2",
-    "flex items-center justify-center",
-    "size-5 rounded transition-[color,box-shadow] outline-none",
-    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground"
-  ]),
-  icon: (0, import_system42.cva)(
-    [
-      "[grid-area:icon]",
-      "flex items-center justify-center",
-      "h-5 w-5 leading-none"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "",
-          success: "text-success-muted-accent",
-          warning: "text-warning-muted-accent",
-          info: "text-info-muted-accent",
-          error: "text-destructive-muted-accent"
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  ),
-  content: (0, import_system42.cva)(["contents"]),
-  "bottom-left": (0, import_system42.cva)(["fixed bottom-4 left-4 flex flex-col-reverse"]),
-  "bottom-right": (0, import_system42.cva)(["fixed bottom-4 right-4 flex flex-col-reverse"]),
-  "top-left": (0, import_system42.cva)(["fixed top-4 left-4 flex flex-col"]),
-  "top-right": (0, import_system42.cva)(["fixed top-4 right-4 flex flex-col"]),
-  top: (0, import_system42.cva)([
-    "fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle"
-  ]),
-  bottom: (0, import_system42.cva)([
-    "fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle"
-  ])
+//#endregion
+//#region src/components/Toast.styles.ts
+const Toast = {
+	toast: (0, __marigold_system.cva)([
+		"z-50",
+		"max-w-sm w-full pointer-events-auto overflow-hidden rounded-md border shadow-lg bg-background text-foreground border-border",
+		"grid grid-cols-[auto_1fr_auto_auto] grid-rows-[auto_auto] gap-x-1 gap-y-0",
+		"[grid-template-areas:\"icon_title_action_close\"\"icon_description_action_close\"] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+		"p-4"
+	]),
+	title: (0, __marigold_system.cva)([
+		"text-sm font-medium",
+		"[grid-area:title]",
+		"flex items-center mb-0"
+	]),
+	description: (0, __marigold_system.cva)(["text-muted-foreground text-sm", "[grid-area:description] mt-0"]),
+	closeButton: (0, __marigold_system.cva)([
+		"[grid-area:close] row-end-1",
+		"ml-2",
+		"flex items-center justify-center",
+		"size-5 rounded transition-[color,box-shadow] outline-none",
+		"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] text-muted-foreground hover:text-hover-foreground"
+	]),
+	icon: (0, __marigold_system.cva)([
+		"[grid-area:icon]",
+		"flex items-center justify-center",
+		"h-5 w-5 leading-none"
+	], {
+		variants: { variant: {
+			default: "",
+			success: "text-success-muted-accent",
+			warning: "text-warning-muted-accent",
+			info: "text-info-muted-accent",
+			error: "text-destructive-muted-accent"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	content: (0, __marigold_system.cva)(["contents"]),
+	"bottom-left": (0, __marigold_system.cva)(["fixed bottom-4 left-4 flex flex-col-reverse"]),
+	"bottom-right": (0, __marigold_system.cva)(["fixed bottom-4 right-4 flex flex-col-reverse"]),
+	"top-left": (0, __marigold_system.cva)(["fixed top-4 left-4 flex flex-col"]),
+	"top-right": (0, __marigold_system.cva)(["fixed top-4 right-4 flex flex-col"]),
+	top: (0, __marigold_system.cva)(["fixed top-4 left-1/2 right-auto -translate-x-1/2 flex flex-col items-center w-auto align-middle"]),
+	bottom: (0, __marigold_system.cva)(["fixed bottom-4 left-1/2 right-auto -translate-x-1/2 flex flex-col-reverse items-center w-auto align-middle"]),
+	action: (0, __marigold_system.cva)(["[grid-area:action] flex items-start pl-4"])
 };
-// src/components/Tooltip.styles.ts
-var import_system43 = require("@marigold/system");
-var Tooltip = {
-  container: (0, import_system43.cva)(
-    [
-      "relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm",
-      "placement-top:mb-2",
-      "placement-bottom:mt-2",
-      "placement-right:ml-2",
-      "placement-left:mr-2"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "text-brand-foreground bg-brand border-brand",
-          white: "text-secondary-foreground border-border bg-white"
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  ),
-  arrow: (0, import_system43.cva)(
-    [
-      // right
-      "data-[placement=right]:[&_svg]:rotate-90",
-      // left
-      "data-[placement=left]:[&_svg]:-rotate-90",
-      // bottom
-      "data-[placement=bottom]:[&_svg]:rotate-180"
-    ],
-    {
-      variants: {
-        variant: {
-          default: "fill-brand  stroke-brand",
-          white: "fill-white  stroke-border "
-        }
-      },
-      defaultVariants: {
-        variant: "default"
-      }
-    }
-  )
+//#endregion
+//#region src/components/Tooltip.styles.ts
+const Tooltip = {
+	container: (0, __marigold_system.cva)([
+		"relative z-50 max-w-70 rounded-md border px-3 py-1.5 text-sm",
+		"placement-top:mb-2",
+		"placement-bottom:mt-2",
+		"placement-right:ml-2",
+		"placement-left:mr-2"
+	], {
+		variants: { variant: {
+			default: "text-brand-foreground bg-brand border-brand",
+			white: "text-secondary-foreground border-border bg-white"
+		} },
+		defaultVariants: { variant: "default" }
+	}),
+	arrow: (0, __marigold_system.cva)([
+		"data-[placement=right]:[&_svg]:rotate-90",
+		"data-[placement=left]:[&_svg]:-rotate-90",
+		"data-[placement=bottom]:[&_svg]:rotate-180"
+	], {
+		variants: { variant: {
+			default: "fill-brand  stroke-brand",
+			white: "fill-white  stroke-border "
+		} },
+		defaultVariants: { variant: "default" }
+	})
 };
-// src/components/Underlay.styles.ts
-var import_system44 = require("@marigold/system");
-var Underlay = (0, import_system44.cva)("bg-black/80 px-4");
+//#endregion
+//#region src/components/Underlay.styles.ts
+const Underlay = (0, __marigold_system.cva)("bg-black/80 px-4");
-// src/components/XLoader.styles.ts
-var import_system45 = require("@marigold/system");
-var XLoader = {
-  container: (0, import_system45.cva)("grid place-items-center text-brand", {
-    variants: {
-      variant: {
-        default: "",
-        inverted: "text-secondary"
-      },
-      size: {
-        default: "size-20",
-        large: "size-36",
-        fit: "size-full"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }),
-  loader: (0, import_system45.cva)("size-full", {
-    variants: {
-      variant: {
-        default: "",
-        inverted: ""
-      },
-      size: {
-        default: "",
-        large: "",
-        fit: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }),
-  label: (0, import_system45.cva)("text-current text-sm")
+//#endregion
+//#region src/components/XLoader.styles.ts
+const XLoader = {
+	container: (0, __marigold_system.cva)("grid place-items-center text-brand", {
+		variants: {
+			variant: {
+				default: "",
+				inverted: "text-secondary"
+			},
+			size: {
+				default: "size-20",
+				large: "size-36",
+				fit: "size-full"
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default"
+		}
+	}),
+	loader: (0, __marigold_system.cva)("size-full", {
+		variants: {
+			variant: {
+				default: "",
+				inverted: ""
+			},
+			size: {
+				default: "",
+				large: "",
+				fit: ""
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default"
+		}
+	}),
+	label: (0, __marigold_system.cva)("text-current text-sm")
 };
-// src/components/Breadcrumbs.styles.ts
-var import_system46 = require("@marigold/system");
-var Breadcrumbs = {
-  container: (0, import_system46.cva)(["flex flex-wrap items-center"], {
-    variants: {
-      variant: {
-        default: "text-foreground"
-      },
-      size: {
-        small: "text-xs gap-1.5",
-        default: "text-sm gap-1.5",
-        large: "text-base gap-1.5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }),
-  item: (0, import_system46.cva)("inline-flex items-center gap-1.5 whitespace-nowrap "),
-  link: (0, import_system46.cva)("hover:underline cursor-pointer"),
-  current: (0, import_system46.cva)("font-medium")
+//#endregion
+//#region src/components/Breadcrumbs.styles.ts
+const Breadcrumbs = {
+	container: (0, __marigold_system.cva)(["flex flex-wrap items-center"], {
+		variants: {
+			variant: { default: "text-foreground" },
+			size: {
+				small: "text-xs gap-1.5",
+				default: "text-sm gap-1.5",
+				large: "text-base gap-1.5"
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default"
+		}
+	}),
+	item: (0, __marigold_system.cva)("inline-flex items-center gap-1.5 whitespace-nowrap "),
+	link: (0, __marigold_system.cva)("hover:underline cursor-pointer"),
+	current: (0, __marigold_system.cva)("font-medium")
 };
-// src/theme.ts
-var theme = {
-  name: "rui",
-  components: components_exports
+//#endregion
+//#region src/components/index.ts
+var components_exports = /* @__PURE__ */ __export({
+	Accordion: () => Accordion,
+	Badge: () => Badge,
+	Breadcrumbs: () => Breadcrumbs,
+	Button: () => Button,
+	Calendar: () => Calendar,
+	Card: () => Card,
+	Checkbox: () => Checkbox,
+	CloseButton: () => CloseButton,
+	Collapsible: () => Collapsible,
+	ComboBox: () => ComboBox,
+	ContextualHelp: () => ContextualHelp,
+	DateField: () => DateField,
+	DatePicker: () => DatePicker,
+	Dialog: () => Dialog,
+	Divider: () => Divider,
+	Drawer: () => Drawer,
+	Field: () => Field,
+	Headline: () => Headline,
+	HelpText: () => HelpText,
+	IconButton: () => IconButton,
+	Input: () => Input,
+	Label: () => Label,
+	Link: () => Link,
+	List: () => List,
+	ListBox: () => ListBox,
+	Menu: () => Menu,
+	Modal: () => Modal,
+	MultiSelect: () => MultiSelect,
+	NumberField: () => NumberField,
+	Pagination: () => Pagination,
+	Popover: () => Popover,
+	ProgressCycle: () => ProgressCycle,
+	Radio: () => Radio,
+	SectionMessage: () => SectionMessage,
+	Select: () => Select,
+	Slider: () => Slider,
+	Switch: () => Switch,
+	Table: () => Table,
+	Tabs: () => Tabs,
+	Tag: () => Tag,
+	Text: () => Text,
+	TextArea: () => TextArea,
+	Toast: () => Toast,
+	Tooltip: () => Tooltip,
+	Underlay: () => Underlay,
+	XLoader: () => XLoader
+});
+//#endregion
+//#region src/theme.ts
+const theme = {
+	name: "rui",
+	components: components_exports
 };
-// src/index.ts
-var index_default = theme;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  theme
-});
+//#endregion
+//#region src/index.ts
+var src_default = theme;
+//#endregion
+exports.default = src_default;
+exports.theme = theme;
 //# sourceMappingURL=index.js.map