@midas-ds/components 17.29.0 → 17.30.0

package/chunks/checkbox-Bqd8B58G.js

@@ -1,110 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./check-DV00NPU0.js";
-import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as i, t as a } from "./label-LWlgvAwz.js";
-import { t as o } from "./text-DwmZ-ew8.js";
-import { t as s } from "./field-error-LtNtEKDp.js";
-import { t as c } from "./splitDataAttributes-_JTFOOIb.js";
-import * as l from "react";
-import { forwardRef as u, useContext as d } from "react";
-import { CheckboxButton as f, CheckboxField as p, CheckboxGroup as m, CheckboxGroupStateContext as h, composeRenderProps as g } from "react-aria-components";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { variables as b } from "@midas-ds/theme";
-import '../assets/checkbox.css';var x = t("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), S = {
-	indicator: "_indicator_3jfn4_1",
-	checkboxButton: "_checkboxButton_3jfn4_27",
-	checkboxField: "_checkboxField_3jfn4_144",
-	checkboxGroup: "_checkboxGroup_3jfn4_155",
-	checkboxList: "_checkboxList_3jfn4_166"
-}, C = ({ className: t, ...n }) => /* @__PURE__ */ v(p, {
-	className: e(S.checkboxField, t),
-	...n
-}), w = u(({ className: t, ...n }, r) => /* @__PURE__ */ v(f, {
-	className: e(S.checkboxButton, t),
-	ref: r,
-	...n
-})), T = u(({ className: e, description: t, errorMessage: r, errorPosition: i = "top", children: a, ...l }, u) => {
-	let [d, f] = c(l);
-	return /* @__PURE__ */ y(C, {
-		...f,
-		children: [
-			t && /* @__PURE__ */ v(o, {
-				slot: "description",
-				children: t
-			}),
-			i === "top" && /* @__PURE__ */ v(s, { children: r }),
-			/* @__PURE__ */ v(w, {
-				...d,
-				ref: u,
-				className: e,
-				children: ({ isIndeterminate: e }) => /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-					className: S.indicator,
-					children: v(e ? x : n, {
-						size: 14,
-						color: b.iconOnColor
-					})
-				}), a] })
-			}),
-			i === "bottom" && /* @__PURE__ */ v(s, { children: r })
-		]
-	});
-});
-T.displayName = "Checkbox";
-//#endregion
-//#region src/checkbox/useSelectAll.ts
-var E = (e, t) => {
-	let n = t?.value ?? [], r = l.Children.toArray(e).filter((e) => l.isValidElement(e) && e.type === T), i = r.filter((e) => !e.props.isDisabled).map((e) => e.props.value || ""), a = r.filter((e) => e.props.isDisabled).map((e) => e.props.value || "").filter((e) => n.includes(e)), o = n.filter((e) => i.includes(e)).length, s = o === 0, c = o === i.length;
-	return {
-		allSelected: c,
-		someSelected: !s && !c,
-		checkboxValues: i,
-		disabledSelectedValues: a
-	};
-}, D = {
-	en: { selectAll: "Select all" },
-	sv: { selectAll: "Välj alla" }
-}, O = ({ checkboxes: e, label: t }) => {
-	let n = d(h), i = r(D), { allSelected: a, someSelected: o, checkboxValues: s, disabledSelectedValues: c } = E(e, n);
-	return /* @__PURE__ */ v(h.Provider, {
-		value: null,
-		children: /* @__PURE__ */ v(T, {
-			isSelected: a,
-			isIndeterminate: o,
-			isReadOnly: n?.isReadOnly,
-			isDisabled: n?.isDisabled,
-			onChange: (e) => {
-				n?.setValue(e ? [...s, ...c] : c);
-			},
-			children: t || i.format("selectAll")
-		})
-	});
-}, k = ({ label: t, description: n, errorMessage: r, errorPosition: c = "top", popover: l, showSelectAll: u, selectAllLabel: d, className: f, children: p, ...h }) => /* @__PURE__ */ v(m, {
-	...h,
-	className: e(S.checkboxGroup, f),
-	children: g(p, (e) => /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ v(i, {
-			popover: l,
-			children: t && /* @__PURE__ */ v(a, { children: t })
-		}),
-		n && /* @__PURE__ */ v(o, {
-			slot: "description",
-			children: n
-		}),
-		c === "top" && r && /* @__PURE__ */ v(s, { children: r }),
-		/* @__PURE__ */ y("div", {
-			className: S.checkboxList,
-			children: [u && /* @__PURE__ */ v(O, {
-				label: d,
-				checkboxes: e
-			}), e]
-		}),
-		c === "bottom" && r && /* @__PURE__ */ v(s, { children: r })
-	] }))
-});
-//#endregion
-export { C as i, T as n, w as r, k as t };

