@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/AutocompleteNoResults-B9WjoXJo.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+var t = {
+	popoverContent: "ids-autocomplete--popover-content-v5209",
+	optionList: "ids-autocomplete--option-list-v5209"
+}, n = ({ noResultsText: n, styles: r = t }) => typeof n == "string" ? /* @__PURE__ */ e("div", {
+	className: r.noResults,
+	children: n
+}) : n;
+//#endregion
+export { t as n, n as t };

package/dist/Badge-BqaFutTZ.js

@@ -0,0 +1,40 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { propagateTestid as n } from "./helpers/utility/propagateTestid.js";
+import { BadgeMode as r } from "./components/Badge/Badge.types.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Badge/Badge.module.scss
+var o = "ids-badge--base-v5209", s = "ids-badge--pill-v5209", c = "ids-badge--success-v5209", l = "ids-badge--warning-v5209", u = "ids-badge--danger-v5209", d = "ids-badge--info-v5209", f = "ids-badge--positive-v5209", p = "ids-badge--negative-v5209", m = "ids-badge-v5209", h = "ids-badge--host-v5209", g = {
+	base: o,
+	pill: s,
+	success: c,
+	warning: l,
+	danger: u,
+	info: d,
+	positive: f,
+	negative: p,
+	"background-default": "ids-badge--background-default-v5209",
+	"background-alt": "ids-badge--background-alt-v5209",
+	badge: m,
+	"ids-icon": "ids-icon-v5209",
+	host: h
+}, _ = /* @__PURE__ */ e(t(), 1), v = ({ children: e, mode: t = "background-default", pill: r, className: o, host: s, ...c }) => {
+	let l = /* @__PURE__ */ i("span", {
+		className: (0, _.default)({
+			[g.badge]: !0,
+			[g.base]: !0,
+			[g[t]]: !0,
+			[g.pill]: r
+		}, o),
+		...c,
+		children: e
+	});
+	return s ? /* @__PURE__ */ a("div", {
+		className: g.host,
+		"data-testid": n(c["data-testid"], "host"),
+		children: [s, l]
+	}) : l;
+};
+v.displayName = "IressBadge", v.Mode = r;
+//#endregion
+export { v as t };

package/dist/CheckboxGroup-WLxp9nIX.js

