@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/PopoverProvider-DgUOscvy.js

@@ -0,0 +1,109 @@
+import "./components/Popover/Popover.types.js";
+import { C as e, E as t, S as n, T as r, d as i, g as a, l as o, u as s, w as c, x as l, y as u } from "./floating-ui.react-Dj2ev6bJ.js";
+import { usePopoverState as d } from "./components/Popover/hooks/usePopoverState.js";
+import { usePopoverNavigation as f } from "./components/Popover/hooks/usePopoverNavigation.js";
+import { usePopoverAria as p } from "./components/Popover/hooks/usePopoverAria.js";
+import { usePopoverImperativeHandle as m } from "./components/Popover/hooks/usePopoverImperativeHandle.js";
+import { focusableElements as h } from "./helpers/dom/focusableElements.js";
+import { closestCrossShadow as g } from "./helpers/dom/closestCrossShadow.js";
+import { createContext as _, forwardRef as v, useCallback as y, useMemo as b, useRef as x } from "react";
+import { jsx as S } from "react/jsx-runtime";
+//#region src/components/Slideout/Slideout.module.scss
+var C = "ids-slideout-v5209", w = "ids-slideout--backdrop-v5209", T = "ids-slideout--push-v5209", E = "ids-slideout--unmounted-v5209", D = "ids-slideout--initial-v5209", O = "ids-slideout--close-v5209", k = "ids-slideout--open-v5209", A = "ids-slideout--right-v5209", j = "ids-slideout--left-v5209", M = "ids-slideout--close-button-v5209", N = "ids-slideout--content-v5209", P = "ids-slideout--footer-v5209", F = {
+	slideout: C,
+	backdrop: w,
+	push: T,
+	"size--sm": "ids-slideout--size--sm-v5209",
+	"size--md": "ids-slideout--size--md-v5209",
+	"size--lg": "ids-slideout--size--lg-v5209",
+	unmounted: E,
+	initial: D,
+	close: O,
+	open: k,
+	right: A,
+	left: j,
+	closeButton: M,
+	content: N,
+	footer: P
+}, I = _(void 0), L = v(({ align: _, children: v, defaultShow: C, disabledAutoToggle: w, focusStartIndex: T, matchActivatorWidth: E, onActivated: D, onDeactivated: O, onNavigate: k, type: A, show: j, virtualFocus: M }, N) => {
+	let P = _ === "auto", L = x(null), R = d({
+		defaultShow: C,
+		show: j
+	}), z = b(() => {
+		let t = [
+			e(5),
+			P ? l() : n(),
+			c((e) => ({ mainAxis: !g(e.elements.reference, `.${F.slideout}`) }))
+		];
+		return E && t.push(r({
+			apply({ rects: e, availableHeight: t, elements: n }) {
+				requestAnimationFrame(() => {
+					Object.assign(n.floating.style, {
+						width: `${e.reference.width}px`,
+						maxHeight: t > 200 ? `${t}px` : void 0
+					});
+				});
+			},
+			padding: 5
+		})), t;
+	}, [P, E]), B = i({
+		open: R.show,
+		onOpenChange: (e, t, n) => {
+			R.setShow(e), e ? D?.(t, n, W) : O?.(t, n, W);
+		},
+		middleware: z,
+		placement: P ? void 0 : _,
+		whileElementsMounted: t
+	}), V = o(B.context, { enabled: !w }), H = s(B.context, { enabled: !w }), U = u(B.context, { role: A }), { activeIndex: W, list: G, listNav: K, setActiveIndex: q } = f(B.context, A, {
+		focusItemOnOpen: !0,
+		virtual: M
+	}, k, T), J = p(), Y = a([
+		V,
+		H,
+		U,
+		K
+	]), X = b(() => M ? {
+		getVirtualFocus: () => L.current,
+		setVirtualFocus: (e) => {
+			L.current = e;
+		}
+	} : {}, [M]), Z = y(() => {
+		q(T ?? null);
+	}, [T, q]), Q = b(() => ({
+		...J,
+		...R,
+		...X,
+		api: B,
+		activeIndex: W,
+		disabledAutoToggle: w,
+		getFocusableActivator: () => {
+			let e = B.elements.reference;
+			return e?.querySelector("[role=combobox]") ?? h(e)[0];
+		},
+		interactions: Y,
+		list: G,
+		resetActiveIndex: Z,
+		setActiveIndex: q,
+		setShowWithReason: (e, t, n) => B.context.onOpenChange(e, t, n),
+		type: A
+	}), [
+		W,
+		B,
+		J,
+		w,
+		Y,
+		G,
+		Z,
+		q,
+		R,
+		A,
+		X
+	]);
+	return m(N, B, J, R, Q), /* @__PURE__ */ S(I.Provider, {
+		value: Q,
+		children: v
+	});
+});
+L.displayName = "PopoverProvider";
+//#endregion
+export { L as n, F as r, I as t };