package/chunks/chevron-down-CP7nEDei.js

@@ -1,7 +0,0 @@
-import { t as e } from "./createLucideIcon-BgluSHFG.js";
-var t = e("chevron-down", [["path", {
-	d: "m6 9 6 6 6-6",
-	key: "qrunsl"
-}]]);
-//#endregion
-export { t };

package/chunks/chevron-right-DwqboCdU.js

@@ -1,7 +0,0 @@
-import { t as e } from "./createLucideIcon-BgluSHFG.js";
-var t = e("chevron-right", [["path", {
-	d: "m9 18 6-6-6-6",
-	key: "mthhwq"
-}]]);
-//#endregion
-export { t };

package/chunks/clear-button-D3I1X3yG.js

@@ -1,17 +0,0 @@
-'use client';
-import { t as e } from "./x-BJAOO5a5.js";
-import { n as t } from "./button-CenXTGXL.js";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/clear-button/ClearButton.tsx
-var r = (r) => /* @__PURE__ */ n(t, {
-	variant: "icon",
-	slot: null,
-	...r,
-	children: /* @__PURE__ */ n(e, {
-		size: 20,
-		"aria-hidden": !0
-	})
-});
-//#endregion
-export { r as t };

package/chunks/color-scheme-switch-DVZjdwc9.js