@@ -0,0 +1,79 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { toArray as n } from "./helpers/formatting/toArray.js";
+import { useControlledState as r } from "./hooks/useControlledState.js";
+import { useNoDefaultValueInForms as i } from "./components/Form/hooks/useNoDefaultValueInForms.js";
+import { CheckboxGroupContext as a } from "./components/CheckboxGroup/CheckboxGroupContext.js";
+import { CheckboxGroupLayout as o } from "./components/CheckboxGroup/CheckboxGroup.types.js";
+import { forwardRef as s, useImperativeHandle as c, useMemo as l, useRef as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/CheckboxGroup/CheckboxGroup.module.scss
+var f = "ids-checkbox-group-v5209", p = "ids-checkbox-group--full-v5209", m = "ids-checkbox-group--block-v5209", h = "ids-checkbox-group--stack-v5209", g = "ids-checkbox-group--inline-v5209", _ = "ids-checkbox-group--readonly-v5209", v = {
+	checkboxGroup: f,
+	full: p,
+	block: m,
+	stack: h,
+	"ids-checkbox": "ids-checkbox-v5209",
+	"ids-input--readonly": "ids-input--readonly-v5209",
+	"ids-checkbox--label": "ids-checkbox--label-v5209",
+	"ids-checkbox--label-span": "ids-checkbox--label-span-v5209",
+	inline: g,
+	readonly: _,
+	"ids-input-base--readonly": "ids-input-base--readonly-v5209"
+}, y = /* @__PURE__ */ e(t(), 1), b = s(({ className: e, value: t, defaultValue: o, children: s, layout: f = "stack", onChange: p, onFocus: m, hiddenCheckbox: h, name: g, role: _ = "group", readonly: b, touch: x, ...S }, C) => {
+	i({
+		component: "IressCheckboxGroup",
+		defaultValue: o
+	});
+	let { value: w, setValue: T, toggleValue: E } = r({
+		component: "IressCheckbox",
+		defaultValue: o === void 0 ? void 0 : n(o),
+		multiple: !0,
+		onChange: p,
+		value: t === void 0 ? void 0 : n(t)
+	}), D = u(null), O = D.current;
+	c(C, () => ({
+		focus: () => O?.focus(),
+		blur: () => O?.blur(),
+		input: O,
+		check: (e) => {
+			E(e, !0);
+		},
+		reset: () => {
+			T([]);
+		}
+	}));
+	let k = l(() => ({
+		hiddenCheckbox: h,
+		name: g,
+		onChange: (e, t) => {
+			E(t, e.target.checked);
+		},
+		readonly: b,
+		touch: x,
+		value: w
+	}), [
+		g,
+		w,
+		h,
+		b,
+		x,
+		E
+	]), A = (e) => {
+		m?.(e), e.target === D.current && D.current.querySelector("input")?.focus();
+	};
+	return /* @__PURE__ */ d(a.Provider, {
+		value: k,
+		children: /* @__PURE__ */ d("div", {
+			...S,
+			role: _,
+			ref: D,
+			className: (0, y.default)(e, v.checkboxGroup, v[f], { [v.readonly]: b }),
+			onFocus: A,
+			children: s
+		})
+	});
+});
+b.displayName = "IressCheckboxGroup", b.Layout = o;
+//#endregion
+export { b as t };

package/dist/CheckboxMark.types-CW7xyywE.js

@@ -0,0 +1,17 @@
+var e = {
+	checkboxMark: "ids-checkbox-mark-v5209",
+	checked: "ids-checkbox-mark--checked-v5209",
+	indeterminate: "ids-checkbox-mark--indeterminate-v5209"
+}, t = {
+	checkboxMark: "ids-checkbox-mark-v5209",
+	indeterminateMark: "ids-checkbox-mark--indeterminate-mark-v5209",
+	checkedMark: "ids-checkbox-mark--checked-mark-v5209",
+	checked: "ids-checkbox-mark--checked-v5209",
+	indeterminate: "ids-checkbox-mark--indeterminate-v5209"
+};
+//#endregion
+//#region src/components/CheckboxMark/CheckboxMark.types.ts
+Object.assign(e, t);
+var n = t;
+//#endregion
+export { n as t };

package/dist/ClearButton-s0_b3pvJ.js

@@ -0,0 +1,25 @@
+import { GlobalCSSClass as e } from "./enums.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/Input/ClearButton/ClearButton.module.scss
+var r = "ids-clear-button--input-v5209", i = "ids-clear-button--readonly-v5209", a = "ids-clear-button--clear-v5209", o = {
+	input: r,
+	readonly: i,
+	"ids-field-group--join": "ids-field-group--join-v5209",
+	"ids-field-group--fields": "ids-field-group--fields-v5209",
+	"ids-field": "ids-field-v5209",
+	clear: a
+}, s = ({ onClick: r }) => /* @__PURE__ */ n("button", {
+	className: o.clear,
+	onClick: r,
+	onMouseDown: (e) => e.preventDefault(),
+	type: "button",
+	children: [/* @__PURE__ */ t("span", {
+		"aria-hidden": "true",
+		children: "×"
+	}), /* @__PURE__ */ t("span", {
+		className: e.SROnly,
+		children: "Clear"
+	})]
+});
+//#endregion
+export { s as t };

package/dist/ComboboxHiddenInput-DH3V3Dyg.js

@@ -0,0 +1,27 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { propagateTestid as n } from "./helpers/utility/propagateTestid.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Combobox/Combobox.module.scss
+var a = "ids-combobox--input-v5209", o = "ids-combobox--readonly-v5209", s = "ids-combobox-v5209", c = "ids-combobox--popover-content-v5209", l = "ids-combobox--option-list-v5209", u = {
+	input: a,
+	readonly: o,
+	"ids-field-group--join": "ids-field-group--join-v5209",
+	"ids-field-group--fields": "ids-field-group--fields-v5209",
+	"ids-field": "ids-field-v5209",
+	combobox: s,
+	"ids-menuItem": "ids-menu-item-v5209",
+	popoverContent: c,
+	optionList: l
+}, d = /* @__PURE__ */ e(t(), 1), f = r(({ dataTestId: e, hiddenInputProps: t, ...r }, a) => /* @__PURE__ */ i("input", {
+	...t,
+	...r,
+	className: (0, d.default)(t?.className, u.hiddenInput),
+	"data-testid": n(e, "hidden-input"),
+	ref: a,
+	type: "hidden"
+}));
+f.displayName = "ComboboxHiddenInput";
+//#endregion
+export { u as n, f as t };

package/dist/Expander-B3_k6HJq.js

@@ -0,0 +1,55 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { propagateTestid as n } from "./helpers/utility/propagateTestid.js";
+import { useIdIfNeeded as r } from "./hooks/useIdIfNeeded.js";
+import { ExpanderMode as i } from "./components/Expander/Expander.types.js";
+import { useEffect as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	link: "ids-expander--link-v5209",
+	heading: "ids-expander--heading-v5209",
+	activator: "ids-expander--activator-v5209",
+	section: "ids-expander--section-v5209",
+	expander: "ids-expander-v5209",
+	container: "ids-expander--container-v5209",
+	open: "ids-expander--open-v5209",
+	containerInner: "ids-expander--container-inner-v5209",
+	content: "ids-expander--content-v5209"
+}, u = /* @__PURE__ */ e(t(), 1), d = ({ activator: e, children: t, className: i, "data-testid": d, onChange: f, id: p, mode: m = "section", open: h = !1, ...g }) => {
+	let [_, v] = o(h), y = r({ id: p }), b = (0, u.default)(i, l.expander, l[m], { [l.open]: _ }), x = (0, u.default)(l.container, { [l.open]: _ });
+	a(() => {
+		v(h);
+	}, [h]);
+	let S = () => {
+		v(!_), f?.({ open: !_ });
+	};
+	return /* @__PURE__ */ c("div", {
+		className: b,
+		...g,
+		"data-testid": d,
+		id: y,
+		children: [/* @__PURE__ */ s("button", {
+			className: l.activator,
+			"aria-expanded": _,
+			"aria-controls": `${y}__container`,
+			onClick: S,
+			type: "button",
+			"data-testid": n(d, "activator"),
+			children: e
+		}), /* @__PURE__ */ s("div", {
+			id: `${y}__container`,
+			className: x,
+			"data-testid": n(d, "container"),
+			children: /* @__PURE__ */ s("div", {
+				className: l.containerInner,
+				children: /* @__PURE__ */ s("div", {
+					className: l.content,
+					children: t
+				})
+			})
+		})]
+	});
+};
+d.Mode = i;
+//#endregion
+export { d as t };

package/dist/InputBase-BnBuTYZm.js

@@ -0,0 +1,48 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { LoggerLevels as n } from "./enums.js";
+import { idsLogger as r } from "./helpers/utility/idsLogger.js";
+import { forwardRef as i, useImperativeHandle as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+var c = {
+	input: "ids-input-base--input-v5209",
+	readonly: "ids-input-base--readonly-v5209",
+	formControl: "ids-input-base--form-control-v5209",
+	textarea: "ids-input-base--textarea-v5209",
+	addon: "ids-input-base--addon-v5209",
+	readonlyAlignRight: "ids-input-base--readonly-align-right-v5209"
+}, l = /* @__PURE__ */ e(t(), 1), u = i((e, t) => {
+	let { rows: i = 0, type: u = "text", "data-testid": d, className: f, ...p } = e, m = i > 0, h = o(null), g = o(null);
+	return a(t, () => {
+		let e = m ? g.current : h.current;
+		return {
+			focus: () => e?.focus(),
+			blur: () => e?.blur(),
+			input: m ? g.current : h.current
+		};
+	}), m ? ([
+		"min",
+		"max",
+		"step"
+	].forEach((e) => {
+		({
+			...p,
+			type: u
+		})[e] && r("IressInput: The prop '${prop}' is not supported when 'rows' is greater than 0 and the component is rendered as a textarea.", n.Warn);
+	}), /* @__PURE__ */ s("textarea", {
+		rows: i,
+		...d && { "data-testid": `${d}__textarea` },
+		...p,
+		ref: g,
+		className: (0, l.default)(c.formControl, c.textarea, f)
+	})) : /* @__PURE__ */ s("input", {
+		type: u,
+		...d && { "data-testid": `${d}__input` },
+		...p,
+		ref: h,
+		className: (0, l.default)(c.formControl, f)
+	});
+});
+u.displayName = "InputBase";
+//#endregion
+export { c as n, u as t };

package/dist/LabelBase-CV1O4V_d.js

@@ -0,0 +1,51 @@
+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 { useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	label: "ids-label-v5209",
+	hidden: "ids-label--hidden-v5209",
+	hasAppend: "ids-label--has-append-v5209",
+	required: "ids-label--required-v5209",
+	optional: "ids-label--optional-v5209"
+}, l = /* @__PURE__ */ e(t(), 1), u = ({ append: e, as: t = "label", children: u, className: d, "data-testid": f, hiddenLabel: p = !1, optional: m, required: h, ...g }) => {
+	let [_, v] = i(), y = (e) => {
+		let t = e?.textContent;
+		t && t !== _ && v(t);
+	};
+	return /* @__PURE__ */ s(t, {
+		className: (0, l.default)(d, n.FormLabel, {
+			[c.label]: !0,
+			[c.hidden]: p,
+			[c.hasAppend]: e
+		}),
+		...g,
+		"data-name": _,
+		"data-testid": f,
+		children: [
+			h && /* @__PURE__ */ s(a, { children: [!p && /* @__PURE__ */ o("span", {
+				className: (0, l.default)(c.required),
+				"aria-hidden": "true",
+				children: "*"
+			}), /* @__PURE__ */ o("span", {
+				className: n.SROnly,
+				children: "Required "
+			})] }),
+			/* @__PURE__ */ o("span", {
+				className: (0, l.default)({ [n.SROnly]: p === !0 }) || void 0,
+				"data-testid": r(f, "text"),
+				ref: y,
+				children: u
+			}),
+			!h && m && /* @__PURE__ */ o("span", {
+				className: (0, l.default)(c.optional, { [n.SROnly]: p === !0 }),
+				children: typeof m == "string" ? m : "(optional)"
+			}),
+			e
+		]
+	});
+};
+//#endregion
+export { u as t };

package/dist/Loading.module-DdUL1FMv.js

@@ -0,0 +1,16 @@
+//#region src/patterns/Loading/Loading.module.scss
+var e = "ids-loading--error-v5209", t = {
+	"fade-in": "ids-loading--fade-in-v5209",
+	"fade-in--active": "ids-loading--fade-in--active-v5209",
+	"slide-in": "ids-loading--slide-in-v5209",
+	"slide-in--active": "ids-loading--slide-in--active-v5209",
+	"fade-next": "ids-loading--fade-next-v5209",
+	"fade-next-animation": "ids-loading--fade-next-animation-v5209",
+	"fade-next-width": "ids-loading--fade-next-width-v5209",
+	"fade-next-width-animation": "ids-loading--fade-next-width-animation-v5209",
+	"slide-next": "ids-loading--slide-next-v5209",
+	"slide-next-animation": "ids-loading--slide-next-animation-v5209",
+	error: e
+};
+//#endregion
+export { t };

package/dist/LogoFromSrc-7oPJTvAO.js

@@ -0,0 +1,50 @@
+import { propagateTestid as e } from "./helpers/utility/propagateTestid.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Navbar/Navbar.module.scss
+var n = "ids-navbar-v5209", r = "ids-navbar--logo-image-v5209", i = "ids-navbar--panel-v5209", a = "ids-navbar--logo-slot-v5209", o = "ids-navbar--content-v5209", s = "ids-navbar--content-between-v5209", c = "ids-navbar--content-end-v5209", l = "ids-navbar--toggle-button-v5209", u = "ids-navbar--logo-icon-v5209", d = "ids-navbar--slot-v5209", f = "ids-navbar--logo-link-v5209", p = "ids-navbar--fixed-v5209", m = "ids-navbar--nav-hide-v5209", h = {
+	navbar: n,
+	"ids-icon": "ids-icon-v5209",
+	"ids-field": "ids-field-v5209",
+	"ids-field-group": "ids-field-group-v5209",
+	logoImage: r,
+	panel: i,
+	logoSlot: a,
+	"ids-menu--inline": "ids-menu--inline-v5209",
+	"ids-menuItem": "ids-menu-item-v5209",
+	"ids-badge--host": "ids-badge--host-v5209",
+	"ids-popover": "ids-popover-v5209",
+	"ids-combobox": "ids-combobox-v5209",
+	"ids-popover--activator": "ids-popover--activator-v5209",
+	"ids-popover--content": "ids-popover--content-v5209",
+	"ids-label": "ids-label-v5209",
+	"ids-select": "ids-select-v5209",
+	"ids-input": "ids-input-v5209",
+	"ids-tagListInput": "ids-tag-list-input-v5209",
+	"ids-input--wrapper": "ids-input--wrapper-v5209",
+	"ids-panel--background-transparent": "ids-panel--background-transparent-v5209",
+	"iress—background--transparent": "ids-navbar--iress—background--transparent-v5209",
+	content: o,
+	contentBetween: s,
+	contentEnd: c,
+	toggleButton: l,
+	logoIcon: u,
+	slot: d,
+	logoLink: f,
+	fixed: p,
+	"breakpoint--xs": "ids-navbar--breakpoint--xs-v5209",
+	navHide: m,
+	"ids-menuItem--selected": "ids-menu-item--selected-v5209",
+	"breakpoint--sm": "ids-navbar--breakpoint--sm-v5209",
+	"breakpoint--md": "ids-navbar--breakpoint--md-v5209",
+	"breakpoint--lg": "ids-navbar--breakpoint--lg-v5209",
+	"breakpoint--xl": "ids-navbar--breakpoint--xl-v5209",
+	"breakpoint--xxl": "ids-navbar--breakpoint--xxl-v5209"
+}, g = ({ logoSrc: n, logoAltText: r, onError: i, dataTestid: a }) => /* @__PURE__ */ t("img", {
+	src: n,
+	className: h.logoImage,
+	"data-testid": e(a, "logo"),
+	alt: r,
+	onError: i
+});
+//#endregion
+export { h as n, g as t };

package/dist/LongLoading-Dw8sUYlh.js

@@ -0,0 +1,117 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { GlobalCSSClass as n } from "./enums.js";
+import { IressText as r } from "./components/Text/Text.js";
+import { propagateTestid as i } from "./helpers/utility/propagateTestid.js";
+import { IressPanel as a } from "./components/Panel/Panel.js";
+import { t as o } from "./Progress-BypnLSGF.js";
+import { IressStack as s } from "./components/Stack/Stack.js";
+import { t as c } from "./Loading.module-DdUL1FMv.js";
+import { useShowIndicator as l } from "./patterns/Loading/hooks/useShowIndicator.js";
+import { useEstimatedProgressValue as u } from "./patterns/Loading/hooks/useEstimatedProgressValue.js";
+import { useId as d, useMemo as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/patterns/Loading/components/LongLoading.module.scss
+var h = "ids-long-loading--root-v5209", g = "ids-long-loading--panel-v5209", _ = "ids-long-loading--dots-v5209", v = "ids-long-loading--check-list-v5209", y = "ids-long-loading--check-list-item-v5209", b = "ids-long-loading--check-list-item__done-v5209", x = "ids-long-loading--checked-v5209", S = "ids-long-loading--checked__circle-v5209", C = "ids-long-loading--checked__check-v5209", w = {
+	root: h,
+	panel: g,
+	dots: _,
+	"dots-animated": "ids-long-loading--dots-animated-v5209",
+	checkList: v,
+	checkListItem: y,
+	checkListItem__done: b,
+	checked: x,
+	"checked-fill": "ids-long-loading--checked-fill-v5209",
+	"checked-scale": "ids-long-loading--checked-scale-v5209",
+	checked__circle: S,
+	"checked-stroke": "ids-long-loading--checked-stroke-v5209",
+	checked__check: C
+}, T = /* @__PURE__ */ e(t(), 1), E = () => {
+	let e = d();
+	return /* @__PURE__ */ m("svg", {
+		className: w.checked,
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 52 52",
+		"aria-labelledby": e,
+		children: [
+			/* @__PURE__ */ p("title", {
+				id: e,
+				children: "Finished: "
+			}),
+			/* @__PURE__ */ p("circle", {
+				className: w.checked__circle,
+				cx: "26",
+				cy: "26",
+				r: "25",
+				fill: "none"
+			}),
+			/* @__PURE__ */ p("path", {
+				className: w.checked__check,
+				fill: "none",
+				d: "M14.1 27.2l7.1 7.2 16.7-16.8"
+			})
+		]
+	});
+}, D = ({ children: e, className: t, error: d, estimatedFinishTime: h = 1e4, loaded: g, messageList: _ = {}, progress: v, renderProgress: y = (e) => /* @__PURE__ */ p(o, { ...e }), timeout: b, ...x }) => {
+	let S = l(g, b?.message, b?.loaded ?? 1300), C = u(h, g, v, Math.max(...Object.keys(_).map(Number)) + 500), D = f(() => {
+		let e = Object.keys(_), t = e.findIndex((e) => Number(e) > C);
+		return g ? "" : e[t] ?? e[e.length - 1];
+	}, [
+		_,
+		g,
+		C
+	]), O = f(() => Object.entries(_).map(([e, t]) => ({
+		timecode: Number(e),
+		message: t,
+		current: e === D,
+		finished: C >= Number(e)
+	})), [
+		_,
+		D,
+		C
+	]);
+	return /* @__PURE__ */ p("div", {
+		className: (0, T.default)(w.root, t, c["fade-in"], { [c["fade-in--active"]]: S }),
+		...x,
+		children: /* @__PURE__ */ p(a, {
+			"data-testid": i(x["data-testid"], "panel"),
+			className: (0, T.default)(w.panel, { [c.error]: !!d }),
+			children: d ?? /* @__PURE__ */ m(s, {
+				gutter: "md",
+				children: [
+					e,
+					y({
+						className: w.progress,
+						min: 0,
+						max: h,
+						value: Math.min(C, h),
+						sectionTitle: `${Math.min(C, h) / h * 100}% loaded`
+					}),
+					/* @__PURE__ */ p(r, {
+						variant: "lead",
+						noGutter: !0,
+						children: /* @__PURE__ */ p("ul", {
+							className: w.checkList,
+							children: O.map((e) => /* @__PURE__ */ m("li", {
+								className: (0, T.default)(w.checkListItem, { [w.checkListItem__done]: e.finished }),
+								children: [
+									e.finished && /* @__PURE__ */ p(E, {}),
+									e.message,
+									e.current && /* @__PURE__ */ p("span", {
+										className: w.dots,
+										children: /* @__PURE__ */ p("span", {
+											className: n.SROnly,
+											children: "..."
+										})
+									})
+								]
+							}, e.timecode))
+						})
+					})
+				]
+			})
+		})
+	});
+};
+//#endregion
+export { D as t };

package/dist/MenuItem.module-guf-3YyL.js

@@ -0,0 +1,24 @@
+//#region src/components/Menu/MenuItem/MenuItem.module.scss
+var e = "ids-menu-item-v5209", t = "ids-menu-item--text-v5209", n = "ids-menu-item--selected-v5209", r = "ids-menu-item--multi-select-v5209", i = "ids-menu-item--button-v5209", a = "ids-menu-item--text-append-v5209", o = "ids-menu-item--text-prepend-v5209", s = "ids-menu-item--heading-v5209", c = "ids-menu-item--contents-v5209", l = "ids-menu-item--append-v5209", u = "ids-menu-item--checkbox-mark-v5209", d = "ids-menu-item--divider-v5209", f = "ids-menu-item--no-wrap-v5209", p = "ids-menu-item--list-item-v5209", m = {
+	menuItem: e,
+	text: t,
+	"menu--nav": "ids-menu-item--menu--nav-v5209",
+	selected: n,
+	multiSelect: r,
+	"menu--inline": "ids-menu-item--menu--inline-v5209",
+	"menu--inline-equal-width": "ids-menu-item--menu--inline-equal-width-v5209",
+	button: i,
+	textAppend: a,
+	textPrepend: o,
+	heading: s,
+	"menu--stack": "ids-menu-item--menu--stack-v5209",
+	contents: c,
+	append: l,
+	checkboxMark: u,
+	"ids-checkbox-label": "ids-checkbox-label-v5209",
+	divider: d,
+	noWrap: f,
+	listItem: p
+};
+//#endregion
+export { m as t };

package/dist/Placeholder-C1YrHg4w.js

@@ -0,0 +1,35 @@
+import { n as e } from "./chunk-efA98nb6.js";
+import { t } from "./classnames-BTnCYmAN.js";
+import { toCSSLengthValue as n } from "./helpers/formatting/toCSSLengthValue.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+var a = {
+	placeholder: "ids-placeholder-v5209",
+	transparent: "ids-placeholder--transparent-v5209"
+}, o = /* @__PURE__ */ e(t(), 1), s = ({ children: e, className: t, height: s = "auto", stretch: c, style: l, transparent: u, width: d = "auto", ...f }) => {
+	let p = s === "auto" ? c ? "100%" : s : n(s);
+	return /* @__PURE__ */ i("div", {
+		className: (0, o.default)(t, a.placeholder, { [a.transparent]: u }),
+		...f,
+		style: {
+			...l,
+			width: d ? n(d) : l?.width,
+			height: p
+		},
+		children: [/* @__PURE__ */ i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ r("line", {
+				x1: "0",
+				y1: "0",
+				x2: "100%",
+				y2: "100%"
+			}), /* @__PURE__ */ r("line", {
+				x1: "100%",
+				y1: "0",
+				x2: "0",
+				y2: "100%"
+			})]
+		}), e]
+	});
+};
+//#endregion
+export { s as t };

package/dist/Popover.module-6flgSLob.js

@@ -0,0 +1,10 @@
+var e = {
+	popover: "ids-popover-v5209",
+	portal: "ids-popover--portal-v5209",
+	hasInputActivator: "ids-popover--has-input-activator-v5209",
+	inputActivatorPortal: "ids-popover--input-activator-portal-v5209",
+	content: "ids-popover--content-v5209",
+	activator: "ids-popover--activator-v5209"
+};
+//#endregion
+export { e as t };