@midas-ds/components 17.29.0 → 17.30.0

package/chunks/search-field-Cp_HHDl4.js

@@ -0,0 +1,91 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.js";
+import { n as r, t as i } from "./label-Dw5p84T2.js";
+import { t as a } from "./text-DwmZ-ew8.js";
+import { t as o } from "./field-error-LtNtEKDp.js";
+import { t as s } from "./TextField.module-BLGiCC4q.js";
+import { FormContext as c, Input as l, SearchField as u, useSlottedContext as d } from "react-aria-components";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Search as h, X as g } from "lucide-react";
+import '../assets/search-field.css';var _ = {
+	container: "_container_onquj_1",
+	inner: "_inner_onquj_12",
+	inputContainer: "_inputContainer_onquj_17",
+	medium: "_medium_onquj_23",
+	icon: "_icon_onquj_28",
+	clear: "_clear_onquj_40",
+	input: "_input_onquj_17"
+}, v = {
+	en: { search: "Search" },
+	sv: { search: "Sök" }
+};
+//#endregion
+//#region src/search-field/SearchField.tsx
+function y(e) {
+	return !!e?.length;
+}
+var b = ({ errorPosition: b = "top", size: x = "large", showButton: S, className: C, errorMessage: w, placeholder: T, label: E, description: D, popover: O, validationBehavior: k, inputMode: A = "search", ...j }) => {
+	let M = t(v), N = d(c), P = k ?? N?.validationBehavior ?? "aria", F = S !== !1, I = (e) => {
+		e && !j.isInvalid && (j.validate && y(j.validate(e)) || j.onSubmit?.(e));
+	};
+	return /* @__PURE__ */ p(u, {
+		...j,
+		inputMode: A,
+		onSubmit: I,
+		"aria-label": E ? j["aria-label"] : j["aria-label"] ?? T,
+		className: e(_.container, C),
+		validationBehavior: P,
+		children: ({ state: t }) => /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p(r, {
+				popover: O,
+				children: E && /* @__PURE__ */ p(i, { children: E })
+			}),
+			D && /* @__PURE__ */ p(a, {
+				slot: "description",
+				children: D
+			}),
+			b === "top" && /* @__PURE__ */ p(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
+			/* @__PURE__ */ m("div", {
+				className: _.inner,
+				children: [/* @__PURE__ */ m("div", {
+					className: e(_.inputContainer, { [_.medium]: x === "medium" }),
+					children: [
+						/* @__PURE__ */ p(h, {
+							size: 20,
+							className: _.icon
+						}),
+						/* @__PURE__ */ p(l, {
+							placeholder: T,
+							className: e(s.input, _.input, { [_.medium]: x === "medium" }),
+							onKeyDown: j.onSubmit ? void 0 : (e) => {
+								e.key === "Enter" && t.value && !j.isInvalid && e.currentTarget.form?.requestSubmit();
+							}
+						}),
+						t.value.length > 0 && /* @__PURE__ */ p(n, {
+							variant: "icon",
+							size: x,
+							className: e(_.clear, { [_.medium]: x === "medium" }),
+							children: /* @__PURE__ */ p(g, {
+								size: 20,
+								"aria-hidden": !0
+							})
+						})
+					]
+				}), F && /* @__PURE__ */ p(n, {
+					slot: null,
+					excludeFromTabOrder: !0,
+					size: x,
+					isDisabled: j.isDisabled,
+					type: "button",
+					onPress: () => I(t.value),
+					children: j.buttonText ?? M.format("search")
+				})]
+			}),
+			b === "bottom" && /* @__PURE__ */ p(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
+		] })
+	});
+};
+//#endregion
+export { b as t };

package/chunks/select-Wy6NakdH.js