@@ -1,203 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./chevron-down-CP7nEDei.js";
-import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as i } from "./button-CenXTGXL.js";
-import { t as a } from "./icons-UBHIX2oV.js";
-import { n as o, t as s } from "./toggle-button-CIvsOXQf.js";
-import { a as c, o as l, r as u } from "./menu-aT2IR0tO.js";
-import * as d from "react";
-import { useEffect as f, useState as p } from "react";
-import { MenuItem as m, SelectionIndicator as h } from "react-aria-components";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { VisuallyHidden as v } from "react-aria";
-import '../assets/color-scheme-switch.css';var y = t("moon", [["path", {
-	d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-	key: "kfwtm"
-}]]), b = t("sun", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "4",
-		key: "4exip2"
-	}],
-	["path", {
-		d: "M12 2v2",
-		key: "tus03m"
-	}],
-	["path", {
-		d: "M12 20v2",
-		key: "1lh1kg"
-	}],
-	["path", {
-		d: "m4.93 4.93 1.41 1.41",
-		key: "149t6j"
-	}],
-	["path", {
-		d: "m17.66 17.66 1.41 1.41",
-		key: "ptbguv"
-	}],
-	["path", {
-		d: "M2 12h2",
-		key: "1t8f8n"
-	}],
-	["path", {
-		d: "M20 12h2",
-		key: "1q8mjw"
-	}],
-	["path", {
-		d: "m6.34 17.66-1.41 1.41",
-		key: "1m8zz5"
-	}],
-	["path", {
-		d: "m19.07 4.93-1.41 1.41",
-		key: "1shlcs"
-	}]
-]), x = {
-	button: "_button_1r8vq_1",
-	selectionIndicator: "_selectionIndicator_1r8vq_14"
-}, S = {
-	en: {
-		colorScheme: "Color scheme",
-		darkMode: "Dark mode",
-		lightMode: "Light mode",
-		system: "Follows system",
-		triggerDarkMode: "Color scheme: Dark mode",
-		triggerLightMode: "Color scheme: Light mode",
-		triggerSystem: "Color scheme: Follows system"
-	},
-	sv: {
-		colorScheme: "Färgschema",
-		darkMode: "Mörkt läge",
-		lightMode: "Ljust läge",
-		system: "Följer systemet",
-		triggerDarkMode: "Färgschema: Mörkt läge",
-		triggerLightMode: "Färgschema: Ljust läge",
-		triggerSystem: "Färgschema: Följer systemet"
-	}
-}, C = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: r }) => {
-	let [i, a] = p(n ?? t), o = n ?? i;
-	return f(() => {
-		let t = document.querySelector(e);
-		if (!t) {
-			console.warn(`No element found for selector: "${e}"`);
-			return;
-		}
-		o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
-	}, [o, e]), {
-		resolved: o,
-		onChange: (e) => {
-			a(e), r?.(e);
-		}
-	};
-}, w = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: i, defaultValue: c, className: l }) => {
-	let { resolved: u, onChange: d } = C({
-		selector: e,
-		defaultScheme: c ? Array.from(c)[0] : t,
-		scheme: n,
-		onSchemeChange: i
-	}), f = r(S);
-	return /* @__PURE__ */ _(s, {
-		selectionMode: "single",
-		selectedKeys: /* @__PURE__ */ new Set([u]),
-		onSelectionChange: (e) => {
-			d(Array.from(e)[0]);
-		},
-		disallowEmptySelection: !0,
-		"aria-label": f.format("colorScheme"),
-		className: l,
-		children: [
-			/* @__PURE__ */ _(o, {
-				id: "light",
-				className: x.button,
-				children: [
-					/* @__PURE__ */ g(b, {}),
-					/* @__PURE__ */ g(v, { children: f.format("lightMode") }),
-					/* @__PURE__ */ g(h, { className: x.selectionIndicator })
-				]
-			}),
-			/* @__PURE__ */ _(o, {
-				id: "dark",
-				className: x.button,
-				children: [
-					/* @__PURE__ */ g(y, {}),
-					/* @__PURE__ */ g(v, { children: f.format("darkMode") }),
-					/* @__PURE__ */ g(h, { className: x.selectionIndicator })
-				]
-			}),
-			/* @__PURE__ */ _(o, {
-				id: "light dark",
-				className: x.button,
-				children: [
-					/* @__PURE__ */ g(a, {}),
-					/* @__PURE__ */ g(v, { children: f.format("system") }),
-					/* @__PURE__ */ g(h, { className: x.selectionIndicator })
-				]
-			})
-		]
-	});
-}, T = {
-	trigger: "_trigger_y8ah9_1",
-	chevron: "_chevron_y8ah9_6",
-	menu: "_menu_y8ah9_17",
-	menuItem: "_menuItem_y8ah9_21"
-}, E = {
-	light: b,
-	"light dark": a,
-	dark: y
-}, D = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", O = ({ selector: t = ":root", defaultScheme: o = "light dark", scheme: s, onSchemeChange: f, className: p }) => {
-	let { resolved: h, onChange: x } = C({
-		selector: t,
-		defaultScheme: o,
-		scheme: s,
-		onSchemeChange: f
-	}), w = E[h];
-	d.useEffect(() => {
-		let e = document.querySelector(t);
-		if (!e) {
-			console.warn(`No element found for selector: "${t}"`);
-			return;
-		}
-		h === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = h;
-	}, [h, t]);
-	let O = r(S);
-	return /* @__PURE__ */ _(l, { children: [/* @__PURE__ */ _(i, {
-		variant: "icon",
-		size: "medium",
-		className: e(T.trigger, p),
-		"aria-label": O.format(D(h)),
-		children: [/* @__PURE__ */ g(w, { size: 20 }), /* @__PURE__ */ g(n, {
-			size: 20,
-			className: T.chevron
-		})]
-	}), /* @__PURE__ */ g(u, {
-		placement: "bottom start",
-		children: /* @__PURE__ */ _(c, {
-			onAction: (e) => x(e),
-			className: T.menu,
-			children: [
-				/* @__PURE__ */ _(m, {
-					id: "light",
-					textValue: O.format("lightMode"),
-					className: T.menuItem,
-					children: [/* @__PURE__ */ g(b, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("lightMode") })]
-				}),
-				/* @__PURE__ */ _(m, {
-					id: "dark",
-					textValue: O.format("darkMode"),
-					className: T.menuItem,
-					children: [/* @__PURE__ */ g(y, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("darkMode") })]
-				}),
-				/* @__PURE__ */ _(m, {
-					id: "light dark",
-					textValue: O.format("system"),
-					className: T.menuItem,
-					children: [/* @__PURE__ */ g(a, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("system") })]
-				})
-			]
-		})
-	})] });
-};
-//#endregion
-export { w as n, O as t };