package/dist/Progress-BypnLSGF.js

@@ -0,0 +1,35 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { propagateTestid as n } from "./helpers/utility/propagateTestid.js";
+import { stringReplacer as r } from "./helpers/formatting/stringReplacer.js";
+import { jsx as i } from "react/jsx-runtime";
+var a = {
+	progress: "ids-progress-v5209",
+	indicator: "ids-progress--indicator-v5209"
+}, o = /* @__PURE__ */ e(t(), 1), s = ({ className: e, max: t = 100, min: s = 0, sectionTitle: c = "Progress is {{current}} of {{max}}", value: l = 0, "data-testid": u, ...d }) => {
+	let f = Math.min(Math.max(l, s ?? 0), t), p = `${Math.round((l - s) / (t - s) * 100).toString()}%`, m = () => r(c, [{
+		name: "{{current}}",
+		value: String(f)
+	}, {
+		name: "{{max}}",
+		value: t.toString()
+	}]);
+	return /* @__PURE__ */ i("div", {
+		...d,
+		"data-testid": u,
+		className: (0, o.default)(e, a.progress),
+		children: /* @__PURE__ */ i("div", {
+			"aria-valuetext": m(),
+			"aria-valuemax": t,
+			"aria-valuemin": s,
+			"aria-valuenow": f,
+			"aria-label": m(),
+			className: a.indicator,
+			role: "progressbar",
+			"data-testid": n(u, "progressbar"),
+			style: { width: p }
+		})
+	});
+};
+//#endregion
+export { s as t };

package/dist/RadioGroup-DtA0WE3l.js

