@midas-ds/components 17.33.5 → 17.33.6

package/chunks/{search-field-CpQnnJKa.js → search-field-BI1h0UBl.js}

@@ -1,11 +1,11 @@
 'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n } from "./button-dpe6hXmI.js";
-import { n as r, t as i } from "./label-2ac-zqbe.js";
-import { t as a } from "./text-DnvD4Cjc.js";
-import { t as o } from "./field-error-BHoPnRe4.js";
-import { t as s } from "./TextField.module-Bg4LNalb.js";
+import { t as e } from "./TextField.module-B-5HJOZt.js";
+import { n as t } from "./button-S2AY4EEn.js";
+import { t as n } from "./clsx-BtGY0yFD.js";
+import { t as r } from "./field-error-C5ynuTRu.js";
+import { t as i } from "./text-D7tnzTru.js";
+import { n as a, t as o } from "./label-B5-Kmj4t.js";
+import { t as s } from "./useLocalizedStringFormatter-DhIAL1D7.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";
@@ -21,13 +21,12 @@ import '../assets/search-field.css';var _ = {
 	en: { search: "Search" },
 	sv: { search: "Sök" }
 };
-//#endregion
-//#region src/search-field/SearchField.tsx
+// 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) => {
+	let M = s(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, {
@@ -35,22 +34,22 @@ var b = ({ errorPosition: b = "top", size: x = "large", showButton: S, className
 		inputMode: A,
 		onSubmit: I,
 		"aria-label": E ? j["aria-label"] : j["aria-label"] ?? T,
-		className: e(_.container, C),
+		className: n(_.container, C),
 		validationBehavior: P,
-		children: ({ state: t }) => /* @__PURE__ */ m(f, { children: [
-			/* @__PURE__ */ p(r, {
+		children: ({ state: s }) => /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p(a, {
 				popover: O,
-				children: E && /* @__PURE__ */ p(i, { children: E })
+				children: E && /* @__PURE__ */ p(o, { children: E })
 			}),
-			D && /* @__PURE__ */ p(a, {
+			D && /* @__PURE__ */ p(i, {
 				slot: "description",
 				children: D
 			}),
-			b === "top" && /* @__PURE__ */ p(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
+			b === "top" && /* @__PURE__ */ p(r, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
 			/* @__PURE__ */ m("div", {
 				className: _.inner,
 				children: [/* @__PURE__ */ m("div", {
-					className: e(_.inputContainer, { [_.medium]: x === "medium" }),
+					className: n(_.inputContainer, { [_.medium]: x === "medium" }),
 					children: [
 						/* @__PURE__ */ p(h, {
 							size: 20,
@@ -58,34 +57,33 @@ var b = ({ errorPosition: b = "top", size: x = "large", showButton: S, className
 						}),
 						/* @__PURE__ */ p(l, {
 							placeholder: T,
-							className: e(s.input, _.input, { [_.medium]: x === "medium" }),
+							className: n(e.input, _.input, { [_.medium]: x === "medium" }),
 							onKeyDown: j.onSubmit ? void 0 : (e) => {
-								e.key === "Enter" && t.value && !j.isInvalid && e.currentTarget.form?.requestSubmit();
+								e.key === "Enter" && s.value && !j.isInvalid && e.currentTarget.form?.requestSubmit();
 							}
 						}),
-						t.value.length > 0 && /* @__PURE__ */ p(n, {
+						s.value.length > 0 && /* @__PURE__ */ p(t, {
 							variant: "icon",
 							size: x,
-							className: e(_.clear, { [_.medium]: x === "medium" }),
+							className: n(_.clear, { [_.medium]: x === "medium" }),
 							children: /* @__PURE__ */ p(g, {
 								size: 20,
 								"aria-hidden": !0
 							})
 						})
 					]
-				}), F && /* @__PURE__ */ p(n, {
+				}), F && /* @__PURE__ */ p(t, {
 					slot: null,
 					excludeFromTabOrder: !0,
 					size: x,
 					isDisabled: j.isDisabled,
 					type: "button",
-					onPress: () => I(t.value),
+					onPress: () => I(s.value),
 					children: j.buttonText ?? M.format("search")
 				})]
 			}),
-			b === "bottom" && /* @__PURE__ */ p(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
+			b === "bottom" && /* @__PURE__ */ p(r, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
 		] })
 	});
 };
-//#endregion
 export { b as t };

package/chunks/{select-CdVW8cwA.js → select-BHpUGcW7.js}

@@ -1,12 +1,12 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-2ac-zqbe.js";
-import { t as i } from "./popover-B82BcP5n.js";
-import { t as a } from "./text-DnvD4Cjc.js";
-import { t as o } from "./field-error-BHoPnRe4.js";
-import { n as s } from "./checkbox-BGxv1TyT.js";
-import { c } from "./list-box-BzBJX0nP.js";
-import { n as l, r as u, t as d } from "./tag-BEawJnJm.js";
+import { n as e, t } from "./label-B5-Kmj4t.js";
+import { t as n } from "./clsx-BtGY0yFD.js";
+import { t as r } from "./text-D7tnzTru.js";
+import { t as i } from "./field-error-C5ynuTRu.js";
+import { n as a } from "./checkbox-CzH8BdsB.js";
+import { t as o } from "./useLocalizedStringFormatter-DhIAL1D7.js";
+import { c as s } from "./list-box-frfQGO1x.js";
+import { t as c } from "./popover-C7Ain5Qz.js";
+import { n as l, r as u, t as d } from "./tag-B1suqFhD.js";
 import f, { useContext as p } from "react";
 import m from "clsx";
 import { Button as h, Select as g, SelectStateContext as _, SelectValue as v } from "react-aria-components";
@@ -43,8 +43,8 @@ import '../assets/select.css';var E = {
 	selectAll: "_selectAll_140qh_250",
 	tagGroup: "_tagGroup_140qh_316"
 }, O = () => {
-	let e = f.useContext(_), n = t(E);
-	return /* @__PURE__ */ b(s, {
+	let e = f.useContext(_), t = o(E);
+	return /* @__PURE__ */ b(a, {
 		className: D.selectAll,
 		isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
 		isSelected: e?.selectionManager.isSelectAll,
@@ -53,29 +53,29 @@ import '../assets/select.css';var E = {
 			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: n.format("selectAll")
+		children: t.format("selectAll")
 	});
 }, k = ({ isDisabled: e }) => {
-	let n = t(E), r = (e, t) => e.length === 1 ? t : `${e.length} ${n.format("selected")}`;
+	let t = o(E), n = (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", {
+		children: ({ isPlaceholder: t, selectedItems: r, 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)
+				children: n(r, i)
 			}), /* @__PURE__ */ b(A, { isDisabled: e })]
 		})
 	});
 }, A = ({ isDisabled: e }) => {
-	let n = f.useContext(_), r = t(E), i = T();
+	let t = f.useContext(_), n = o(E), r = T();
 	return /* @__PURE__ */ b(h, {
-		"aria-label": r.format("clearAll"),
+		"aria-label": n.format("clearAll"),
 		className: D.clearButton,
 		onPress: () => {
-			i?.focusFirst(), n?.selectionManager.clearSelection();
+			r?.focusFirst(), t?.selectionManager.clearSelection();
 		},
 		slot: null,
 		isDisabled: e,
@@ -84,21 +84,21 @@ import '../assets/select.css';var E = {
 			height: 20
 		})
 	});
-}, j = ({ showTags: e, isDisabled: n }) => {
-	let r = t(E), i = p(_);
-	return !i?.selectedItems.length || !e ? null : /* @__PURE__ */ b(d, {
-		"aria-label": r.format("selectedItems"),
+}, j = ({ showTags: e, isDisabled: t }) => {
+	let n = o(E), r = p(_);
+	return !r?.selectedItems.length || !e ? null : /* @__PURE__ */ b(d, {
+		"aria-label": n.format("selectedItems"),
 		className: D.tagGroup,
 		onRemove: (e) => {
-			i?.selectionManager.toggleSelection(Array.from(e)[0]);
+			r?.selectionManager.toggleSelection(Array.from(e)[0]);
 		},
 		selectionBehavior: "toggle",
 		children: /* @__PURE__ */ b(l, {
-			items: i.selectedItems,
+			items: r.selectedItems,
 			children: (e) => /* @__PURE__ */ b(u, {
 				isDismissable: !0,
 				id: e.key,
-				isDisabled: n,
+				isDisabled: t,
 				textValue: e.textValue,
 				children: e.textValue
 			}, e.key)
@@ -129,25 +129,24 @@ import '../assets/select.css';var E = {
 		})]
 	});
 };
-//#endregion
-//#region src/select/Select.tsx
-function N({ children: t, description: s, errorMessage: l, errorPosition: u = "top", items: d, label: f, popover: p, popoverProps: m, listBoxProps: h, size: _ = "large", ...v }) {
+// src/select/Select.tsx
+function N({ children: a, description: o, errorMessage: l, 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: e(v.className, D.select),
+		className: n(v.className, D.select),
 		children: [
-			/* @__PURE__ */ b(n, {
+			/* @__PURE__ */ b(e, {
 				popover: p,
-				children: f && /* @__PURE__ */ b(r, {
+				children: f && /* @__PURE__ */ b(t, {
 					"data-disabled": v.isDisabled || void 0,
 					children: f
 				})
 			}),
-			s && /* @__PURE__ */ b(a, {
+			o && /* @__PURE__ */ b(r, {
 				slot: "description",
-				children: s
+				children: o
 			}),
-			u === "top" && /* @__PURE__ */ b(o, { children: l }),
+			u === "top" && /* @__PURE__ */ b(i, { children: l }),
 			/* @__PURE__ */ x("div", {
 				className: D.triggerContainer,
 				"data-disabled": v.isDisabled || void 0,
@@ -156,22 +155,21 @@ function N({ children: t, description: s, errorMessage: l, errorPosition: u = "t
 					...v
 				}), v.selectionMode === "multiple" ? /* @__PURE__ */ b(k, { ...v }) : null]
 			}),
-			u === "bottom" && /* @__PURE__ */ b(o, { children: l }),
-			/* @__PURE__ */ x(i, {
+			u === "bottom" && /* @__PURE__ */ b(i, { children: l }),
+			/* @__PURE__ */ x(c, {
 				offset: 1,
 				hideArrow: !0,
 				...m,
-				className: e(m?.className, D.popover),
-				children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(c, {
+				className: n(m?.className, D.popover),
+				children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(s, {
 					escapeKeyBehavior: "none",
 					items: d,
 					...h,
-					children: t
+					children: a
 				})]
 			}),
 			/* @__PURE__ */ b(j, { ...v })
 		]
 	}) });
 }
-//#endregion
 export { M as n, N as t };

package/chunks/{skeleton-R_3dS7Ro.js → skeleton-6y5HNJZp.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import '../assets/skeleton.css';var r = {
@@ -32,5 +32,4 @@ import '../assets/skeleton.css';var r = {
 	},
 	...f
 }));
-//#endregion
 export { i as t };

package/chunks/{spinner-CIjfJeGm.js → spinner-YKC-Vk3v.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { t } from "./useLocalizedStringFormatter-DhIAL1D7.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";
@@ -25,5 +25,4 @@ import '../assets/spinner.css';var o = {
 		}), /* @__PURE__ */ n(a, { children: d.format("loadingPleaseWait") })]
 	});
 };
-//#endregion
 export { c as t };

package/chunks/{splitDataAttributes-_JTFOOIb.js → splitDataAttributes-ChyO_Kvc.js}

@@ -1,8 +1,7 @@
-//#region src/utils/splitDataAttributes.ts
+// src/utils/splitDataAttributes.ts
 function e(e) {
 	let t = {}, n = {};
 	for (let [r, i] of Object.entries(e)) r.startsWith("data-") ? t[r] = i : n[r] = i;
 	return [t, n];
 }
-//#endregion
 export { e as t };

package/chunks/{stack-BAHKom_Q.js → stack-DKjRicm1.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import '../assets/stack.css';var r = { stack: "_stack_1g0ly_7" }, i = t.forwardRef(({ children: t, elementType: i = "div", direction: a = "column", spacing: o = "small", alignItems: s = "stretch", justifyContent: c = "start", wrap: l = !1, className: u, role: d, ...f }, p) => {
@@ -18,5 +18,4 @@ import '../assets/stack.css';var r = { stack: "_stack_1g0ly_7" }, i = t.forwardR
 	});
 });
 i.displayName = "Stack";
-//#endregion
 export { i as t };

package/chunks/{table-D02AQ0Xr.js → table-Fsf-jJip.js}

@@ -1,6 +1,6 @@
 'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t } from "./checkbox-BGxv1TyT.js";
+import { n as e } from "./checkbox-CzH8BdsB.js";
+import { t } from "./clsx-BtGY0yFD.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";
@@ -16,21 +16,21 @@ import '../assets/table.css';var v = {
 	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",
+}, y = ({ size: e = "large", striped: n = !1, className: r, ...i }) => /* @__PURE__ */ f(s, {
+	className: t(v.table, r, {
+		[v.medium]: e === "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),
+		className: t(a, v.tableHeader),
 		children: [
 			c && /* @__PURE__ */ f(S, {}),
 			o === "toggle" && /* @__PURE__ */ f(S, {
 				width: 50,
-				children: s === "multiple" && /* @__PURE__ */ f(t, {
+				children: s === "multiple" && /* @__PURE__ */ f(e, {
 					className: v.selection,
 					slot: "selection"
 				})
@@ -45,14 +45,14 @@ import '../assets/table.css';var v = {
 	let { selectionBehavior: d, allowsDragging: m } = u();
 	return /* @__PURE__ */ p(o, {
 		id: r,
-		className: e(c, v.row),
+		className: t(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, {
+			d === "toggle" && /* @__PURE__ */ f(C, { children: /* @__PURE__ */ f(e, {
 				className: v.selection,
 				slot: "selection"
 			}) }),
@@ -62,10 +62,10 @@ import '../assets/table.css';var v = {
 			})
 		]
 	});
-}, S = ({ children: t, className: n, ...r }) => /* @__PURE__ */ f(a, {
-	className: e(n, v.column),
+}, S = ({ children: e, className: n, ...r }) => /* @__PURE__ */ f(a, {
+	className: t(n, v.column),
 	...r,
-	children: ({ allowsSorting: e, sortDirection: n }) => /* @__PURE__ */ p(d, { children: [t, e && /* @__PURE__ */ f("span", {
+	children: ({ allowsSorting: t, sortDirection: n }) => /* @__PURE__ */ p(d, { children: [e, t && /* @__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, {
@@ -73,12 +73,11 @@ import '../assets/table.css';var v = {
 			className: v.sortIconNeutral
 		})
 	})] })
-}), C = ({ className: t, ...n }) => /* @__PURE__ */ f(r, {
-	className: e(t, v.cell),
+}), C = ({ className: e, ...n }) => /* @__PURE__ */ f(r, {
+	className: t(e, v.cell),
 	...n
-}), w = ({ className: t, ...n }) => /* @__PURE__ */ f(c, {
-	className: e(t, v.tableBody),
+}), w = ({ className: e, ...n }) => /* @__PURE__ */ f(c, {
+	className: t(e, 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/{tabs-CbcNTa7J.js → tabs-ZCpVhr_r.js}

@@ -1,10 +1,10 @@
 'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import * as t from "react";
 import { createContext as n, useContext as r } from "react";
 import { DialogContext as i, SelectionIndicator as a, Tab as o, TabList as s, TabPanel as c, Tabs as l, composeRenderProps as u } from "react-aria-components";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import '../assets/tabs.css';//#region src/tabs/TabsContext.ts
+import '../assets/tabs.css';// src/tabs/TabsContext.ts
 var m = n({
 	variant: "uncontained",
 	size: "large"
@@ -52,5 +52,4 @@ var m = n({
 	className: e(h.tabList, t),
 	...n
 });
-//#endregion
 export { g as i, v as n, _ as r, y as t };

package/chunks/{tag-BEawJnJm.js → tag-B1suqFhD.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { n as t } from "./button-dpe6hXmI.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { n as t } from "./button-S2AY4EEn.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";
@@ -74,5 +74,4 @@ import '../assets/tag.css';var g = {
 	});
 });
 b.displayName = "TagGroup";
-//#endregion
 export { y as n, _ as r, b as t };

package/chunks/{text-DnvD4Cjc.js → text-D7tnzTru.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import "react";
 import { Text as t } from "react-aria-components";
 import { jsx as n } from "react/jsx-runtime";
@@ -24,5 +24,4 @@ import '../assets/text.css';var r = {
 		children: a
 	});
 };
-//#endregion
 export { a as t };

package/chunks/textfield-C-lRIIil.js

@@ -0,0 +1,110 @@
+'use client';
+import { t as e } from "./TextField.module-B-5HJOZt.js";
+import { t } from "./text-D7tnzTru.js";
+import { t as n } from "./field-error-C5ynuTRu.js";
+import { t as r } from "./character-counter-IbkPoEcq.js";
+import { n as i, t as a } from "./label-B5-Kmj4t.js";
+import { t as o } from "./clsx-BtGY0yFD.js";
+import { t as s } from "./useLocalizedStringFormatter-DhIAL1D7.js";
+import { n as c } from "./button-S2AY4EEn.js";
+import { forwardRef as l, useState as u } from "react";
+import { clsx as d } from "clsx";
+import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+// src/textfield/TextFieldBase.tsx
+var b = l((o, s) => {
+	[o] = _(o, s, g);
+	let { label: c, description: l, errorMessage: u, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = o;
+	return /* @__PURE__ */ y(h, {
+		...o,
+		className: d(e.textField, { [e.medium]: m === "medium" }),
+		children: [
+			/* @__PURE__ */ v(i, {
+				popover: b,
+				children: c && /* @__PURE__ */ v(a, { children: c })
+			}),
+			l && /* @__PURE__ */ v(t, {
+				slot: "description",
+				children: l
+			}),
+			f && /* @__PURE__ */ v(r, { isLonely: !l }),
+			p === "top" && /* @__PURE__ */ v(n, {
+				"data-testid": "fieldError",
+				children: u
+			}),
+			x,
+			p === "bottom" && /* @__PURE__ */ v(n, {
+				"data-testid": "fieldError",
+				className: e.bottomError,
+				children: u
+			})
+		]
+	});
+});
+b.displayName = "TextFieldBase";
+var x = {
+	en: {
+		hide: "Hide",
+		show: "Show",
+		showPassword: "Show password"
+	},
+	sv: {
+		hide: "Dölj",
+		show: "Visa",
+		showPassword: "Visa lösenord"
+	}
+}, S = ({ showPassword: t, onToggle: n }) => {
+	let r = s(x);
+	return /* @__PURE__ */ v(c, {
+		"aria-label": r.format("showPassword"),
+		"aria-pressed": t,
+		variant: "tertiary",
+		onPress: n,
+		className: e.passwordButton,
+		children: t ? r.format("hide") : r.format("show")
+	});
+}, C = l(({ skipContext: t = !1, ...n }, r) => {
+	let [i, a] = _(n, r, p), s = t ? r : a, c = t ? n : i, l = c.type === "password", [d, m] = u(!1);
+	return /* @__PURE__ */ y("div", {
+		className: e.wrap,
+		children: [/* @__PURE__ */ v(f, {
+			...c,
+			ref: s,
+			type: l && d ? "text" : c.type,
+			className: o(e.input, c.className)
+		}), l && /* @__PURE__ */ v(S, {
+			showPassword: d,
+			onToggle: () => m((e) => !e)
+		})]
+	});
+});
+C.displayName = "Input";
+// src/textfield/TextField.tsx
+var w = l(({ className: e, list: t, type: n, min: r, max: i, form: a, ...s }, c) => /* @__PURE__ */ v(b, {
+	...s,
+	children: /* @__PURE__ */ v(C, {
+		className: o(e),
+		form: a,
+		list: t,
+		min: r,
+		max: i,
+		ref: c,
+		type: n,
+		skipContext: !0
+	})
+}));
+w.displayName = "TextField";
+// src/textfield/TextArea.tsx
+var T = l(({ className: t, cols: n, form: r, rows: i, wrap: a, ...s }, c) => /* @__PURE__ */ v(b, {
+	...s,
+	children: /* @__PURE__ */ v(m, {
+		className: o(e.textArea, t),
+		cols: n,
+		form: r,
+		ref: c,
+		rows: i,
+		wrap: a
+	})
+}));
+T.displayName = "TextArea";
+export { b as i, w as n, C as r, T as t };

package/chunks/time-field-1I6BMlaj.js

@@ -0,0 +1,59 @@
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { n as t, r as n } from "./date-field-DSBHnHdN.js";
+import { t as r } from "./field-error-C5ynuTRu.js";
+import { n as i, t as a } from "./label-B5-Kmj4t.js";
+import { t as o } from "./text-D7tnzTru.js";
+import { t as s } from "./clear-button-CeQy0RdK.js";
+import { t as c } from "./useLocalizedStringFormatter-DhIAL1D7.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";
+import { FocusScope as m, useFocusManager as h } from "react-aria";
+import '../assets/time-field.css';var g = {
+	en: { clear: "Clear time" },
+	sv: { clear: "Rensa tid" }
+}, _ = {
+	timeField: "_timeField_1evr6_1",
+	inputField: "_inputField_1evr6_7",
+	medium: "_medium_1evr6_41",
+	clearButton: "_clearButton_1evr6_50"
+}, v = ({ isClearable: t, size: n, isDisabled: r, isReadOnly: i }) => {
+	let a = c(g), o = l.useContext(d), u = h();
+	return t && o?.value != null && !i ? /* @__PURE__ */ f(s, {
+		onPress: () => {
+			o?.setValue(null), u?.focusFirst();
+		},
+		size: n,
+		isDisabled: r,
+		"aria-label": a.format("clear"),
+		className: e(_.clearButton, { [_.medium]: n === "medium" })
+	}) : null;
+}, y = l.forwardRef(({ className: s, description: c, errorMessage: l, errorPosition: d = "top", label: h, size: g = "large", popover: y, isClearable: b = !1, isReadOnly: x, isDisabled: S, ...C }, w) => /* @__PURE__ */ p(u, {
+	...C,
+	ref: w,
+	isReadOnly: x,
+	isDisabled: S,
+	className: e(_.timeField, s),
+	children: [
+		/* @__PURE__ */ f(i, {
+			popover: y,
+			children: h && /* @__PURE__ */ f(a, { children: h })
+		}),
+		c && /* @__PURE__ */ f(o, {
+			slot: "description",
+			children: c
+		}),
+		d === "top" && /* @__PURE__ */ f(r, { children: l }),
+		/* @__PURE__ */ f("div", {
+			className: e(_.inputField, { [_.medium]: g === "medium" }),
+			children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(t, { children: (e) => /* @__PURE__ */ f(n, { segment: e }) }), /* @__PURE__ */ f(v, {
+				isClearable: b,
+				size: g,
+				isDisabled: S,
+				isReadOnly: x
+			})] })
+		}),
+		d === "bottom" && /* @__PURE__ */ f(r, { children: l })
+	]
+}));
+export { y as t };