@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectSetupGuide.js

@@ -0,0 +1,187 @@
+/* empty css           */
+import { formatSelectNumber as e, useSelectLocale as t, useSelectMessages as n } from "./SelectLocale.js";
+import { useInsideFrame as r } from "./internal/frame.js";
+import { inertProps as i } from "./internal/inert.js";
+import { forwardRef as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/SelectSetupGuide.tsx
+function d({ status: e }) {
+	return /* @__PURE__ */ l("span", {
+		className: `select-setupguide__icon select-setupguide__icon--${e}`,
+		"aria-hidden": "true",
+		children: e === "done" && /* @__PURE__ */ l("svg", {
+			viewBox: "0 0 16 16",
+			width: "10",
+			height: "10",
+			fill: "none",
+			children: /* @__PURE__ */ l("path", {
+				d: "M3.5 8.5l3 3 6-7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})
+	});
+}
+var f = /* @__PURE__ */ l("svg", {
+	viewBox: "0 0 20 20",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "1.8",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ l("path", { d: "M8 5l5 5-5 5" })
+});
+function p({ group: e, justDone: t }) {
+	let r = n().setupGuide, [a, o] = c(!!(e.collapsible && e.defaultCollapsed)), s = !e.collapsible || !a;
+	return /* @__PURE__ */ u("div", {
+		className: `select-setupguide__group${s ? "" : " is-collapsed"}`,
+		children: [e.collapsible ? /* @__PURE__ */ u("button", {
+			type: "button",
+			className: "select-setupguide__grouptitle select-setupguide__grouptoggle",
+			"aria-expanded": s,
+			onClick: () => o((e) => !e),
+			children: [/* @__PURE__ */ l("span", { children: e.title }), f]
+		}) : /* @__PURE__ */ l("div", {
+			className: "select-setupguide__grouptitle",
+			children: e.title
+		}), /* @__PURE__ */ l("div", {
+			className: "select-setupguide__collapse",
+			...i(!s),
+			children: /* @__PURE__ */ l("ul", {
+				className: "select-setupguide__list",
+				children: e.steps.map((e) => /* @__PURE__ */ u("li", {
+					className: `select-setupguide__step is-${e.status}${e.onSelect ? " is-link" : ""}${t.has(e.id) ? " is-just-done" : ""}`,
+					children: [
+						/* @__PURE__ */ l(d, { status: e.status }),
+						/* @__PURE__ */ u("span", {
+							className: "select-setupguide__text",
+							children: [e.onSelect ? /* @__PURE__ */ u("button", {
+								type: "button",
+								className: "select-setupguide__steptitle select-setupguide__go",
+								onClick: e.onSelect,
+								children: [e.title, /* @__PURE__ */ u("span", {
+									className: "select-setupguide__sr",
+									children: [" — ", r[e.status]]
+								})]
+							}) : /* @__PURE__ */ u("span", {
+								className: "select-setupguide__steptitle",
+								children: [e.title, /* @__PURE__ */ u("span", {
+									className: "select-setupguide__sr",
+									children: [" — ", r[e.status]]
+								})]
+							}), e.description && /* @__PURE__ */ l("span", {
+								className: "select-setupguide__stepdesc",
+								children: e.description
+							})]
+						}),
+						e.trailing ? /* @__PURE__ */ l("span", {
+							className: "select-setupguide__trailing",
+							children: e.trailing
+						}) : e.onSelect && e.status !== "done" ? /* @__PURE__ */ l("span", {
+							className: "select-setupguide__chevron",
+							children: f
+						}) : null
+					]
+				}, e.id))
+			})
+		})]
+	});
+}
+var m = a(function({ title: a, description: c, progress: d, actions: f, next: m, groups: h, minimized: g = !1, tone: _ = "default", className: v, ...y }, b) {
+	let x = n().setupGuide, S = t(), C = d && d.total > 0 ? Math.round(d.done / d.total * 100) : 0, w = r(), T = s(null), E = /* @__PURE__ */ new Set(), D = h.flatMap((e) => e.steps);
+	if (T.current) for (let e of D) e.status === "done" && T.current.get(e.id) !== "done" && E.add(e.id);
+	return o(() => {
+		T.current = new Map(D.map((e) => [e.id, e.status]));
+	}), /* @__PURE__ */ u("section", {
+		ref: b,
+		...y,
+		className: `select-setupguide${w ? " select-setupguide--nested" : ""}${g ? " is-minimized" : ""}${_ === "sandbox" ? " select-setupguide--sandbox" : ""}${v ? " " + v : ""}`,
+		children: [/* @__PURE__ */ u("div", {
+			className: "select-setupguide__head",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "select-setupguide__heading",
+					children: [/* @__PURE__ */ l("h2", {
+						className: "select-setupguide__title",
+						children: a
+					}), c && /* @__PURE__ */ l("p", {
+						className: "select-setupguide__desc",
+						children: c
+					})]
+				}),
+				d && /* @__PURE__ */ u("div", {
+					className: "select-setupguide__progress",
+					children: [/* @__PURE__ */ l("div", {
+						className: "select-setupguide__bar",
+						role: "progressbar",
+						"aria-valuemin": 0,
+						"aria-valuemax": d.total,
+						"aria-valuenow": d.done,
+						"aria-label": x.progressLabel,
+						children: /* @__PURE__ */ l("span", {
+							className: "select-setupguide__fill",
+							style: { width: `${Math.max(C, 3)}%` }
+						})
+					}), /* @__PURE__ */ l("span", {
+						className: "select-setupguide__count",
+						children: d.label ?? x.progress(e(d.done, S), e(d.total, S))
+					})]
+				}),
+				f && /* @__PURE__ */ l("div", {
+					className: "select-setupguide__actions",
+					children: f
+				})
+			]
+		}), /* @__PURE__ */ l("div", {
+			className: "select-setupguide__fold",
+			...i(g),
+			children: /* @__PURE__ */ u("div", {
+				className: "select-setupguide__body",
+				children: [m && /* @__PURE__ */ l("div", {
+					className: "select-setupguide__next",
+					children: m
+				}), /* @__PURE__ */ l("div", {
+					className: "select-setupguide__steps",
+					children: h.map((e, t) => /* @__PURE__ */ l(p, {
+						group: e,
+						justDone: E
+					}, t))
+				})]
+			})
+		})]
+	});
+});
+function h({ eyebrow: e, title: t, children: n, actions: r }) {
+	return /* @__PURE__ */ u("div", {
+		className: "select-setupnext",
+		children: [/* @__PURE__ */ u("div", {
+			className: "select-setupnext__text",
+			children: [
+				e && /* @__PURE__ */ l("div", {
+					className: "select-setupnext__eyebrow",
+					children: e
+				}),
+				/* @__PURE__ */ l("h3", {
+					className: "select-setupnext__title",
+					children: t
+				}),
+				n && /* @__PURE__ */ l("div", {
+					className: "select-setupnext__body",
+					children: n
+				})
+			]
+		}), r && /* @__PURE__ */ l("div", {
+			className: "select-setupnext__actions",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { m as SelectSetupGuide, h as SelectSetupNext };
+
+//# sourceMappingURL=SelectSetupGuide.js.map

package/dist/SelectShareBar.js

@@ -0,0 +1,139 @@
+/* empty css           */
+import { SelectTooltip as e } from "./SelectTooltip.js";
+import { chartColor as t } from "./chartUtils.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectShareBar.tsx
+function a({ items: a, label: o, aside: s, legend: c = "list", size: l = "sm", onSelect: u, selected: d, hint: f, selectHint: p = "Clique para filtrar.", clearHint: m = "Clique de novo para ver todas.", className: h, ...g }) {
+	let _ = a.map((e, n) => ({
+		...e,
+		key: e.key ?? e.label,
+		color: e.color ?? t(n)
+	})).filter((e) => e.value > 0), v = _.reduce((e, t) => e + t.value, 0);
+	if (v <= 0) return null;
+	let y = (e) => Math.round(e / v * 100), b = (e) => d != null && d !== e, x = (e, t) => {
+		let a = u ? d === e.key ? m : p : null;
+		return !t && e.tip == null && a == null ? null : /* @__PURE__ */ i("span", {
+			className: "select-sharebar__tip",
+			children: [
+				t && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("strong", { children: e.label }), /* @__PURE__ */ i("span", { children: [
+					e.count != null && /* @__PURE__ */ i(n, { children: [e.count, " · "] }),
+					e.valueText != null && /* @__PURE__ */ i(n, { children: [e.valueText, " · "] }),
+					y(e.value),
+					"%"
+				] })] }),
+				e.tip != null && /* @__PURE__ */ r("span", { children: e.tip }),
+				a != null && /* @__PURE__ */ r("span", {
+					className: "select-sharebar__tipaction",
+					children: a
+				})
+			]
+		});
+	}, S = (t, n) => t == null ? n : /* @__PURE__ */ r(e, {
+		content: t,
+		children: n
+	});
+	return /* @__PURE__ */ i("div", {
+		...g,
+		className: `select-sharebar select-sharebar--${l}${c === "chips" ? " select-sharebar--chips" : ""}${h ? " " + h : ""}`,
+		children: [
+			(o != null || s != null) && /* @__PURE__ */ i("div", {
+				className: "select-sharebar__head",
+				children: [/* @__PURE__ */ r("span", { children: o }), s != null && /* @__PURE__ */ r("span", { children: s })]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "select-sharebar__track",
+				role: u ? "group" : "img",
+				"aria-label": _.map((e) => `${e.label} ${y(e.value)}%`).join(", "),
+				children: _.map((t) => /* @__PURE__ */ r(e, {
+					content: x(t, !0),
+					children: u ? /* @__PURE__ */ r("button", {
+						type: "button",
+						className: `select-sharebar__seg select-sharebar__seg--btn${b(t.key) ? " is-dim" : ""}`,
+						style: {
+							width: `${t.value / v * 100}%`,
+							background: t.color
+						},
+						"aria-label": `${t.label}: ${y(t.value)}%`,
+						"aria-pressed": d === t.key,
+						onClick: () => u(t.key)
+					}) : /* @__PURE__ */ r("span", {
+						className: `select-sharebar__seg${b(t.key) ? " is-dim" : ""}`,
+						style: {
+							width: `${t.value / v * 100}%`,
+							background: t.color
+						}
+					})
+				}, t.key))
+			}),
+			c === "chips" ? /* @__PURE__ */ r("ul", {
+				className: "select-sharebar__chips",
+				children: _.map((e) => {
+					let t = /* @__PURE__ */ i(n, { children: [
+						/* @__PURE__ */ r("span", {
+							className: "select-sharebar__dot",
+							style: { background: e.color },
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "select-sharebar__label",
+							children: e.label
+						}),
+						e.count != null && /* @__PURE__ */ r("span", {
+							className: "select-sharebar__count",
+							children: e.count
+						}),
+						e.valueText != null && /* @__PURE__ */ r("span", {
+							className: "select-sharebar__chipvalue",
+							children: e.valueText
+						})
+					] });
+					return /* @__PURE__ */ r("li", { children: S(x(e, !1), u ? /* @__PURE__ */ r("button", {
+						type: "button",
+						className: `select-sharebar__chip select-sharebar__chip--btn${d === e.key ? " is-selected" : ""}${b(e.key) ? " is-dim" : ""}`,
+						"aria-pressed": d === e.key,
+						onClick: () => u(e.key),
+						children: t
+					}) : /* @__PURE__ */ r("span", {
+						className: "select-sharebar__chip",
+						children: t
+					})) }, e.key);
+				})
+			}) : /* @__PURE__ */ r("ul", {
+				className: "select-sharebar__legend",
+				children: _.map((e) => /* @__PURE__ */ i("li", {
+					className: "select-sharebar__item",
+					children: [
+						/* @__PURE__ */ r("span", {
+							className: "select-sharebar__dot",
+							style: { background: e.color },
+							"aria-hidden": "true"
+						}),
+						S(e.tip == null ? null : /* @__PURE__ */ r("span", {
+							className: "select-sharebar__tip",
+							children: e.tip
+						}), /* @__PURE__ */ r("span", {
+							className: "select-sharebar__label",
+							children: e.label
+						})),
+						e.valueText != null && /* @__PURE__ */ r("span", {
+							className: "select-sharebar__value",
+							children: e.valueText
+						}),
+						/* @__PURE__ */ i("span", {
+							className: "select-sharebar__pct",
+							children: [y(e.value), "%"]
+						})
+					]
+				}, e.key))
+			}),
+			f != null && /* @__PURE__ */ r("p", {
+				className: "select-sharebar__hint",
+				children: f
+			})
+		]
+	});
+}
+//#endregion
+export { a as SelectShareBar };
+
+//# sourceMappingURL=SelectShareBar.js.map

package/dist/SelectSideNav.js

@@ -0,0 +1,263 @@
+import { ChevronDownIcon as e } from "./icons.js";
+import { SelectTooltip as t } from "./SelectTooltip.js";
+import { useSelectMessages as n } from "./SelectLocale.js";
+import { SelectPopover as r } from "./SelectPopover.js";
+import { SelectMenu as i, SelectMenuHeading as a, SelectMenuItem as o } from "./SelectMenu.js";
+import { Fragment as s, forwardRef as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SelectSideNav.tsx
+function h(e, t) {
+	var n;
+	return ((n = e.children) == null ? void 0 : n.some((e) => e.id === t || h(e, t))) ?? !1;
+}
+function g({ item: t, active: n, onSelect: r }) {
+	let i = t.alwaysOpen === !0, a = h(t, n), [o, s] = f(a);
+	l(() => {
+		s(a);
+	}, [a]);
+	let c = i || o, g = d(null), [y, b] = f(null), [x, S] = f(0);
+	return u(() => {
+		var e;
+		let t = g.current, n = (t == null ? void 0 : t.querySelector(".select-sidenav__item--child.is-active")) ?? null, r = n == null ? void 0 : n.closest(".select-sidenav__subgroup .select-sidenav__collapse[data-open=\"false\"]");
+		n && r && (n = ((e = r.parentElement) == null ? void 0 : e.querySelector(":scope > .select-sidenav__item")) ?? null), b(n && c ? _(n, t) : null);
+	}, [
+		n,
+		c,
+		x
+	]), /* @__PURE__ */ m("div", {
+		className: "select-sidenav__group",
+		children: [/* @__PURE__ */ m("button", {
+			type: "button",
+			className: i ? `select-sidenav__item${t.id === n ? " is-active" : ""}` : `select-sidenav__item select-sidenav__item--parent${o ? " is-open" : ""}`,
+			onClick: () => i ? r(t.id) : s((e) => !e),
+			"data-nav-id": t.id,
+			"aria-expanded": i ? void 0 : o,
+			children: [
+				t.icon && /* @__PURE__ */ p("span", {
+					className: "select-sidenav__icon",
+					children: t.icon
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "select-sidenav__label",
+					children: t.label
+				}),
+				!i && /* @__PURE__ */ p("span", {
+					className: "select-sidenav__chevron",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ p(e, {})
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: "select-sidenav__collapse",
+			"data-open": c,
+			"aria-hidden": !c,
+			children: /* @__PURE__ */ m("div", {
+				className: "select-sidenav__children",
+				ref: g,
+				onTransitionEnd: (e) => {
+					e.propertyName === "grid-template-rows" && S((e) => e + 1);
+				},
+				children: [/* @__PURE__ */ p("span", {
+					className: "select-sidenav__rail-active",
+					"aria-hidden": "true",
+					style: {
+						top: y ?? 0,
+						opacity: y == null ? 0 : 1
+					}
+				}), t.children.map((e) => {
+					var t;
+					return (t = e.children) != null && t.length ? /* @__PURE__ */ p(v, {
+						item: e,
+						active: n,
+						onSelect: r,
+						tabbable: c
+					}, e.id) : /* @__PURE__ */ m("button", {
+						type: "button",
+						className: `select-sidenav__item select-sidenav__item--child${e.id === n ? " is-active" : ""}`,
+						onClick: () => r(e.id),
+						tabIndex: c ? void 0 : -1,
+						"data-nav-id": e.id,
+						children: [e.icon && /* @__PURE__ */ p("span", {
+							className: "select-sidenav__icon",
+							children: e.icon
+						}), /* @__PURE__ */ p("span", {
+							className: "select-sidenav__label",
+							children: e.label
+						})]
+					}, e.id);
+				})]
+			})
+		})]
+	});
+}
+function _(e, t) {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+	return n.top - r.top + t.scrollTop + n.height / 2;
+}
+function v({ item: t, active: n, onSelect: r, tabbable: i }) {
+	let a = h(t, n), [o, s] = f(a);
+	return l(() => {
+		a && s(!0);
+	}, [a]), /* @__PURE__ */ m("div", {
+		className: "select-sidenav__subgroup",
+		children: [/* @__PURE__ */ m("button", {
+			type: "button",
+			className: `select-sidenav__item select-sidenav__item--child select-sidenav__item--subparent${o ? " is-open" : ""}${a && !o ? " is-active" : ""}`,
+			onClick: () => s((e) => !e),
+			"aria-expanded": o,
+			tabIndex: i ? void 0 : -1,
+			"data-nav-id": t.id,
+			children: [
+				t.icon && /* @__PURE__ */ p("span", {
+					className: "select-sidenav__icon",
+					children: t.icon
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "select-sidenav__label",
+					children: t.label
+				}),
+				/* @__PURE__ */ p("span", {
+					className: "select-sidenav__chevron",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ p(e, {})
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: "select-sidenav__collapse",
+			"data-open": o,
+			"aria-hidden": !o,
+			children: /* @__PURE__ */ p("div", {
+				className: "select-sidenav__subchildren",
+				children: t.children.map((e) => /* @__PURE__ */ m("button", {
+					type: "button",
+					className: `select-sidenav__item select-sidenav__item--child select-sidenav__item--grandchild${e.id === n ? " is-active" : ""}`,
+					onClick: () => r(e.id),
+					tabIndex: i && o ? void 0 : -1,
+					"data-nav-id": e.id,
+					children: [e.icon && /* @__PURE__ */ p("span", {
+						className: "select-sidenav__icon",
+						children: e.icon
+					}), /* @__PURE__ */ p("span", {
+						className: "select-sidenav__label",
+						children: e.label
+					})]
+				}, e.id))
+			})
+		})]
+	});
+}
+function y(e) {
+	return e.hint ?? (typeof e.label == "string" ? e.label : e.id);
+}
+function b({ item: e, active: c, onSelect: l }) {
+	var u;
+	let [d, g] = f(!1), _ = n().sideNav.pending, v = y(e), b = !!((u = e.children) != null && u.length), x = e.id === c || h(e, c), S = /* @__PURE__ */ m("button", {
+		type: "button",
+		className: `select-sidenav__railitem${x ? " is-active" : ""}${d ? " is-open" : ""}`,
+		"aria-label": e.indicator ? _(v) : v,
+		"aria-haspopup": b ? "menu" : void 0,
+		"aria-expanded": b ? d : void 0,
+		"aria-current": !b && e.id === c ? "page" : void 0,
+		"data-nav-id": e.id,
+		onClick: () => b ? g((e) => !e) : l(e.id),
+		children: [e.icon ? /* @__PURE__ */ p("span", {
+			className: "select-sidenav__icon",
+			children: e.icon
+		}) : /* @__PURE__ */ p("span", {
+			className: "select-sidenav__railinitial",
+			children: v.charAt(0)
+		}), e.indicator ? /* @__PURE__ */ p("span", {
+			className: "select-sidenav__raildot",
+			"aria-hidden": "true"
+		}) : null]
+	});
+	if (!b) return /* @__PURE__ */ p(t, {
+		content: v,
+		placement: "right",
+		children: S
+	});
+	let C = (e) => {
+		g(!1), l(e);
+	};
+	return /* @__PURE__ */ p(r, {
+		active: d,
+		onClose: () => g(!1),
+		activator: S,
+		placement: "right",
+		role: "menu",
+		children: /* @__PURE__ */ m(i, {
+			className: "select-sidenav__railmenu",
+			children: [
+				/* @__PURE__ */ p(a, { children: v }),
+				e.alwaysOpen ? /* @__PURE__ */ p(o, {
+					active: e.id === c,
+					onClick: () => C(e.id),
+					children: e.label
+				}) : null,
+				e.children.map((e) => {
+					var t;
+					return (t = e.children) != null && t.length ? /* @__PURE__ */ m(s, { children: [/* @__PURE__ */ p(a, { children: y(e) }), e.children.map((e) => /* @__PURE__ */ p(o, {
+						active: e.id === c,
+						onClick: () => C(e.id),
+						children: e.label
+					}, e.id))] }, e.id) : /* @__PURE__ */ p(o, {
+						active: e.id === c,
+						onClick: () => C(e.id),
+						children: e.label
+					}, e.id);
+				})
+			]
+		})
+	});
+}
+var x = c(function({ sections: e, active: t, onSelect: n, header: r, collapsed: i = !1, className: a, ...o }, s) {
+	return i ? /* @__PURE__ */ p("nav", {
+		ref: s,
+		...o,
+		className: `select-sidenav select-sidenav--rail${a ? " " + a : ""}`,
+		children: e.map((e, r) => /* @__PURE__ */ p("div", {
+			className: "select-sidenav__section",
+			role: "group",
+			"aria-label": e.label,
+			children: e.items.map((e) => /* @__PURE__ */ p(b, {
+				item: e,
+				active: t,
+				onSelect: n
+			}, e.id))
+		}, r))
+	}) : /* @__PURE__ */ m("nav", {
+		ref: s,
+		...o,
+		className: `select-sidenav${a ? " " + a : ""}`,
+		children: [r && /* @__PURE__ */ p("div", {
+			className: "select-sidenav__header",
+			children: r
+		}), e.map((e, r) => /* @__PURE__ */ m("div", {
+			className: "select-sidenav__section",
+			children: [e.label && /* @__PURE__ */ p("div", {
+				className: "select-sidenav__sectionlabel",
+				children: e.label
+			}), e.items.map((e) => e.children ? /* @__PURE__ */ p(g, {
+				item: e,
+				active: t,
+				onSelect: n
+			}, e.id) : /* @__PURE__ */ m("button", {
+				type: "button",
+				className: `select-sidenav__item${e.id === t ? " is-active" : ""}`,
+				onClick: () => n(e.id),
+				"data-nav-id": e.id,
+				children: [e.icon && /* @__PURE__ */ p("span", {
+					className: "select-sidenav__icon",
+					children: e.icon
+				}), /* @__PURE__ */ p("span", {
+					className: "select-sidenav__label",
+					children: e.label
+				})]
+			}, e.id))]
+		}, r))]
+	});
+});
+//#endregion
+export { x as SelectSideNav };
+
+//# sourceMappingURL=SelectSideNav.js.map

package/dist/SelectSkeleton.js

@@ -0,0 +1,56 @@
+/* empty css           */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/SelectSkeleton.tsx
+function n({ lines: t = 3 }) {
+	return /* @__PURE__ */ e("div", {
+		className: "select-skel-body",
+		children: Array.from({ length: Math.max(1, t) }, (t, n) => /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-line" }, n))
+	});
+}
+function r({ size: t = "medium" }) {
+	return /* @__PURE__ */ e("div", { className: `select-skeleton select-skel-display select-skel-display--${t}` });
+}
+function i({ size: t = "medium" }) {
+	return /* @__PURE__ */ e("div", { className: `select-skeleton select-skel-thumb select-skel-thumb--${t}` });
+}
+function a({ height: t = 240, aspectRatio: n }) {
+	return /* @__PURE__ */ e("div", {
+		className: "select-skeleton select-skel-block",
+		style: n ? { aspectRatio: n } : { height: t }
+	});
+}
+function o({ tall: n = !1 }) {
+	return /* @__PURE__ */ t("div", {
+		className: "select-skel-field",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ e("div", { className: "select-skeleton select-skel-field__label" }), /* @__PURE__ */ e("div", { className: `select-skeleton select-skel-field__control${n ? " select-skel-field__control--tall" : ""}` })]
+	});
+}
+function s({ media: n = !0, action: r = !0, boxed: i = !1 }) {
+	return /* @__PURE__ */ t("div", {
+		className: `select-skel-row${i ? " select-skel-row--boxed" : ""}`,
+		"aria-hidden": "true",
+		children: [
+			n && /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-row__media" }),
+			/* @__PURE__ */ t("div", {
+				className: "select-skel-row__text",
+				children: [/* @__PURE__ */ e("div", { className: "select-skeleton select-skel-row__title" }), /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-row__sub" })]
+			}),
+			r && /* @__PURE__ */ e("div", { className: "select-skeleton select-skel-row__action" })
+		]
+	});
+}
+var c = Object.assign(function({ lines: t }) {
+	return /* @__PURE__ */ e(n, { lines: t });
+}, {
+	Body: n,
+	Display: r,
+	Thumbnail: i,
+	Block: a,
+	Field: o,
+	Row: s
+});
+//#endregion
+export { c as SelectSkeleton };
+
+//# sourceMappingURL=SelectSkeleton.js.map