@@ -0,0 +1,78 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { useControlledState as n } from "./hooks/useControlledState.js";
+import { useNoDefaultValueInForms as r } from "./components/Form/hooks/useNoDefaultValueInForms.js";
+import { RadioGroupContext as i } from "./components/RadioGroup/RadioGroupContext.js";
+import { RadioGroupLayout as a } from "./components/RadioGroup/RadioGroup.types.js";
+import { forwardRef as o, useImperativeHandle as s, useMemo as c, useRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/RadioGroup/RadioGroup.module.scss
+var d = "ids-radio-group-v5209", f = "ids-radio-group--stack-v5209", p = "ids-radio-group--block-v5209", m = "ids-radio-group--inline-v5209", h = "ids-radio-group--inline-flex-v5209", g = "ids-radio-group--inline-equal-width-v5209", _ = {
+	radioGroup: d,
+	stack: f,
+	"ids-radio": "ids-radio-v5209",
+	block: p,
+	"ids-radio--label": "ids-radio--label-v5209",
+	inline: m,
+	inlineFlex: h,
+	inlineEqualWidth: g
+}, v = /* @__PURE__ */ e(t(), 1);
+function y(e, t, n) {
+	return e && t && e.contains(t) ? !1 : t ? !0 : n === e;
+}
+var b = o(({ children: e, className: t, hiddenRadio: a, layout: o = "stack", name: d, onChange: f, onFocus: p, onBlur: m, required: h, role: g = "radiogroup", defaultValue: b, readonly: x, value: S, touch: C, ...w }, T) => {
+	r({
+		component: "IressRadioGroup",
+		defaultValue: b
+	});
+	let E = l(null), D = E.current, { value: O, setValue: k } = n({
+		component: "IressRadioGroup",
+		defaultValue: b,
+		value: S
+	}), A = c(() => ({
+		name: d,
+		value: O,
+		hiddenRadio: a,
+		required: h,
+		readonly: x,
+		touch: C,
+		onChange: (e, t) => {
+			k(t), f?.(e, t);
+		}
+	}), [
+		d,
+		O,
+		a,
+		h,
+		x,
+		k,
+		f,
+		C
+	]);
+	s(T, () => ({
+		focus: () => D?.focus(),
+		blur: () => D?.blur(),
+		input: D,
+		reset: () => k(void 0)
+	}));
+	let j = (e) => {
+		p?.(e), e.target === E.current && E.current.querySelector("input")?.focus();
+	}, M = (e) => {
+		y(E.current, e.relatedTarget, e.target) && m?.(e);
+	};
+	return /* @__PURE__ */ u(i.Provider, {
+		value: A,
+		children: /* @__PURE__ */ u("div", {
+			...w,
+			ref: E,
+			role: g,
+			className: (0, v.default)(t, _.radioGroup, { [_[o]]: !!o }),
+			onFocus: j,
+			onBlur: M,
+			children: e
+		})
+	});
+});
+b.displayName = "IressRadioGroup", b.Layout = a;
+//#endregion
+export { y as n, b as t };

package/dist/SelectControl-D8Y9Up2f.js

@@ -0,0 +1,28 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { GlobalCSSClass as n } from "./enums.js";
+import { getFormControlValueAsStringIfDefined as r } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = {
+	select: "ids-select-v5209",
+	wrapper: "ids-select--wrapper-v5209",
+	element: "ids-select--element-v5209",
+	label: "ids-select--label-v5209"
+}, c = /* @__PURE__ */ e(t(), 1), l = i(({ children: e, className: t, defaultValue: i, placeholder: l, value: u, ...d }, f) => /* @__PURE__ */ a("div", {
+	className: (0, c.default)(s.wrapper, n.FormElementInner),
+	children: /* @__PURE__ */ o("select", {
+		...d,
+		className: (0, c.default)(s.element, t, n.FormElementInner),
+		defaultValue: r(i),
+		ref: f,
+		value: r(u),
+		children: [l && /* @__PURE__ */ a("option", {
+			value: "",
+			children: l
+		}), e]
+	})
+}));
+l.displayName = "SelectControl";
+//#endregion
+export { s as n, l as t };

package/dist/Skeleton-D_iuo6Xw.js

@@ -0,0 +1,34 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { TextVariant as n } from "./enums.js";
+import { IressText as r } from "./components/Text/Text.js";
+import { toCSSLengthValue as i } from "./helpers/formatting/toCSSLengthValue.js";
+import { SkeletonMode as a } from "./components/Skeleton/Skeleton.types.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.module.scss
+var s = "ids-skeleton-v5209", c = "ids-skeleton--rect-v5209", l = "ids-skeleton--circle-v5209", u = "ids-skeleton--text-v5209", d = {
+	skeleton: s,
+	"iress-skeleton-loading": "ids-skeleton--iress-skeleton-loading-v5209",
+	rect: c,
+	circle: l,
+	text: u
+}, f = /* @__PURE__ */ e(t(), 1), p = ({ className: e, height: t, width: n, textVariant: a, mode: s = "text", style: c, ...l }) => {
+	let u = s === "text", p = {
+		...c,
+		width: n ? i(n) : c?.width,
+		height: !u && t ? i(t) : c?.height
+	}, m = (0, f.default)(e, d.skeleton, d[s], { "iress-u-text": u });
+	return /* @__PURE__ */ o("div", {
+		...l,
+		className: m,
+		style: p,
+		"aria-hidden": "true",
+		children: u && /* @__PURE__ */ o(r, {
+			variant: a,
+			children: "\xA0"
+		})
+	});
+};
+p.Mode = a, p.TextVariant = n;
+//#endregion
+export { p as t };

package/dist/SkipLink-rElTLeMe.js

@@ -0,0 +1,15 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { idsLogger as n } from "./helpers/utility/idsLogger.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var a = { skipLink: "ids-skip-link-v5209" }, o = /* @__PURE__ */ e(t(), 1), s = r(({ targetId: e, href: t, children: r = "Skip to content", className: s, ...c }, l) => !e && !t ? (n("SkipLink: You must define other a targetId or href prop to display a skip link."), null) : /* @__PURE__ */ i("a", {
+	...c,
+	className: (0, o.default)(s, a.skipLink),
+	href: e ? `#${e}` : t,
+	ref: l,
+	children: r
+}));
+s.displayName = "IressSkipLink";
+//#endregion
+export { s as t };

