@marigold/components 17.1.0 → 17.2.0

package/dist/{Checkbox-D6DudF_g.mjs → Checkbox-CCWwHNw2.mjs}

@@ -3,54 +3,96 @@ import { cn, createWidthVar, isFraction, useClassNames } from "@marigold/system"
 import { Children, createContext, forwardRef, isValidElement, useContext, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useLocalizedStringFormatter } from "@react-aria/i18n";
-import { useId } from "@react-aria/utils";
+import { useId as useId$1 } from "@react-aria/utils";
 
 //#region src/intl/messages.ts
 const intlMessages = {
 	"de-DE": {
+		actionsAvailable: "Aktionen verfügbar.",
+		appNavigation: "App-Navigation",
+		back: "Zurück",
+		backTo: (vars) => `Zurück zu ${vars?.label}`,
+		allItemsSelected: "Alle Elemente ausgewählt",
 		bulkActionsAriaLabel: "Massenaktionen",
 		cancel: "Abbrechen",
-		close: "Schließen",
+		clearSearch: "Suche zurücksetzen",
 		clearSelectionAriaLabel: "Auswahl löschen",
+		close: "Schließen",
+		closeNavigation: "Navigation schließen",
+		dismissDrawer: "Seitenleiste schließen",
 		dropZoneLabel: "Dateien hierher ziehen",
 		edit: "Bearbeiten",
 		editCell: "Zelle bearbeiten",
 		help: "Hilfe",
+		globalNavigation: "Globale Navigation",
+		globalNavigationUtilities: "Hilfsfunktionen",
 		hiddenBreadcrumbs: "Diese Breadcrumbs sind ausgeblendet",
+		hiddenPages: "Diese Seiten sind ausgeblendet",
 		items: "Elemente",
 		loadingMessage: "Lade...",
 		moreInfo: "Mehr Informationen",
 		noResultsFound: "Kein Ergebnis gefunden",
-		save: "Speichern",
+		pageNext: "Nächste Seite",
+		pageOfTotal: (vars) => `Seite ${vars?.current} von ${vars?.total}`,
+		pagePrevious: "Vorherige Seite",
 		removeAll: "Alle entfernen",
 		removeFile: "Datei entfernen",
+		save: "Speichern",
+		search: "Suche",
+		selectedAll: "Alles ausgewählt",
+		sidebar: "Seitenleiste",
+		selectedCount: (vars) => `${vars?.count} ausgewählt`,
+		selectedItems: "Ausgewählte Elemente",
 		showLess: "Weniger anzeigen",
-		showLessCount: "{count} weniger anzeigen",
+		showLessCount: (vars) => `${vars?.count} weniger anzeigen`,
 		showMore: "Mehr anzeigen",
-		showMoreCount: "{count} weitere anzeigen",
+		showMoreCount: (vars) => `${vars?.count} weitere anzeigen`,
+		toggleNavigation: "Navigation umschalten",
+		toggleNavigationTooltip: (vars) => `Navigation ein-/ausblenden (${vars?.shortcut})`,
 		uploadLabel: "Hochladen"
 	},
 	"en-US": {
+		actionsAvailable: "Actions available.",
+		appNavigation: "App navigation",
+		back: "Back",
+		backTo: (vars) => `Back to ${vars?.label}`,
+		allItemsSelected: "All items selected",
 		bulkActionsAriaLabel: "Bulk Actions",
 		cancel: "Cancel",
-		close: "Close",
+		clearSearch: "Clear search",
 		clearSelectionAriaLabel: "Clear selection",
+		close: "Close",
+		closeNavigation: "Close navigation",
+		dismissDrawer: "Dismiss drawer",
 		dropZoneLabel: "Drop files here",
 		edit: "Edit",
 		editCell: "Edit cell",
 		help: "Help",
+		globalNavigation: "Global navigation",
+		globalNavigationUtilities: "Utilities",
 		hiddenBreadcrumbs: "These breadcrumbs are hidden",
+		hiddenPages: "These pages are hidden",
 		items: "Items",
 		loadingMessage: "Loading...",
 		moreInfo: "More information",
 		noResultsFound: "No result found",
-		save: "Save",
+		pageNext: "Next page",
+		pageOfTotal: (vars) => `Page ${vars?.current} of ${vars?.total}`,
+		pagePrevious: "Previous page",
 		removeAll: "Remove all",
 		removeFile: "Remove file",
+		save: "Save",
+		search: "Search",
+		selectedAll: "All items selected",
+		sidebar: "Sidebar",
+		selectedCount: (vars) => `${vars?.count} selected`,
+		selectedItems: "Selected items",
 		showLess: "Show less",
-		showLessCount: "Show {count} less",
+		showLessCount: (vars) => `Show ${vars?.count} less`,
 		showMore: "Show more",
-		showMoreCount: "Show {count} more",
+		showMoreCount: (vars) => `Show ${vars?.count} more`,
+		toggleNavigation: "Toggle navigation",
+		toggleNavigationTooltip: (vars) => `Toggle navigation (${vars?.shortcut})`,
 		uploadLabel: "Upload"
 	}
 };