@@ -0,0 +1,176 @@
+import { n as e, t } from "./clsx-Di52oYUU.js";
+import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n as r, t as i } from "./label-Dw5p84T2.js";
+import { t as a } from "./popover-DGcogqbS.js";
+import { t as o } from "./text-DwmZ-ew8.js";
+import { t as s } from "./field-error-LtNtEKDp.js";
+import { n as c } from "./checkbox-DiFQy3MS.js";
+import { c as l } from "./list-box-DmEoMvX1.js";
+import { n as u, r as d, t as f } from "./tag-RjuYlFZI.js";
+import p, { useContext as m } from "react";
+import { Button as h, Select as g, SelectStateContext as _, SelectValue as v } from "react-aria-components";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronDown as S, X as C } from "lucide-react";
+import { FocusScope as w, useFocusManager as T } from "react-aria";
+import '../assets/select.css';var E = {
+	en: {
+		clearAll: "Clear all",
+		selectAll: "Select all",
+		selectedItems: "Selected items",
+		selected: "selected"
+	},
+	sv: {
+		clearAll: "Rensa alla",
+		selectAll: "Välj alla",
+		selectedItems: "Valda objekt",
+		selected: "valda"
+	}
+}, D = {
+	select: "_select_140qh_1",
+	triggerContainer: "_triggerContainer_140qh_7",
+	trigger: "_trigger_140qh_7",
+	medium: "_medium_140qh_30",
+	small: "_small_140qh_37",
+	selectValue: "_selectValue_140qh_60",
+	icon: "_icon_140qh_110",
+	placeholder: "_placeholder_140qh_122",
+	multiSelectValue: "_multiSelectValue_140qh_132",
+	selectValueTag: "_selectValueTag_140qh_156",
+	clearButton: "_clearButton_140qh_170",
+	truncate: "_truncate_140qh_185",
+	popover: "_popover_140qh_222",
+	selectAll: "_selectAll_140qh_250",
+	tagGroup: "_tagGroup_140qh_316"
+}, O = () => {
+	let e = p.useContext(_), t = n(E);
+	return /* @__PURE__ */ b(c, {
+		className: D.selectAll,
+		isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
+		isSelected: e?.selectionManager.isSelectAll,
+		onChange: () => {
+			if (!e) return;
+			let t = Array.from(e.collection.getKeys()).filter((t) => e.collection.getItem(t)?.type === "item" && e.selectionManager.canSelectItem(t)), n = Array.from(e.selectionManager.selectedKeys).filter((t) => !e.selectionManager.canSelectItem(t));
+			e.setValue(e.selectionManager.isSelectAll ? n : [...t, ...n]), e.commitValidation();
+		},
+		children: t.format("selectAll")
+	});
+}, k = ({ isDisabled: e }) => {
+	let t = n(E), r = (e, n) => e.length === 1 ? n : `${e.length} ${t.format("selected")}`;
+	return /* @__PURE__ */ b(v, {
+		className: D.multiSelectValue,
+		"data-disabled": e || void 0,
+		children: ({ isPlaceholder: t, selectedItems: n, selectedText: i }) => t ? /* @__PURE__ */ b(y, {}) : /* @__PURE__ */ x("div", {
+			className: D.selectValueTag,
+			"data-disabled": e || void 0,
+			children: [/* @__PURE__ */ b("span", {
+				className: D.truncate,
+				children: r(n, i)
+			}), /* @__PURE__ */ b(A, { isDisabled: e })]
+		})
+	});
+}, A = ({ isDisabled: e }) => {
+	let t = p.useContext(_), r = n(E), i = T();
+	return /* @__PURE__ */ b(h, {
+		"aria-label": r.format("clearAll"),
+		className: D.clearButton,
+		onPress: () => {
+			i?.focusFirst(), t?.selectionManager.clearSelection();
+		},
+		slot: null,
+		isDisabled: e,
+		children: /* @__PURE__ */ b(C, {
+			width: 20,
+			height: 20
+		})
+	});
+}, j = ({ showTags: e, isDisabled: t }) => {
+	let r = n(E), i = m(_);
+	return !i?.selectedItems.length || !e ? null : /* @__PURE__ */ b(f, {
+		"aria-label": r.format("selectedItems"),
+		className: D.tagGroup,
+		onRemove: (e) => {
+			i?.selectionManager.toggleSelection(Array.from(e)[0]);
+		},
+		selectionBehavior: "toggle",
+		children: /* @__PURE__ */ b(u, {
+			items: i.selectedItems,
+			children: (e) => /* @__PURE__ */ b(d, {
+				isDismissable: !0,
+				id: e.key,
+				isDisabled: t,
+				textValue: e.textValue,
+				children: e.textValue
+			}, e.key)
+		})
+	});
+}, M = ({ isDisabled: t, selectionMode: n, size: r }) => {
+	let i = m(_);
+	return /* @__PURE__ */ x(h, {
+		className: e({
+			[D.medium]: r === "medium",
+			[D.small]: r === "small"
+		}, D.trigger),
+		"data-invalid": !!i?.displayValidation.isInvalid || void 0,
+		children: [/* @__PURE__ */ b(v, {
+			className: D.selectValue,
+			"data-disabled": t || void 0,
+			children: ({ selectedText: e, defaultChildren: t }) => /* @__PURE__ */ b("div", {
+				className: D.placeholder,
+				children: /* @__PURE__ */ b("span", {
+					className: D.truncate,
+					children: n === "multiple" && e ? null : e || t
+				})
+			})
+		}), /* @__PURE__ */ b("span", {
+			"aria-hidden": "true",
+			className: D.icon,
+			children: /* @__PURE__ */ b(S, { size: 20 })
+		})]
+	});
+};
+//#endregion
+//#region src/select/Select.tsx
+function N({ children: e, description: n, errorMessage: c, errorPosition: u = "top", items: d, label: f, popover: p, popoverProps: m, listBoxProps: h, size: _ = "large", ...v }) {
+	return /* @__PURE__ */ b(w, { children: /* @__PURE__ */ x(g, {
+		...v,
+		className: t(v.className, D.select),
+		children: [
+			/* @__PURE__ */ b(r, {
+				popover: p,
+				children: f && /* @__PURE__ */ b(i, {
+					"data-disabled": v.isDisabled || void 0,
+					children: f
+				})
+			}),
+			n && /* @__PURE__ */ b(o, {
+				slot: "description",
+				children: n
+			}),
+			u === "top" && /* @__PURE__ */ b(s, { children: c }),
+			/* @__PURE__ */ x("div", {
+				className: D.triggerContainer,
+				"data-disabled": v.isDisabled || void 0,
+				children: [/* @__PURE__ */ b(M, {
+					size: _,
+					...v
+				}), v.selectionMode === "multiple" ? /* @__PURE__ */ b(k, { ...v }) : null]
+			}),
+			u === "bottom" && /* @__PURE__ */ b(s, { children: c }),
+			/* @__PURE__ */ x(a, {
+				offset: 1,
+				hideArrow: !0,
+				...m,
+				className: t(m?.className, D.popover),
+				children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(l, {
+					escapeKeyBehavior: "none",
+					items: d,
+					...h,
+					children: e
+				})]
+			}),
+			/* @__PURE__ */ b(j, { ...v })
+		]
+	}) });
+}
+//#endregion
+export { M as n, N as t };