package/dist/SlideoutProvider-DnaE67W-.js

@@ -0,0 +1,125 @@
+import { r as e } from "./constants-C4s0aMXs.js";
+import { createContext as t, useCallback as n, useInsertionEffect as r, useMemo as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region ../../node_modules/query-selector-shadow-dom/src/normalize.js
+/* istanbul ignore file */
+function s(e) {
+	function t() {
+		i && (n.length > 0 && /^[~+>]$/.test(n[n.length - 1]) && n.push(" "), n.push(i));
+	}
+	var n = [], r, i, a, o = [0], s = 0, c, l = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, u = /^\s+$/, d = [
+		/\s+|\/\*|["'>~+[(]/g,
+		/\s+|\/\*|["'[\]()]/g,
+		/\s+|\/\*|["'[\]()]/g,
+		null,
+		/\*\//g
+	];
+	for (e = e.trim();;) if (i = "", a = d[o[o.length - 1]], a.lastIndex = s, r = a.exec(e), r) if (c = s, s = a.lastIndex, c < s - r[0].length && (i = e.substring(c, s - r[0].length)), o[o.length - 1] < 3) {
+		if (t(), r[0] === "[") o.push(1);
+		else if (r[0] === "(") o.push(2);
+		else if (/^["']$/.test(r[0])) o.push(3), d[3] = new RegExp(r[0], "g");
+		else if (r[0] === "/*") o.push(4);
+		else if (/^[\])]$/.test(r[0]) && o.length > 0) o.pop();
+		else if (/^(?:\s+|[~+>])$/.test(r[0]) && (n.length > 0 && !u.test(n[n.length - 1]) && o[o.length - 1] === 0 && n.push(" "), o[o.length - 1] === 1 && n.length === 5 && n[2].charAt(n[2].length - 1) === "=" && (n[4] = " " + n[4]), u.test(r[0]))) continue;
+		n.push(r[0]);
+	} else n[n.length - 1] += i, l.test(n[n.length - 1]) && (o[o.length - 1] === 4 && (n.length < 2 || u.test(n[n.length - 2]) ? n.pop() : n[n.length - 1] = " ", r[0] = ""), o.pop()), n[n.length - 1] += r[0];
+	else {
+		i = e.substr(s), t();
+		break;
+	}
+	return n.join("").trim();
+}
+//#endregion
+//#region ../../node_modules/query-selector-shadow-dom/src/querySelectorDeep.js
+function c(e, t = document, n = null) {
+	return l(e, !1, t, n);
+}
+function l(e, t, n, r = null) {
+	e = s(e);
+	let i = n.querySelector(e);
+	return document.head.createShadowRoot || document.head.attachShadow ? !t && i ? i : d(e, ",").reduce((e, i) => {
+		if (!t && e) return e;
+		let a = d(i.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((e) => !!e).map((e) => d(e, ">")), o = a.length - 1, s = a[o][a[o].length - 1], c = m(s, n, r), l = u(a, o, n);
+		return t ? (e = e.concat(c.filter(l)), e) : (e = c.find(l), e || null);
+	}, t ? [] : null) : t ? n.querySelectorAll(e) : i;
+}
+function u(e, t, n) {
+	return (r) => {
+		let i = t, a = r, o = !1;
+		for (; a && !f(a);) {
+			let t = !0;
+			if (e[i].length === 1) t = a.matches(e[i]);
+			else {
+				let r = [].concat(e[i]).reverse(), o = a;
+				for (let e of r) {
+					if (!o || !o.matches(e)) {
+						t = !1;
+						break;
+					}
+					o = p(o, n);
+				}
+			}
+			if (t && i === 0) {
+				o = !0;
+				break;
+			}
+			t && i--, a = p(a, n);
+		}
+		return o;
+	};
+}
+function d(e, t) {
+	return e.match(/\\?.|^$/g).reduce((e, n) => (n === "\"" && !e.sQuote ? (e.quote ^= 1, e.a[e.a.length - 1] += n) : n === "'" && !e.quote ? (e.sQuote ^= 1, e.a[e.a.length - 1] += n) : !e.quote && !e.sQuote && n === t ? e.a.push("") : e.a[e.a.length - 1] += n, e), { a: [""] }).a;
+}
+function f(e) {
+	return e.nodeType === Node.DOCUMENT_FRAGMENT_NODE || e.nodeType === Node.DOCUMENT_NODE;
+}
+function p(e, t) {
+	let n = e.parentNode;
+	return n && n.host && n.nodeType === 11 ? n.host : n === t ? null : n;
+}
+function m(e = null, t, n = null) {
+	let r = [];
+	if (n) r = n;
+	else {
+		let e = function(t) {
+			for (let n = 0; n < t.length; n++) {
+				let i = t[n];
+				r.push(i), i.shadowRoot && e(i.shadowRoot.querySelectorAll("*"));
+			}
+		};
+		t.shadowRoot && e(t.shadowRoot.querySelectorAll("*")), e(t.querySelectorAll("*"));
+	}
+	return e ? r.filter((t) => t.matches(e)) : r;
+}
+//#endregion
+//#region src/components/Slideout/SlideoutPushElement.css?raw
+var h = ".ids-slideout-push-element-\\:version\\: {\n  --iress-transition-duration: var(--iress-slideout-transition-duration, var(--iress-g-animation-duration, var(--iress-default-animation-duration, 0.3s)));\n  --iress-transition-type: var(--iress-slideout-transition-timing-function, var(--iress-g-animation-type, var(--iress-default-animation-type, ease-out)));\n  --iress-transition: var(--iress-slideout-transition, all var(--iress-transition-duration) var(--iress-transition-type));\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .ids-slideout-push-element-\\:version\\: {\n    transition: var(--iress-transition);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ids-slideout-push-element-\\:version\\: {\n    transition: all 0.01ms ease-in-out calc(var(--iress-transition-duration) / 2) !important;\n  }\n}\n\n@media only screen and (min-width: 1200px) {\n  .ids-slideout-push-element--right-\\:version\\: {\n    margin-inline-end: inherit;\n  }\n\n  .ids-slideout-push-element--left-\\:version\\: {\n    margin-inline-start: inherit;\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--right-\\:version\\:.ids-slideout-push-element--size--sm-\\:version\\: {\n    margin-inline-end: var(--iress-slideout-sm-width, var(--iress-default-width--sm, 375px));\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--left-\\:version\\:.ids-slideout-push-element--size--sm-\\:version\\: {\n    margin-inline-start: var(--iress-slideout-sm-width, var(--iress-default-width--sm, 375px));\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--right-\\:version\\:.ids-slideout-push-element--size--md-\\:version\\: {\n    margin-inline-end: var(--iress-slideout-md-width, var(--iress-default-width--md, 768px));\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--left-\\:version\\:.ids-slideout-push-element--size--md-\\:version\\: {\n    margin-inline-start: var(--iress-slideout-md-width, var(--iress-default-width--md, 768px));\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--right-\\:version\\:.ids-slideout-push-element--size--lg-\\:version\\: {\n    margin-inline-end: var(--iress-slideout-lg-width, var(--iress-default-width--md, 1200px));\n  }\n\n  .ids-slideout-push-element--open-\\:version\\:.ids-slideout-push-element--left-\\:version\\:.ids-slideout-push-element--size--lg-\\:version\\: {\n    margin-inline-start: var(--iress-slideout-lg-width, var(--iress-default-width--md, 1200px));\n  }\n}", g = t(void 0), _ = !1, v = ({ children: t, container: s, injectPushStyles: l }) => {
+	let [u, d] = a([]), f = n((e) => {
+		d((t) => t.includes(e) ? [...t] : [...t, e]);
+	}, []), p = n((e) => {
+		d((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t]);
+	}, []), m = n((e, t = !0) => {
+		if (t) return f(e);
+		p(e);
+	}, [p, f]), v = i(() => ({
+		container: s,
+		opened: u,
+		showSlideout: m
+	}), [
+		s,
+		u,
+		m
+	]);
+	return r(() => {
+		if (!_ && l) {
+			let t = document.createElement("style");
+			t.innerHTML = h.replace(/\\:version\\:/g, e), t.setAttribute("data-push-element-styles", "true"), ((typeof l == "string" ? c(l) : document.head) ?? document.head).appendChild(t), _ = !0;
+		}
+	}, [l]), /* @__PURE__ */ o(g.Provider, {
+		value: v,
+		children: t
+	});
+};
+//#endregion
+export { v as n, c as r, g as t };

package/dist/SliderTicks-BqTI-XhQ.js

@@ -0,0 +1,47 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { GlobalCSSClass as n } from "./enums.js";
+import { propagateTestid as r } from "./helpers/utility/propagateTestid.js";
+import { t as i } from "./constants-C4s0aMXs.js";
+import { useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	slider: "ids-slider-v5209",
+	control: "ids-slider--control-v5209",
+	tickMarkList: "ids-slider--tick-mark-list-v5209",
+	tickMark: "ids-slider--tick-mark-v5209",
+	selected: "ids-slider--selected-v5209",
+	tickMarkLabel: "ids-slider--tick-mark-label-v5209",
+	thumbValue: "ids-slider--thumb-value-v5209"
+}, l = /* @__PURE__ */ e(t(), 1), u = (e, t, n, r, i) => {
+	let a = t === 0 ? e - i : e - (n[t - 1]?.value ?? 0);
+	return `${Number(a / (r - i) * 100)}%`;
+}, d = (e) => i.reduce((e, t, r) => ({
+	...e,
+	className: {
+		...e.className,
+		[`${n.SROnly}--${t}`]: !!(e.hiddenOn?.[t] ?? e.className?.[`${n.SROnly}--${i[r - 1]}`])
+	}
+}), {
+	...e,
+	className: {}
+}), f = ({ max: e = 10, min: t = 0, tickLabels: n = [], ...i }) => {
+	let f = a(() => n.map((e) => e.hiddenOn ? d(e) : e), [n]);
+	return /* @__PURE__ */ o("datalist", {
+		className: c.tickMarkList,
+		...i,
+		children: f.map((a, d) => /* @__PURE__ */ s("div", {
+			className: (0, l.default)(c.tickMark, { [c.isMax]: e === a.value }),
+			style: { "--iress-tick-label-width": u(a.value, d, n, e, t) },
+			children: [/* @__PURE__ */ o("option", {
+				value: a.value,
+				"data-testid": r(i["data-testid"], "option")
+			}), /* @__PURE__ */ o("div", {
+				className: (0, l.default)(c.tickMarkLabel, a.className),
+				children: a.label ?? `${a.value}`
+			})]
+		}, a.value))
+	});
+};
+//#endregion
+export { c as n, f as t };

package/dist/StartUpLoading-DFAMmjg3.js

@@ -0,0 +1,68 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { IressText as n } from "./components/Text/Text.js";
+import { propagateTestid as r } from "./helpers/utility/propagateTestid.js";
+import { t as i } from "./Progress-BypnLSGF.js";
+import { IressStack as a } from "./components/Stack/Stack.js";
+import { t as o } from "./Loading.module-DdUL1FMv.js";
+import { useShowIndicator as s } from "./patterns/Loading/hooks/useShowIndicator.js";
+import { useEstimatedProgressValue as c } from "./patterns/Loading/hooks/useEstimatedProgressValue.js";
+import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+var h = {
+	root: "ids-start-up-loading--root-v5209",
+	progress: "ids-start-up-loading--progress-v5209"
+}, g = /* @__PURE__ */ e(t(), 1), _ = ({ children: e, messageList: t, progressValue: r, screenReaderText: i, show: a, ...s }) => {
+	let c = d(null), f = u(() => {
+		let e = Object.keys(t ?? {}).filter((e) => Number(e) <= r);
+		return e[e.length - 1];
+	}, [t, r]);
+	l(() => {
+		c.current && (c.current.classList.remove(o["slide-next"]), c.current.offsetHeight, c.current.classList.add(o["slide-next"]));
+	}, [f]);
+	let m = a ? e : i;
+	return /* @__PURE__ */ p(n, {
+		align: "center",
+		className: (0, g.default)(h.message, o["fade-in"], { [o["fade-in--active"]]: a }),
+		...s,
+		children: /* @__PURE__ */ p("div", {
+			ref: c,
+			children: f ? t?.[Number(f)] : m
+		})
+	});
+}, v = ({ className: e, children: t = /* @__PURE__ */ p(n, {
+	mode: "muted",
+	children: "One moment please..."
+}), "data-testid": u, estimatedFinishTime: d = 3e3, loaded: v, messageList: y, progress: b, renderProgress: x = (e) => /* @__PURE__ */ p(i, { ...e }), screenReaderText: S = "Loading...", timeout: C, ...w }) => {
+	let T = s(v, C?.progress, C?.loaded), [E, D] = f(!1), O = c(d, v, b, Math.max(...Object.keys(y ?? {}).map(Number)) + 500);
+	return l(() => {
+		let e = setTimeout(() => D(!0), C?.message ?? 2500);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [C?.message]), /* @__PURE__ */ p("div", {
+		"data-testid": u,
+		className: (0, g.default)(h.root, e, o["fade-in"], { [o["fade-in--active"]]: T }),
+		...w,
+		children: /* @__PURE__ */ m(a, {
+			gutter: "md",
+			...w,
+			children: [x({
+				className: h.progress,
+				min: 0,
+				max: d,
+				value: Math.min(O, d),
+				sectionTitle: `${Math.min(O, d) / d * 100}% loaded`
+			}), /* @__PURE__ */ p(_, {
+				"data-testid": r(u, "message"),
+				messageList: y,
+				progressValue: O,
+				screenReaderText: S,
+				show: E,
+				children: t
+			})]
+		})
+	});
+};
+//#endregion
+export { v as t };

package/dist/Tab-C08D4jxr.js

@@ -0,0 +1,68 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { useIdIfNeeded as n } from "./hooks/useIdIfNeeded.js";
+import { useTabSetItems as r } from "./components/TabSet/hooks/useTabSetItems.js";
+import { TabSetItem as i } from "./components/TabSet/components/TabSetItem.js";
+import { forwardRef as a, useEffect as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
+var d = {
+	tab: "ids-tab-v5209",
+	active: "ids-tab--active-v5209"
+}, f = /* @__PURE__ */ e(t(), 1), p = a(({ className: e, type: t = "button", ...n }, r) => /* @__PURE__ */ c("button", {
+	className: (0, f.default)(e, d.tab),
+	...n,
+	type: t,
+	ref: r
+})), m = a(({ active: e, children: t, className: a, "data-testid": m, label: h, value: g, ..._ }, v) => {
+	let y = n(_), b = r();
+	o(() => {
+		b?.register({
+			id: y,
+			value: g
+		});
+	}, [
+		y,
+		b,
+		g
+	]);
+	let x = b ? b.isActive(y, g) : e;
+	if (b) {
+		let e = t && x;
+		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {
+			index: b.indexOf(y, g),
+			handleSelection: b.activate,
+			selected: x,
+			value: g,
+			children: /* @__PURE__ */ c(p, {
+				className: (0, f.default)(a, { [d.active]: x }),
+				"aria-controls": t ? `${y}--panel` : void 0,
+				role: "tab",
+				"data-testid": m,
+				..._,
+				id: y,
+				ref: v,
+				children: h
+			})
+		}), b.panel && u(/* @__PURE__ */ c("div", {
+			"aria-labelledby": y,
+			id: `${y}--panel`,
+			role: "tabpanel",
+			onKeyDown: (e) => {
+				(e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown") && e.stopPropagation();
+			},
+			hidden: !e,
+			children: t
+		}), b.panel, `${y}--panel`)] });
+	}
+	return /* @__PURE__ */ c(p, {
+		className: (0, f.default)(a, { [d.active]: x }),
+		"data-testid": m,
+		..._,
+		id: y,
+		ref: v,
+		children: h
+	});
+});
+//#endregion
+export { m as t };

package/dist/TabSet.module-q8a7ksiF.js

@@ -0,0 +1,13 @@
+//#region src/components/TabSet/TabSet.module.scss
+var e = "ids-tab-set-v5209", t = "ids-tab-set--list-v5209", n = "ids-tab-set--panel-v5209", r = "ids-tab-set--list-item-v5209", i = {
+	tabSet: e,
+	list: t,
+	"layout--top-left": "ids-tab-set--layout--top-left-v5209",
+	"layout--top-center": "ids-tab-set--layout--top-center-v5209",
+	"layout--top-right": "ids-tab-set--layout--top-right-v5209",
+	panel: n,
+	"ids-badge": "ids-badge-v5209",
+	listItem: r
+};
+//#endregion
+export { i as t };

package/dist/Table.module-DnaTe51E.js

@@ -0,0 +1,32 @@
+//#region src/components/Table/Table.module.scss
+var e = "ids-table-v5209", t = "ids-table--compact-v5209", n = "ids-table--row-group-header-v5209", r = "ids-table--row-group-column-headers-v5209", i = "ids-table--divider-v5209", a = "ids-table--hover-v5209", o = "ids-table--wrapper-v5209", s = "ids-table--sort-button-v5209", c = "ids-table--sort-button-no-wrap-v5209", l = "ids-table--sort-icon-v5209", u = "ids-table--hidden-header-v5209", d = "ids-table--activator-v5209", f = {
+	table: e,
+	compact: t,
+	rowGroupHeader: n,
+	rowGroupColumnHeaders: r,
+	divider: i,
+	"cell--number": "ids-table--cell--number-v5209",
+	"cell--center": "ids-table--cell--center-v5209",
+	"cell--left": "ids-table--cell--left-v5209",
+	"cell--currency": "ids-table--cell--currency-v5209",
+	"cell--right": "ids-table--cell--right-v5209",
+	"ids-input--formControl": "ids-input--form-control-v5209",
+	"ids-field": "ids-field-v5209",
+	"ids-checkbox": "ids-checkbox-v5209",
+	"ids-checkbox--label": "ids-checkbox--label-v5209",
+	"ids-checkbox--input": "ids-checkbox--input-v5209",
+	"ids-checkbox--mark": "ids-checkbox--mark-v5209",
+	"ids-label--hidden": "ids-label--hidden-v5209",
+	"ids-field--input-container": "ids-field--input-container-v5209",
+	"iress-view-mode-compact": "ids-table--iress-view-mode-compact-v5209",
+	hover: a,
+	wrapper: o,
+	sortButton: s,
+	sortButtonNoWrap: c,
+	sortIcon: l,
+	hiddenHeader: u,
+	activator: d,
+	"pseudo-hover": "ids-table--pseudo-hover-v5209"
+};
+//#endregion
+export { f as t };