@@ -87,7 +129,7 @@ const HelpText = ({ variant, size, description, errorMessage, ...props }) => {
 	const ctx = useContext(FieldErrorContext);
 	if (!description && !ctx?.isInvalid) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn(classNames.container),
+		className: cn("in-field:mt-1", classNames.container),
 		children: [/* @__PURE__ */ jsx(FieldError, {
 			...props,
 			className: "flex flex-col",
@@ -125,7 +167,7 @@ const _Label = ({ size, variant, children, ...props }) => {
 	});
 	return /* @__PURE__ */ jsx(Label, {
 		...props,
-		className: cn(className, "inline-flex"),
+		className: cn(className, "in-field:mb-1.5 inline-flex"),
 		children
 	});
 };
@@ -134,14 +176,14 @@ const _Label = ({ size, variant, children, ...props }) => {
 //#region src/FieldBase/FieldBase.tsx
 const fixedForwardRef = forwardRef;
 const _FieldBase = (props, ref) => {
-	const { as: Component$1 = "div", children, label, size, variant, width: width$1, description, errorMessage, className, ...rest } = props;
+	const { as: Component = "div", children, label, size, variant, width, description, errorMessage, className, ...rest } = props;
 	const classNames = useClassNames({
 		component: "Field",
 		variant,
 		size
 	});
-	const isFractionWidth = width$1 ? isFraction(`${width$1}`) : false;
-	return /* @__PURE__ */ jsxs(Component$1, {
+	const isFractionWidth = width ? isFraction(`${width}`) : false;
+	return /* @__PURE__ */ jsxs(Component, {
 		ref,
 		className: cn(
 			"group/field flex min-w-0 flex-col",
@@ -151,13 +193,13 @@ const _FieldBase = (props, ref) => {
 			* - For fraction widths (e.g., "1/2", "2/3"): Use the corresponding Tailwind class
 			*   (e.g., `w-1/2`) which allows the field to properly respond to its container's width
 			*/
-			width$1 && !isFractionWidth ? "w-auto" : `w-(--container-width)`,
+			width && !isFractionWidth ? "w-auto" : `w-(--container-width)`,
 			classNames,
 			className
 		),
 		style: {
-			...createWidthVar("container-width", width$1 ? `${width$1}` : "full"),
-			...createWidthVar("field-width", width$1 && !isFractionWidth ? `${width$1}` : "full")
+			...createWidthVar("container-width", width ? `${width}` : "full"),
+			...createWidthVar("field-width", width && !isFractionWidth ? `${width}` : "full")
 		},
 		"data-required": props.isRequired ? true : void 0,
 		"data-error": props.isInvalid ? true : void 0,
@@ -281,7 +323,7 @@ const More = ({ children, defaultExpanded = false, unstyled = true, showCount =
 		...props,
 		children: [/* @__PURE__ */ jsx(Collapsible.Content, { children }), /* @__PURE__ */ jsx(Collapsible.Trigger, {
 			onPress: () => setIsExpanded(!isExpanded),
-			children: isExpanded ? stringFormatter.format(showCount ? "showLessCount" : "showLess").replace("{count}", count) : stringFormatter.format(showCount ? "showMoreCount" : "showMore").replace("{count}", count)
+			children: isExpanded ? stringFormatter.format(showCount ? "showLessCount" : "showLess", { count }) : stringFormatter.format(showCount ? "showMoreCount" : "showMore", { count })
 		})]
 	});
 };
@@ -310,7 +352,7 @@ const CollapsibleGroup = ({ children }) => {
 		children
 	});
 };
-const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly, error, width: width$1, orientation = "vertical", collapseAt, ...rest }) => {
+const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly, error, width, orientation = "vertical", collapseAt, ...rest }) => {
 	const classNames = useClassNames({
 		component: "Checkbox",
 		variant,
@@ -328,7 +370,7 @@ const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly,
 	const [visibleChildren, collapsedChildren] = splitChildren(children, collapseAt);
 	return /* @__PURE__ */ jsx(FieldBase, {
 		as: CheckboxGroup,
-		width: width$1,
+		width,
 		...props,
 		children: /* @__PURE__ */ jsx("div", {
 			role: "presentation",
@@ -336,7 +378,7 @@ const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly,
 			className: cn(classNames.group, "group/checkboxgroup flex items-start", orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"),
 			children: /* @__PURE__ */ jsxs(CheckboxGroupContext.Provider, {
 				value: {
-					width: width$1,
+					width,
 					variant,
 					size
 				},
@@ -367,7 +409,7 @@ const Minus = ({ size = 24, className, ...props }) => /* @__PURE__ */ jsx("svg",
 //#region src/Checkbox/Checkbox.tsx
 const Field = ({ description, children }) => {
 	const className = useClassNames({ component: "Field" });
-	const descriptionId = useId();
+	const descriptionId = useId$1();
 	if (!description) return children;
 	return /* @__PURE__ */ jsx("div", {
 		className,

package/dist/{Checkbox-DIbAWlSt.cjs → Checkbox-CZH5yLn1.cjs}

@@ -1,57 +1,99 @@
 const require_index = require('./index.cjs');
 let react_aria_components = require("react-aria-components");
-let __marigold_system = require("@marigold/system");
+let _marigold_system = require("@marigold/system");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let __react_aria_i18n = require("@react-aria/i18n");
-let __react_aria_utils = require("@react-aria/utils");
+let _react_aria_i18n = require("@react-aria/i18n");
+let _react_aria_utils = require("@react-aria/utils");
 
 //#region src/intl/messages.ts
 const intlMessages = {
 	"de-DE": {
+		actionsAvailable: "Aktionen verfügbar.",
+		appNavigation: "App-Navigation",
+		back: "Zurück",
+		backTo: (vars) => `Zurück zu ${vars?.label}`,
+		allItemsSelected: "Alle Elemente ausgewählt",
 		bulkActionsAriaLabel: "Massenaktionen",
 		cancel: "Abbrechen",
-		close: "Schließen",
+		clearSearch: "Suche zurücksetzen",
 		clearSelectionAriaLabel: "Auswahl löschen",
+		close: "Schließen",
+		closeNavigation: "Navigation schließen",
+		dismissDrawer: "Seitenleiste schließen",
 		dropZoneLabel: "Dateien hierher ziehen",
 		edit: "Bearbeiten",
 		editCell: "Zelle bearbeiten",
 		help: "Hilfe",
+		globalNavigation: "Globale Navigation",
+		globalNavigationUtilities: "Hilfsfunktionen",
 		hiddenBreadcrumbs: "Diese Breadcrumbs sind ausgeblendet",
+		hiddenPages: "Diese Seiten sind ausgeblendet",
 		items: "Elemente",
 		loadingMessage: "Lade...",
 		moreInfo: "Mehr Informationen",
 		noResultsFound: "Kein Ergebnis gefunden",
-		save: "Speichern",
+		pageNext: "Nächste Seite",
+		pageOfTotal: (vars) => `Seite ${vars?.current} von ${vars?.total}`,
+		pagePrevious: "Vorherige Seite",
 		removeAll: "Alle entfernen",
 		removeFile: "Datei entfernen",
+		save: "Speichern",
+		search: "Suche",
+		selectedAll: "Alles ausgewählt",
+		sidebar: "Seitenleiste",
+		selectedCount: (vars) => `${vars?.count} ausgewählt`,
+		selectedItems: "Ausgewählte Elemente",
 		showLess: "Weniger anzeigen",
-		showLessCount: "{count} weniger anzeigen",
+		showLessCount: (vars) => `${vars?.count} weniger anzeigen`,
 		showMore: "Mehr anzeigen",
-		showMoreCount: "{count} weitere anzeigen",
+		showMoreCount: (vars) => `${vars?.count} weitere anzeigen`,
+		toggleNavigation: "Navigation umschalten",
+		toggleNavigationTooltip: (vars) => `Navigation ein-/ausblenden (${vars?.shortcut})`,
 		uploadLabel: "Hochladen"
 	},
 	"en-US": {
+		actionsAvailable: "Actions available.",
+		appNavigation: "App navigation",
+		back: "Back",
+		backTo: (vars) => `Back to ${vars?.label}`,
+		allItemsSelected: "All items selected",
 		bulkActionsAriaLabel: "Bulk Actions",
 		cancel: "Cancel",
-		close: "Close",
+		clearSearch: "Clear search",
 		clearSelectionAriaLabel: "Clear selection",
+		close: "Close",
+		closeNavigation: "Close navigation",
+		dismissDrawer: "Dismiss drawer",
 		dropZoneLabel: "Drop files here",
 		edit: "Edit",
 		editCell: "Edit cell",
 		help: "Help",
+		globalNavigation: "Global navigation",
+		globalNavigationUtilities: "Utilities",
 		hiddenBreadcrumbs: "These breadcrumbs are hidden",
+		hiddenPages: "These pages are hidden",
 		items: "Items",
 		loadingMessage: "Loading...",
 		moreInfo: "More information",
 		noResultsFound: "No result found",
-		save: "Save",
+		pageNext: "Next page",
+		pageOfTotal: (vars) => `Page ${vars?.current} of ${vars?.total}`,
+		pagePrevious: "Previous page",
 		removeAll: "Remove all",
 		removeFile: "Remove file",
+		save: "Save",
+		search: "Search",
+		selectedAll: "All items selected",
+		sidebar: "Sidebar",
+		selectedCount: (vars) => `${vars?.count} selected`,
+		selectedItems: "Selected items",
 		showLess: "Show less",
-		showLessCount: "Show {count} less",
+		showLessCount: (vars) => `Show ${vars?.count} less`,
 		showMore: "Show more",
-		showMoreCount: "Show {count} more",
+		showMoreCount: (vars) => `Show ${vars?.count} more`,
+		toggleNavigation: "Toggle navigation",
+		toggleNavigationTooltip: (vars) => `Toggle navigation (${vars?.shortcut})`,
 		uploadLabel: "Upload"
 	}
 };
@@ -68,7 +110,7 @@ const TriangleAlert = ({ size = 24, className, ...props }) => /* @__PURE__ */ (0
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	className: (0, __marigold_system.cn)("shrink-0", className),
+	className: (0, _marigold_system.cn)("shrink-0", className),
 	...props,
 	children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
@@ -80,7 +122,7 @@ const TriangleAlert = ({ size = 24, className, ...props }) => /* @__PURE__ */ (0
 //#endregion
 //#region src/HelpText/HelpText.tsx
 const HelpText = ({ variant, size, description, errorMessage, ...props }) => {
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "HelpText",
 		variant,
 		size
@@ -88,7 +130,7 @@ const HelpText = ({ variant, size, description, errorMessage, ...props }) => {
 	const ctx = (0, react.useContext)(react_aria_components.FieldErrorContext);
 	if (!description && !ctx?.isInvalid) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, __marigold_system.cn)(classNames.container),
+		className: (0, _marigold_system.cn)("in-field:mt-1", classNames.container),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.FieldError, {
 			...props,
 			className: "flex flex-col",
@@ -103,10 +145,10 @@ const HelpText = ({ variant, size, description, errorMessage, ...props }) => {
 				const messages = (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors;
 				return Array.isArray(messages) ? messages.map((msg, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-center justify-start gap-1",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: (0, __marigold_system.cn)("h-4 w-4 shrink-0", classNames.icon) }), msg]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: (0, _marigold_system.cn)("h-4 w-4 shrink-0", classNames.icon) }), msg]
 				}, idx)) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex items-start justify-start gap-1",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: (0, __marigold_system.cn)("h-4 w-4 shrink-0", classNames.icon) }), messages]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: (0, _marigold_system.cn)("h-4 w-4 shrink-0", classNames.icon) }), messages]
 				});
 			}
 		}), ctx && ctx.isInvalid ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Text, {
@@ -119,14 +161,14 @@ const HelpText = ({ variant, size, description, errorMessage, ...props }) => {
 //#endregion
 //#region src/Label/Label.tsx
 const _Label = ({ size, variant, children, ...props }) => {
-	const className = (0, __marigold_system.useClassNames)({
+	const className = (0, _marigold_system.useClassNames)({
 		component: "Label",
 		size,
 		variant
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Label, {
 		...props,
-		className: (0, __marigold_system.cn)(className, "inline-flex"),
+		className: (0, _marigold_system.cn)(className, "in-field:mb-1.5 inline-flex"),
 		children
 	});
 };
@@ -136,15 +178,15 @@ const _Label = ({ size, variant, children, ...props }) => {
 const fixedForwardRef = react.forwardRef;
 const _FieldBase = (props, ref) => {
 	const { as: Component = "div", children, label, size, variant, width, description, errorMessage, className, ...rest } = props;
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Field",
 		variant,
 		size
 	});
-	const isFractionWidth = width ? (0, __marigold_system.isFraction)(`${width}`) : false;
+	const isFractionWidth = width ? (0, _marigold_system.isFraction)(`${width}`) : false;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Component, {
 		ref,
-		className: (0, __marigold_system.cn)(
+		className: (0, _marigold_system.cn)(
 			"group/field flex min-w-0 flex-col",
 			/**
 			* Width handling strategy:
@@ -157,8 +199,8 @@ const _FieldBase = (props, ref) => {
 			className
 		),
 		style: {
-			...(0, __marigold_system.createWidthVar)("container-width", width ? `${width}` : "full"),
-			...(0, __marigold_system.createWidthVar)("field-width", width && !isFractionWidth ? `${width}` : "full")
+			...(0, _marigold_system.createWidthVar)("container-width", width ? `${width}` : "full"),
+			...(0, _marigold_system.createWidthVar)("field-width", width && !isFractionWidth ? `${width}` : "full")
 		},
 		"data-required": props.isRequired ? true : void 0,
 		"data-error": props.isInvalid ? true : void 0,
@@ -193,7 +235,7 @@ const Check = ({ size = 24, className, ...props }) => /* @__PURE__ */ (0, react_
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	className: (0, __marigold_system.cn)("shrink-0", className),
+	className: (0, _marigold_system.cn)("shrink-0", className),
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
 });
@@ -209,7 +251,7 @@ const CollapsibleProvider = ({ value, children }) => /* @__PURE__ */ (0, react_j
 //#endregion
 //#region src/Collapsible/CollapsibleContent.tsx
 const CollapsibleContent = ({ variant, size, children, ...props }) => {
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Collapsible",
 		variant,
 		size,
@@ -225,7 +267,7 @@ const CollapsibleContent = ({ variant, size, children, ...props }) => {
 //#endregion
 //#region src/Collapsible/CollapsibleTrigger.tsx
 const CollapsibleTrigger = ({ variant, size, children, level, ...props }) => {
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Collapsible",
 		variant,
 		size,
@@ -245,7 +287,7 @@ const CollapsibleTrigger = ({ variant, size, children, level, ...props }) => {
 //#endregion
 //#region src/Collapsible/Collapsible.tsx
 const Collapsible = ({ variant, size, children, unstyled, ...props }) => {
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Collapsible",
 		variant,
 		size
@@ -257,7 +299,7 @@ const Collapsible = ({ variant, size, children, unstyled, ...props }) => {
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Disclosure, {
 			...props,
-			className: (0, __marigold_system.cn)(classNames.container, unstyled && "expanded:contents expanded:[&_[role=group]]:contents"),
+			className: (0, _marigold_system.cn)(classNames.container, unstyled && "expanded:contents expanded:[&_[role=group]]:contents"),
 			children
 		})
 	});
@@ -273,7 +315,7 @@ const More = ({ children, defaultExpanded = false, unstyled = true, showCount =
 	* force a rerender and without the state the <Collapsible> will be collapsed.
 	*/
 	const [isExpanded, setIsExpanded] = (0, react.useState)(defaultExpanded);
-	const stringFormatter = (0, __react_aria_i18n.useLocalizedStringFormatter)(intlMessages, "marigold");
+	const stringFormatter = (0, _react_aria_i18n.useLocalizedStringFormatter)(intlMessages, "marigold");
 	const count = `${react.Children.count(children)}`;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Collapsible, {
 		variant: "link",
@@ -282,7 +324,7 @@ const More = ({ children, defaultExpanded = false, unstyled = true, showCount =
 		...props,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collapsible.Content, { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Collapsible.Trigger, {
 			onPress: () => setIsExpanded(!isExpanded),
-			children: isExpanded ? stringFormatter.format(showCount ? "showLessCount" : "showLess").replace("{count}", count) : stringFormatter.format(showCount ? "showMoreCount" : "showMore").replace("{count}", count)
+			children: isExpanded ? stringFormatter.format(showCount ? "showLessCount" : "showLess", { count }) : stringFormatter.format(showCount ? "showMoreCount" : "showMore", { count })
 		})]
 	});
 };
@@ -312,7 +354,7 @@ const CollapsibleGroup = ({ children }) => {
 	});
 };
 const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly, error, width, orientation = "vertical", collapseAt, ...rest }) => {
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Checkbox",
 		variant,
 		size,
@@ -334,7 +376,7 @@ const _CheckboxGroup = ({ children, variant, size, required, disabled, readOnly,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			role: "presentation",
 			"data-orientation": orientation,
-			className: (0, __marigold_system.cn)(classNames.group, "group/checkboxgroup flex items-start", orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"),
+			className: (0, _marigold_system.cn)(classNames.group, "group/checkboxgroup flex items-start", orientation === "vertical" ? "flex-col gap-[0.5ch]" : "flex-row gap-[1.5ch]"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CheckboxGroupContext.Provider, {
 				value: {
 					width,
@@ -359,7 +401,7 @@ const Minus = ({ size = 24, className, ...props }) => /* @__PURE__ */ (0, react_
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	className: (0, __marigold_system.cn)("shrink-0", className),
+	className: (0, _marigold_system.cn)("shrink-0", className),
 	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5 12h14" })
 });
@@ -367,8 +409,8 @@ const Minus = ({ size = 24, className, ...props }) => /* @__PURE__ */ (0, react_
 //#endregion
 //#region src/Checkbox/Checkbox.tsx
 const Field = ({ description, children }) => {
-	const className = (0, __marigold_system.useClassNames)({ component: "Field" });
-	const descriptionId = (0, __react_aria_utils.useId)();
+	const className = (0, _marigold_system.useClassNames)({ component: "Field" });
+	const descriptionId = (0, _react_aria_utils.useId)();
 	if (!description) return children;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className,
@@ -381,7 +423,7 @@ const Field = ({ description, children }) => {
 const Icon = ({ className, checked, indeterminate, ...props }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"aria-hidden": "true",
-		className: (0, __marigold_system.cn)("flex shrink-0 grow-0 basis-4 items-center justify-center", "h-4 w-4 p-px", "bg-white", "rounded-[3px] border border-solid border-black", className),
+		className: (0, _marigold_system.cn)("flex shrink-0 grow-0 basis-4 items-center justify-center", "h-4 w-4 p-px", "bg-white", "rounded-[3px] border border-solid border-black", className),
 		...props,
 		children: indeterminate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Minus, {
 			size: "12",
@@ -404,7 +446,7 @@ const _Checkbox = (0, react.forwardRef)(({ error, disabled, readOnly, required,
 		...rest
 	};
 	const group = useCheckboxGroupContext();
-	const classNames = (0, __marigold_system.useClassNames)({
+	const classNames = (0, _marigold_system.useClassNames)({
 		component: "Checkbox",
 		variant: variant || group?.variant,
 		size: size || group?.size
@@ -413,7 +455,7 @@ const _Checkbox = (0, react.forwardRef)(({ error, disabled, readOnly, required,
 		description,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Checkbox, {
 			ref,
-			className: (0, __marigold_system.cn)("group/checkbox flex items-center", "cursor-pointer data-disabled:cursor-not-allowed", classNames.container),
+			className: (0, _marigold_system.cn)("group/checkbox flex items-center", "cursor-pointer data-disabled:cursor-not-allowed", classNames.container),
 			...props,
 			children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
 				checked: isSelected,