package/chunks/spinner-COGZlDJB.js

@@ -0,0 +1,29 @@
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { LoaderCircle as i } from "lucide-react";
+import { VisuallyHidden as a } from "react-aria";
+import '../assets/spinner.css';var o = {
+	container: "_container_1qexx_1",
+	spinner: "_spinner_1qexx_5",
+	rotating: "_rotating_1qexx_1",
+	large: "_large_1qexx_18"
+}, s = {
+	en: { loadingPleaseWait: "Loading, please wait..." },
+	sv: { loadingPleaseWait: "Laddar, vänligen vänta..." }
+}, c = ({ small: c, color: l, className: u }) => {
+	let d = t(s);
+	return /* @__PURE__ */ r("div", {
+		className: e(o.container, u),
+		role: "status",
+		children: [/* @__PURE__ */ n(i, {
+			className: e(o.spinner, !c && o.large),
+			size: c ? 20 : 96,
+			strokeWidth: c ? 2 : 8,
+			absoluteStrokeWidth: !0,
+			color: l
+		}), /* @__PURE__ */ n(a, { children: d.format("loadingPleaseWait") })]
+	});
+};
+//#endregion
+export { c as t };

package/chunks/table-O_Y45Sb7.js

@@ -0,0 +1,84 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { n as t } from "./checkbox-DiFQy3MS.js";
+import { Button as n, Cell as r, Collection as i, Column as a, Row as o, Table as s, TableBody as c, TableHeader as l, useTableOptions as u } from "react-aria-components";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, GripVertical as _ } from "lucide-react";
+import '../assets/table.css';var v = {
+	table: "_table_1lyes_1",
+	tableHeader: "_tableHeader_1lyes_11",
+	column: "_column_1lyes_12",
+	sortIndicator: "_sortIndicator_1lyes_29",
+	sortIconNeutral: "_sortIconNeutral_1lyes_37",
+	selection: "_selection_1lyes_56",
+	row: "_row_1lyes_62",
+	cell: "_cell_1lyes_81",
+	narrow: "_narrow_1lyes_98",
+	medium: "_medium_1lyes_121",
+	striped: "_striped_1lyes_132"
+}, y = ({ size: t = "large", striped: n = !1, className: r, ...i }) => /* @__PURE__ */ f(s, {
+	className: e(v.table, r, {
+		[v.medium]: t === "medium",
+		[v.striped]: n
+	}),
+	...i
+}), b = ({ columns: n, children: r, className: a }) => {
+	let { selectionBehavior: o, selectionMode: s, allowsDragging: c } = u();
+	return /* @__PURE__ */ p(l, {
+		className: e(a, v.tableHeader),
+		children: [
+			c && /* @__PURE__ */ f(S, {}),
+			o === "toggle" && /* @__PURE__ */ f(S, {
+				width: 50,
+				children: s === "multiple" && /* @__PURE__ */ f(t, {
+					className: v.selection,
+					slot: "selection"
+				})
+			}),
+			/* @__PURE__ */ f(i, {
+				items: n,
+				children: r
+			})
+		]
+	});
+}, x = ({ id: r, columns: a, children: s, className: c, ...l }) => {
+	let { selectionBehavior: d, allowsDragging: m } = u();
+	return /* @__PURE__ */ p(o, {
+		id: r,
+		className: e(c, v.row),
+		...l,
+		children: [
+			m && /* @__PURE__ */ f(C, { children: /* @__PURE__ */ f(n, {
+				slot: "drag",
+				children: /* @__PURE__ */ f(_, { size: 20 })
+			}) }),
+			d === "toggle" && /* @__PURE__ */ f(C, { children: /* @__PURE__ */ f(t, {
+				className: v.selection,
+				slot: "selection"
+			}) }),
+			/* @__PURE__ */ f(i, {
+				items: a,
+				children: s
+			})
+		]
+	});
+}, S = ({ children: t, className: n, ...r }) => /* @__PURE__ */ f(a, {
+	className: e(n, v.column),
+	...r,
+	children: ({ allowsSorting: e, sortDirection: n }) => /* @__PURE__ */ p(d, { children: [t, e && /* @__PURE__ */ f("span", {
+		"aria-hidden": "true",
+		className: v.sortIndicator,
+		children: n === "ascending" ? /* @__PURE__ */ f(h, { size: 16 }) : n === "descending" ? /* @__PURE__ */ f(m, { size: 16 }) : /* @__PURE__ */ f(g, {
+			size: 16,
+			className: v.sortIconNeutral
+		})
+	})] })
+}), C = ({ className: t, ...n }) => /* @__PURE__ */ f(r, {
+	className: e(t, v.cell),
+	...n
+}), w = ({ className: t, ...n }) => /* @__PURE__ */ f(c, {
+	className: e(t, v.tableBody),
+	...n
+});
+//#endregion
+export { w as a, y as i, S as n, b as o, x as r, C as t };

