@midas-ds/components 17.29.0 → 17.30.1

package/chunks/search-field-Bx3JApAJ.js

@@ -0,0 +1,91 @@
+'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-pGlER0ro.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-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-CuKVJ1x9.js

@@ -0,0 +1,177 @@
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n, t as r } from "./label-pGlER0ro.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-B1RWLsu9.js";
+import { c } from "./list-box-BzBJX0nP.js";
+import { n as l, r as u, t as d } from "./tag-BEawJnJm.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";
+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 = f.useContext(_), n = t(E);
+	return /* @__PURE__ */ b(s, {
+		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: n.format("selectAll")
+	});
+}, k = ({ isDisabled: e }) => {
+	let n = t(E), r = (e, t) => e.length === 1 ? t : `${e.length} ${n.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 n = f.useContext(_), r = t(E), i = T();
+	return /* @__PURE__ */ b(h, {
+		"aria-label": r.format("clearAll"),
+		className: D.clearButton,
+		onPress: () => {
+			i?.focusFirst(), n?.selectionManager.clearSelection();
+		},
+		slot: null,
+		isDisabled: e,
+		children: /* @__PURE__ */ b(C, {
+			width: 20,
+			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"),
+		className: D.tagGroup,
+		onRemove: (e) => {
+			i?.selectionManager.toggleSelection(Array.from(e)[0]);
+		},
+		selectionBehavior: "toggle",
+		children: /* @__PURE__ */ b(l, {
+			items: i.selectedItems,
+			children: (e) => /* @__PURE__ */ b(u, {
+				isDismissable: !0,
+				id: e.key,
+				isDisabled: n,
+				textValue: e.textValue,
+				children: e.textValue
+			}, e.key)
+		})
+	});
+}, M = ({ isDisabled: e, selectionMode: t, size: n }) => {
+	let r = p(_);
+	return /* @__PURE__ */ x(h, {
+		className: m({
+			[D.medium]: n === "medium",
+			[D.small]: n === "small"
+		}, D.trigger),
+		"data-invalid": !!r?.displayValidation.isInvalid || void 0,
+		children: [/* @__PURE__ */ b(v, {
+			className: D.selectValue,
+			"data-disabled": e || void 0,
+			children: ({ selectedText: e, defaultChildren: n }) => /* @__PURE__ */ b("div", {
+				className: D.placeholder,
+				children: /* @__PURE__ */ b("span", {
+					className: D.truncate,
+					children: t === "multiple" && e ? null : e || n
+				})
+			})
+		}), /* @__PURE__ */ b("span", {
+			"aria-hidden": "true",
+			className: D.icon,
+			children: /* @__PURE__ */ b(S, { size: 20 })
+		})]
+	});
+};
+//#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 }) {
+	return /* @__PURE__ */ b(w, { children: /* @__PURE__ */ x(g, {
+		...v,
+		className: e(v.className, D.select),
+		children: [
+			/* @__PURE__ */ b(n, {
+				popover: p,
+				children: f && /* @__PURE__ */ b(r, {
+					"data-disabled": v.isDisabled || void 0,
+					children: f
+				})
+			}),
+			s && /* @__PURE__ */ b(a, {
+				slot: "description",
+				children: s
+			}),
+			u === "top" && /* @__PURE__ */ b(o, { children: l }),
+			/* @__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(o, { children: l }),
+			/* @__PURE__ */ x(i, {
+				offset: 1,
+				hideArrow: !0,
+				...m,
+				className: e(m?.className, D.popover),
+				children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(c, {
+					escapeKeyBehavior: "none",
+					items: d,
+					...h,
+					children: t
+				})]
+			}),
+			/* @__PURE__ */ b(j, { ...v })
+		]
+	}) });
+}
+//#endregion
+export { M as n, N as t };

package/chunks/{skeleton-B_BPRPJy.js → skeleton-R_3dS7Ro.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import '../assets/skeleton.css';var r = {

package/chunks/spinner-CIjfJeGm.js

@@ -0,0 +1,29 @@
+import { t as e } from "./clsx-DAqHMl_k.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/{stack-LF3ExhH9.js → stack-BAHKom_Q.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.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) => {

package/chunks/table-DDTeIVh8.js

@@ -0,0 +1,84 @@
+'use client';
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { n as t } from "./checkbox-B1RWLsu9.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/{tabs-Co09VWvC.js → tabs-owuRVJ3N.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import * as t from "react";
 import { createContext as n } from "react";
 import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";

package/chunks/tag-BEawJnJm.js

@@ -0,0 +1,78 @@
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { n as t } from "./button-dpe6hXmI.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/{text-DwmZ-ew8.js → text-DnvD4Cjc.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import "react";
 import { Text as t } from "react-aria-components";
 import { jsx as n } from "react/jsx-runtime";

package/chunks/textfield-G6u6RJD5.js

@@ -0,0 +1,113 @@
+'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-pGlER0ro.js";
+import { t as a } from "./text-DnvD4Cjc.js";
+import { t as o } from "./field-error-BHoPnRe4.js";
+import { t as s } from "./character-counter-CSoVSrxZ.js";
+import { t as c } from "./TextField.module-BLGiCC4q.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";
+//#region src/textfield/TextFieldBase.tsx
+var b = l((e, t) => {
+	[e] = _(e, t, g);
+	let { label: n, description: l, errorMessage: u, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = e;
+	return /* @__PURE__ */ y(h, {
+		...e,
+		className: d(c.textField, { [c.medium]: m === "medium" }),
+		children: [
+			/* @__PURE__ */ v(r, {
+				popover: b,
+				children: n && /* @__PURE__ */ v(i, { children: n })
+			}),
+			l && /* @__PURE__ */ v(a, {
+				slot: "description",
+				children: l
+			}),
+			f && /* @__PURE__ */ v(s, { isLonely: !l }),
+			p === "top" && /* @__PURE__ */ v(o, {
+				"data-testid": "fieldError",
+				children: u
+			}),
+			x,
+			p === "bottom" && /* @__PURE__ */ v(o, {
+				"data-testid": "fieldError",
+				className: c.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: e, onToggle: r }) => {
+	let i = t(x);
+	return /* @__PURE__ */ v(n, {
+		"aria-label": i.format("showPassword"),
+		"aria-pressed": e,
+		variant: "tertiary",
+		onPress: r,
+		className: c.passwordButton,
+		children: e ? i.format("hide") : i.format("show")
+	});
+}, C = l(({ skipContext: t = !1, ...n }, r) => {
+	let [i, a] = _(n, r, p), o = t ? r : a, s = t ? n : i, l = s.type === "password", [d, m] = u(!1);
+	return /* @__PURE__ */ y("div", {
+		className: c.wrap,
+		children: [/* @__PURE__ */ v(f, {
+			...s,
+			ref: o,
+			type: l && d ? "text" : s.type,
+			className: e(c.input, s.className)
+		}), l && /* @__PURE__ */ v(S, {
+			showPassword: d,
+			onToggle: () => m((e) => !e)
+		})]
+	});
+});
+C.displayName = "Input";
+//#endregion
+//#region src/textfield/TextField.tsx
+var w = l(({ className: t, list: n, type: r, min: i, max: a, form: o, ...s }, c) => /* @__PURE__ */ v(b, {
+	...s,
+	children: /* @__PURE__ */ v(C, {
+		className: e(t),
+		form: o,
+		list: n,
+		min: i,
+		max: a,
+		ref: c,
+		type: r,
+		skipContext: !0
+	})
+}));
+w.displayName = "TextField";
+//#endregion
+//#region src/textfield/TextArea.tsx
+var T = l(({ className: t, cols: n, form: r, rows: i, wrap: a, ...o }, s) => /* @__PURE__ */ v(b, {
+	...o,
+	children: /* @__PURE__ */ v(m, {
+		className: e(c.textArea, t),
+		cols: n,
+		form: r,
+		ref: s,
+		rows: i,
+		wrap: a
+	})
+}));
+T.displayName = "TextArea";
+//#endregion
+export { b as i, w as n, C as r, T as t };

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

@@ -1,10 +1,10 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-LWlgvAwz.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 { n, t as r } from "./label-pGlER0ro.js";
+import { t as i } from "./text-DnvD4Cjc.js";
+import { t as a } from "./field-error-BHoPnRe4.js";
+import { t as o } from "./clear-button-DWtOkhCH.js";
+import { n as s, r as c } from "./date-field-D5QLfSD_.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";