package/chunks/createLucideIcon-BgluSHFG.js

@@ -1,39 +0,0 @@
-import { createElement as e, forwardRef as t } from "react";
-//#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var n = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), i = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), a = (e) => {
-	let t = i(e);
-	return t.charAt(0).toUpperCase() + t.slice(1);
-}, o = {
-	xmlns: "http://www.w3.org/2000/svg",
-	width: 24,
-	height: 24,
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: 2,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-}, s = (e) => {
-	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
-	return !1;
-}, c = t(({ color: t = "currentColor", size: r = 24, strokeWidth: i = 2, absoluteStrokeWidth: a, className: c = "", children: l, iconNode: u, ...d }, f) => e("svg", {
-	ref: f,
-	...o,
-	width: r,
-	height: r,
-	stroke: t,
-	strokeWidth: a ? Number(i) * 24 / Number(r) : i,
-	className: n("lucide", c),
-	...!l && !s(d) && { "aria-hidden": "true" },
-	...d
-}, [...u.map(([t, n]) => e(t, n)), ...Array.isArray(l) ? l : [l]])), l = (i, o) => {
-	let s = t(({ className: t, ...s }, l) => e(c, {
-		ref: l,
-		iconNode: o,
-		className: n(`lucide-${r(a(i))}`, `lucide-${i}`, t),
-		...s
-	}));
-	return s.displayName = a(i), s;
-};
-//#endregion
-export { l as t };

package/chunks/date-picker-DZivTUB_.js