package/chunks/tag-RjuYlFZI.js

@@ -0,0 +1,78 @@
+import { t as e } from "./clsx-Di52oYUU.js";
+import { n as t } from "./button-C-WkFek9.js";
+import { Children as n, forwardRef as r, isValidElement as i } from "react";
+import { Tag as a, TagGroup as o, TagGroupContext as s, TagList as c, TagListContext as l, composeRenderProps as u, useContextProps as d } from "react-aria-components";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { X as h } from "lucide-react";
+import '../assets/tag.css';var g = {
+	button: "_button_14ocl_1",
+	tag: "_tag_14ocl_8",
+	sky: "_sky_14ocl_21",
+	blue: "_blue_14ocl_22",
+	mint: "_mint_14ocl_27",
+	green: "_green_14ocl_28",
+	cream: "_cream_14ocl_33",
+	yellow: "_yellow_14ocl_34",
+	teal: "_teal_14ocl_39",
+	lagoon: "_lagoon_14ocl_44",
+	lagoonblue: "_lagoonblue_14ocl_45",
+	lavender: "_lavender_14ocl_50",
+	purple: "_purple_14ocl_51",
+	peach: "_peach_14ocl_56",
+	orange: "_orange_14ocl_57",
+	pippin: "_pippin_14ocl_62",
+	red: "_red_14ocl_63",
+	tagText: "_tagText_14ocl_90",
+	dismissable: "_dismissable_14ocl_104"
+}, _ = ({ className: n, color: r, dismissable: i = !1, isDismissable: o, type: s, ...c }) => {
+	let l = o || o === void 0 && i;
+	return /* @__PURE__ */ p(a, {
+		className: e(g.tag, l && g.dismissable, {
+			[g.sky]: r === "sky",
+			[g.blue]: r === "blue" || !r && s === "info",
+			[g.mint]: r === "mint",
+			[g.green]: r === "green" || !r && s === "success",
+			[g.cream]: r === "cream",
+			[g.yellow]: r === "yellow" || !r && s === "important",
+			[g.teal]: r === "teal",
+			[g.lagoon]: r === "lagoon",
+			[g.lagoonblue]: r === "lagoonblue",
+			[g.lavender]: r === "lavender",
+			[g.purple]: r === "purple",
+			[g.peach]: r === "peach",
+			[g.orange]: r === "orange",
+			[g.pippin]: r === "pippin",
+			[g.red]: r === "red" || !r && s === "warning"
+		}, n),
+		...c,
+		textValue: c.textValue || (typeof c.children == "string" ? c.children : void 0),
+		children: u(c.children, (e) => /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			className: g.tagText,
+			children: e
+		}), l && /* @__PURE__ */ p(t, {
+			variant: "icon",
+			size: "medium",
+			className: g.button,
+			slot: "remove",
+			children: /* @__PURE__ */ p(h, { size: 20 })
+		})] }))
+	});
+}, v = { tagList: "_tagList_17pz2_1" }, y = r((t, n) => {
+	let [{ className: r, ...i }, a] = d(t, n, l);
+	return /* @__PURE__ */ p(c, {
+		className: e(r, v.tagList),
+		ref: a,
+		...i
+	});
+}), b = r((t, r) => {
+	let [{ className: a, children: c, ...l }, u] = d(t, r, s), f = n.toArray(c).filter(i).find((e) => e.type === y);
+	return !f && process.env.NODE_ENV === "development" && console.warn("Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"), /* @__PURE__ */ p(o, {
+		className: e(a),
+		ref: u,
+		...l,
+		children: f ? c : /* @__PURE__ */ p(y, { children: c })
+	});
+});
+b.displayName = "TagGroup";
+//#endregion
+export { y as n, _ as r, b as t };

package/chunks/{textfield-BSvCsAyC.js → textfield-Bu0Hg2pJ.js}

@@ -1,8 +1,8 @@
 'use client';
 import { n as e, t } from "./clsx-Di52oYUU.js";
 import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as r } from "./button-CenXTGXL.js";
-import { n as i, t as a } from "./label-LWlgvAwz.js";
+import { n as r } from "./button-C-WkFek9.js";
+import { n as i, t as a } from "./label-Dw5p84T2.js";
 import { t as o } from "./text-DwmZ-ew8.js";
 import { t as s } from "./field-error-LtNtEKDp.js";
 import { t as c } from "./character-counter-CSoVSrxZ.js";

package/chunks/{time-field-CmjGBQph.js → time-field-Cnp-dYhm.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./clsx-Di52oYUU.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-LWlgvAwz.js";
+import { n, t as r } from "./label-Dw5p84T2.js";
 import { t as i } from "./text-DwmZ-ew8.js";
 import { t as a } from "./field-error-LtNtEKDp.js";
-import { t as o } from "./clear-button-D3I1X3yG.js";
-import { n as s, r as c } from "./date-field-BF2f9bSf.js";
+import { t as o } from "./clear-button-Bv0YGBNG.js";
+import { n as s, r as c } from "./date-field-CPpWZqws.js";
 import * as l from "react";
 import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/chunks/{toast-gJgjitZF.js → toast-Dg3fVjSS.js}

@@ -1,10 +1,10 @@
 'use client';
 import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./FeedbackStatusIcon-DRI7WrSU.js";
-import { t as n } from "./x-BJAOO5a5.js";
-import { n as r } from "./button-CenXTGXL.js";
-import i from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n as t } from "./button-C-WkFek9.js";
+import { t as n } from "./FeedbackStatusIcon-DvMDGBGL.js";
+import r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { X as s } from "lucide-react";
 import { useToast as c, useToastRegion as l } from "react-aria";
 import { ToastQueue as u, useToastQueue as d, useToastState as f } from "react-stately";
 import { createPortal as p, flushSync as m } from "react-dom";