@@ -1,187 +0,0 @@
-'use client';
-import { n as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n, t as r } from "./calendar-Bl_obez5.js";
-import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as a } from "./button-CenXTGXL.js";
-import { n as o, t as s } from "./label-LWlgvAwz.js";
-import { t as c } from "./text-DwmZ-ew8.js";
-import { t as l } from "./field-error-LtNtEKDp.js";
-import { t as u } from "./clear-button-D3I1X3yG.js";
-import { n as d, r as f, t as p } from "./date-field-BF2f9bSf.js";
-import * as m from "react";
-import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Group as y, Popover as b } from "react-aria-components";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { FocusScope as C, useFocusManager as w } from "react-aria";
-import '../assets/date-picker.css';var T = t("calendar-days", [
-	["path", {
-		d: "M8 2v4",
-		key: "1cmpym"
-	}],
-	["path", {
-		d: "M16 2v4",
-		key: "4m81vk"
-	}],
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "4",
-		rx: "2",
-		key: "1hopcy"
-	}],
-	["path", {
-		d: "M3 10h18",
-		key: "8toen8"
-	}],
-	["path", {
-		d: "M8 14h.01",
-		key: "6423bh"
-	}],
-	["path", {
-		d: "M12 14h.01",
-		key: "1etili"
-	}],
-	["path", {
-		d: "M16 14h.01",
-		key: "1gbofw"
-	}],
-	["path", {
-		d: "M8 18h.01",
-		key: "lrp35t"
-	}],
-	["path", {
-		d: "M12 18h.01",
-		key: "mhygvu"
-	}],
-	["path", {
-		d: "M16 18h.01",
-		key: "kzsmim"
-	}]
-]), E = {
-	en: {
-		clear: "Clear date",
-		"open-calendar": "Open calendar"
-	},
-	sv: {
-		clear: "Rensa datum",
-		"open-calendar": "Öppna kalender"
-	}
-}, D = {
-	datePicker: "_datePicker_14wog_1",
-	inputField: "_inputField_14wog_8",
-	medium: "_medium_14wog_24",
-	readOnly: "_readOnly_14wog_47",
-	buttonGroup: "_buttonGroup_14wog_52",
-	iconButton: "_iconButton_14wog_58",
-	popover: "_popover_14wog_81 _dropdownAnimation_1ljkv_4"
-}, O = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), k = ({ isClearable: t, isDisabled: n, isReadOnly: r, size: a }) => {
-	let o = m.useContext(g), s = m.useContext(v), c = i(E), l = w(), d = s ?? o, f = O(d) ? !!d.value.start && d.value.end : !!d?.value;
-	return t && f && !r ? /* @__PURE__ */ x(u, {
-		onPress: () => {
-			d?.setValue(null), l?.focusFirst();
-		},
-		size: a,
-		isDisabled: n,
-		"aria-label": c.format("clear"),
-		className: e(D.iconButton, { [D.medium]: a === "medium" })
-	}) : null;
-}, A = ({ children: t, isDisabled: n, isInvalid: r, isReadOnly: o, size: s = "large", isClearable: c = !1 }) => {
-	let l = i(E);
-	return /* @__PURE__ */ x(y, {
-		className: e(D.inputField, {
-			[D.medium]: s === "medium",
-			[D.readOnly]: o
-		}),
-		children: /* @__PURE__ */ S(C, { children: [t, /* @__PURE__ */ S("div", {
-			className: D.buttonGroup,
-			children: [/* @__PURE__ */ x(k, {
-				isClearable: c,
-				isDisabled: n,
-				isReadOnly: o,
-				size: s
-			}), /* @__PURE__ */ x(a, {
-				variant: "icon",
-				"aria-label": l.format("open-calendar"),
-				className: e(D.iconButton, {
-					[D.medium]: s === "medium",
-					[D.readOnly]: o
-				}),
-				"data-invalid": r || void 0,
-				size: s,
-				children: /* @__PURE__ */ x(T, {
-					"aria-hidden": !0,
-					size: 20
-				})
-			})]
-		})] })
-	});
-}, j = ({ children: e }) => /* @__PURE__ */ x(b, {
-	className: D.popover,
-	children: e
-}), M = m.forwardRef(({ className: t, description: r, errorMessage: i, errorPosition: a = "top", label: u, popover: p, isClearable: m = !1, isReadOnly: g, isDisabled: _, size: v, ...y }, b) => /* @__PURE__ */ S(h, {
-	className: e(D.datePicker, t),
-	isReadOnly: g,
-	isDisabled: _,
-	ref: b,
-	...y,
-	children: [
-		/* @__PURE__ */ x(o, {
-			popover: p,
-			children: u && /* @__PURE__ */ x(s, { children: u })
-		}),
-		r && /* @__PURE__ */ x(c, {
-			slot: "description",
-			children: r
-		}),
-		a === "top" && /* @__PURE__ */ x(l, { children: i }),
-		/* @__PURE__ */ x(A, {
-			isClearable: m,
-			isReadOnly: g,
-			isDisabled: _,
-			size: v,
-			...y,
-			children: /* @__PURE__ */ x(d, { children: (e) => /* @__PURE__ */ x(f, { segment: e }) })
-		}),
-		a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
-		/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(n, {}) })
-	]
-})), N = ({ className: t, description: n, errorMessage: i, errorPosition: a = "top", label: u, popover: m, isClearable: h = !1, isReadOnly: g, isDisabled: v, size: y, ...b }) => /* @__PURE__ */ S(_, {
-	className: e(D.datePicker, t),
-	isReadOnly: g,
-	isDisabled: v,
-	...b,
-	children: [
-		/* @__PURE__ */ x(o, {
-			popover: m,
-			children: u && /* @__PURE__ */ x(s, { children: u })
-		}),
-		n && /* @__PURE__ */ x(c, {
-			slot: "description",
-			children: n
-		}),
-		a === "top" && /* @__PURE__ */ x(l, { children: i }),
-		/* @__PURE__ */ S(A, {
-			isClearable: h,
-			isReadOnly: g,
-			isDisabled: v,
-			size: y,
-			...b,
-			children: [
-				/* @__PURE__ */ x(d, {
-					slot: "start",
-					children: (e) => /* @__PURE__ */ x(f, { segment: e })
-				}),
-				/* @__PURE__ */ x(p, {}),
-				/* @__PURE__ */ x(d, {
-					slot: "end",
-					children: (e) => /* @__PURE__ */ x(f, { segment: e })
-				})
-			]
-		}),
-		a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
-		/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(r, {}) })
-	]
-});
-//#endregion
-export { M as n, N as t };