@@ -32,32 +32,32 @@ import '../assets/toast.css';var h = {
 	maxVisibleToasts: 5
 }, _ = new u(g), v = (e) => {
 	let t = d(_);
-	return t.visibleToasts.length > 0 ? p(/* @__PURE__ */ o(b, {
+	return t.visibleToasts.length > 0 ? p(/* @__PURE__ */ a(b, {
 		...e,
 		state: t
 	}), document.body) : null;
 }, y = ({ children: e, ...t }) => {
 	let n = f(g);
-	return /* @__PURE__ */ s(a, { children: [typeof e == "function" ? e(n) : e, n.visibleToasts.length > 0 && /* @__PURE__ */ o(b, {
+	return /* @__PURE__ */ o(i, { children: [typeof e == "function" ? e(n) : e, n.visibleToasts.length > 0 && /* @__PURE__ */ a(b, {
 		...t,
 		state: n
 	})] });
 };
-function b({ state: t, className: n, ...r }) {
-	let a = i.useRef(null), { regionProps: s } = l(r, t, a);
-	return /* @__PURE__ */ o("div", {
+function b({ state: t, className: n, ...i }) {
+	let o = r.useRef(null), { regionProps: s } = l(i, t, o);
+	return /* @__PURE__ */ a("div", {
 		...s,
-		ref: a,
+		ref: o,
 		className: e(h.toastRegion, n),
-		children: t.visibleToasts.map((e) => /* @__PURE__ */ o(x, {
+		children: t.visibleToasts.map((e) => /* @__PURE__ */ a(x, {
 			toast: e,
 			state: t
 		}, e.key))
 	});
 }
-function x({ state: a, className: l, ...u }) {
-	let d = i.useRef(null), { toastProps: f, contentProps: p, titleProps: m, closeButtonProps: g } = c(u, a, d);
-	return /* @__PURE__ */ s("div", {
+function x({ state: i, className: l, ...u }) {
+	let d = r.useRef(null), { toastProps: f, contentProps: p, titleProps: m, closeButtonProps: g } = c(u, i, d);
+	return /* @__PURE__ */ o("div", {
 		...f,
 		ref: d,
 		className: e(h.toast, h[u.toast.content.type], l),
@@ -65,22 +65,22 @@ function x({ state: a, className: l, ...u }) {
 			viewTransitionName: u.toast.key,
 			viewTransitionClass: h.viewTransition
 		},
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ o("div", {
 			...p,
 			className: e(h.toastContent, p.className),
-			children: [/* @__PURE__ */ o(t, {
+			children: [/* @__PURE__ */ a(n, {
 				"aria-hidden": !0,
 				className: h.icon,
 				status: u.toast.content.type
-			}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+			}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 				className: h.toastMessage,
 				...m,
 				children: u.toast.content.message
 			}), u.toast.content.children] })]
-		}), /* @__PURE__ */ o(r, {
+		}), /* @__PURE__ */ a(t, {
 			variant: "icon",
 			...g,
-			children: /* @__PURE__ */ o(n, {
+			children: /* @__PURE__ */ a(s, {
 				size: 20,
 				"aria-hidden": !0
 			})

package/clear-button/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/clear-button-D3I1X3yG.js";
+import { t as e } from "../chunks/clear-button-Bv0YGBNG.js";
 export { e as ClearButton };

package/color-scheme-switch/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/color-scheme-switch-DVZjdwc9.js";
+import { n as e, t } from "../chunks/color-scheme-switch-0axiBsna.js";
 export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };

package/combobox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/combobox-DIou4Z-d.js";
+import { t as e } from "../chunks/combobox-DkZbA3o4.js";
 export { e as ComboBox };

package/date-field/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/date-field-BF2f9bSf.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/date-field-CPpWZqws.js";
 export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };

package/date-picker/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/date-picker-DZivTUB_.js";
+import { n as e, t } from "../chunks/date-picker-DQ7vCG5-.js";
 export { e as DatePicker, t as DateRangePicker };

package/file-list/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/file-list-B4vG_egr.js";
+import { n as e, t } from "../chunks/file-list-D8Zc1aYS.js";
 export { e as FileList, t as FileListItem };