@forte-ui/react 1.0.0-alpha.1

package/dist/Calendar-D7Q-QJ_e.js

@@ -0,0 +1,503 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import { t } from "./Button-AiyKnx5I.js";
+import { t as n } from "./Select-BP-zvdXm.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import './styles/Calendar.css';var o = {
+	root: "_root_1j3xg_29",
+	body: "_body_1j3xg_147",
+	months: "_months_1j3xg_13",
+	nav: "_nav_1j3xg_13",
+	month: "_month_1j3xg_13",
+	navButton: "_navButton_1j3xg_182",
+	navIcon: "_navIcon_1j3xg_190",
+	caption: "_caption_1j3xg_204",
+	captionLabel: "_captionLabel_1j3xg_217",
+	grid: "_grid_1j3xg_238",
+	weekday: "_weekday_1j3xg_243",
+	weekNumber: "_weekNumber_1j3xg_256",
+	cell: "_cell_1j3xg_273",
+	day: "_day_1j3xg_317",
+	footer: "_footer_1j3xg_406"
+}, s = {
+	calendar: "Calendar",
+	previousMonth: "Previous month",
+	nextMonth: "Next month",
+	monthDropdown: "Month",
+	yearDropdown: "Year",
+	weekNumber: "Week"
+};
+function c(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function l(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t);
+}
+function u(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1);
+}
+function d(e, t) {
+	return new Date(e.getFullYear(), e.getMonth() + t, 1);
+}
+function f(e, t) {
+	let n = d(e, t), r = p(n);
+	return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r));
+}
+function p(e) {
+	return new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+}
+function m(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function ee(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function h(e, t) {
+	return e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate();
+}
+function g(e) {
+	return e.getFullYear() * 12 + e.getMonth();
+}
+function te(e) {
+	let t = new Date(2e3, e % 12, 1);
+	return t.setFullYear(Math.floor(e / 12)), t;
+}
+function _(e) {
+	let t = `${e.getMonth() + 1}`.padStart(2, "0"), n = `${e.getDate()}`.padStart(2, "0");
+	return `${e.getFullYear()}-${t}-${n}`;
+}
+function ne(e) {
+	let t = l(e, 3 - (e.getDay() + 6) % 7), n = new Date(t.getFullYear(), 0, 4), r = l(n, 3 - (n.getDay() + 6) % 7);
+	return 1 + Math.round((t.getTime() - r.getTime()) / 6048e5);
+}
+function re(e, t, n) {
+	let r = u(e), i = (r.getDay() - t + 7) % 7, a = n ? 6 : Math.ceil((i + p(r)) / 7), o = l(r, -i), s = [];
+	for (let e = 0; e < a; e += 1) {
+		let t = [];
+		for (let n = 0; n < 7; n += 1) t.push(l(o, e * 7 + n));
+		s.push(t);
+	}
+	return s;
+}
+function v(e) {
+	return Array.isArray(e);
+}
+function ie(e, t) {
+	if (t === void 0 || t === !1) return !1;
+	if (t === !0) return !0;
+	if (v(t)) return t.some((t) => ie(e, t));
+	if (typeof t == "function") return t(e);
+	if (t instanceof Date) return m(e, t);
+	if ("from" in t) {
+		let { from: n, to: r } = t;
+		return r ? h(e, n) >= 0 && h(e, r) <= 0 : m(e, n);
+	}
+	if ("dayOfWeek" in t) return (Array.isArray(t.dayOfWeek) ? t.dayOfWeek : [t.dayOfWeek]).includes(e.getDay());
+	let { before: n, after: r } = t;
+	return n && r ? h(e, r) > 0 && h(e, n) < 0 : n ? h(e, n) < 0 : r ? h(e, r) > 0 : !1;
+}
+function ae(e, t, n) {
+	return !t?.from || t.to ? {
+		from: e,
+		to: void 0
+	} : m(e, t.from) ? n ? t : null : h(e, t.from) < 0 ? {
+		from: e,
+		to: t.from
+	} : {
+		from: t.from,
+		to: e
+	};
+}
+function oe(e, t, n) {
+	let r = t ?? [], i = r.filter((t) => !m(t, e));
+	return i.length === r.length ? [...r, e].sort(h) : n && i.length === 0 ? r : i;
+}
+function se(e, t) {
+	return t ? e === "single" ? t : e === "multiple" ? t[0] ?? null : t.from ?? null : null;
+}
+function ce(e) {
+	return /* @__PURE__ */ i("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...e,
+		children: /* @__PURE__ */ i("path", { d: "m6 3.5 4.5 4.5L6 12.5" })
+	});
+}
+var y = {
+	"--forte-button-height": "var(--forte-calendar-nav-size)",
+	"--forte-button-icon-padding": "0px"
+}, b = r.forwardRef(function(p, v) {
+	let { mode: b = "single", selected: le, defaultSelected: ue = null, onSelect: de, required: x = !1, month: S, defaultMonth: fe, onMonthChange: pe, numberOfMonths: C = 1, pagedNavigation: me = !1, minDate: w, maxDate: T, disabled: he, locale: E = "en-US", weekStartsOn: D = 0, showOutsideDays: ge = !0, fixedWeeks: _e = !1, showWeekNumbers: ve = !1, captionLayout: O = "label", size: ye = "md", navVariant: k = "ghost", footer: be, autoFocus: xe = !1, today: A, labels: Se, className: Ce, ...we } = p, j = {
+		...s,
+		...Se
+	}, M = r.useRef(null), Te = r.useId(), N = r.useRef("selected" in p).current, [Ee, De] = r.useState(ue), P = N ? le ?? null : Ee, F = A ? c(A).getTime() : void 0, I = r.useMemo(() => F === void 0 ? c(/* @__PURE__ */ new Date()) : new Date(F), [F]), [Oe, ke] = r.useState(() => u(fe ?? se(b, le ?? ue) ?? I)), L = u(S ?? Oe), [R, z] = r.useState(null), [B, V] = r.useState(null), H = r.useRef(xe), U = w ? g(w) : -Infinity, W = T ? g(T) : Infinity, G = g(L), Ae = me ? C : 1, je = G > U, Me = G + C - 1 < W, K = r.useMemo(() => Array.from({ length: C }, (e, t) => d(L, t)), [G, C]), Ne = r.useMemo(() => K.map((e) => re(e, D, _e)), [
+		K,
+		D,
+		_e
+	]), q = r.useCallback((e) => {
+		let t = Math.min(Math.max(g(e), U), W - C + 1), n = Number.isFinite(t) ? te(t) : u(e);
+		S === void 0 && ke(n), pe?.(n);
+	}, [
+		W,
+		U,
+		S,
+		C,
+		pe
+	]), J = r.useMemo(() => ({
+		weekdayShort: new Intl.DateTimeFormat(E, { weekday: "short" }),
+		weekdayLong: new Intl.DateTimeFormat(E, { weekday: "long" }),
+		monthYear: new Intl.DateTimeFormat(E, {
+			month: "long",
+			year: "numeric"
+		}),
+		month: new Intl.DateTimeFormat(E, { month: "long" }),
+		year: new Intl.DateTimeFormat(E, { year: "numeric" }),
+		dayNumber: new Intl.DateTimeFormat(E, { day: "numeric" }),
+		dayLabel: new Intl.DateTimeFormat(E, {
+			weekday: "long",
+			day: "numeric",
+			month: "long",
+			year: "numeric"
+		})
+	}), [E]), Pe = Ne[0]?.[0] ?? [], Y = r.useCallback((e) => w && h(e, w) < 0 || T && h(e, T) > 0 ? !0 : ie(e, he), [
+		he,
+		T,
+		w
+	]), Fe = r.useCallback((e) => {
+		if (!P) return !1;
+		if (b === "single") return m(e, P);
+		if (b === "multiple") return P.some((t) => m(t, e));
+		let t = P;
+		return !!(t.from && m(e, t.from) || t.to && m(e, t.to));
+	}, [b, P]), X = r.useMemo(() => {
+		if (b !== "range") return null;
+		let e = P;
+		return e?.from ? e.to ? {
+			from: e.from,
+			to: e.to,
+			preview: !1
+		} : !B || m(B, e.from) ? null : h(B, e.from) < 0 ? {
+			from: B,
+			to: e.from,
+			preview: !0
+		} : {
+			from: e.from,
+			to: B,
+			preview: !0
+		} : null;
+	}, [
+		b,
+		B,
+		P
+	]), Z = r.useCallback((e) => K.some((t) => ee(e, t)), [K]), Ie = _(r.useMemo(() => [
+		R,
+		se(b, P),
+		I
+	].find((e) => e && Z(e)) ?? K[0] ?? I, [
+		R,
+		Z,
+		b,
+		K,
+		P,
+		I
+	])), Le = r.useCallback((e) => {
+		let t = w && h(e, w) < 0 ? w : T && h(e, T) > 0 ? T : e;
+		if (z(t), V(t), H.current = !0, !Z(t)) {
+			let e = u(t);
+			q(h(t, L) < 0 ? e : d(e, -(C - 1)));
+		}
+	}, [
+		q,
+		Z,
+		L,
+		T,
+		w,
+		C
+	]);
+	r.useEffect(() => {
+		H.current && (H.current = !1, (M.current?.querySelector(`[data-forte="calendar-day"][data-day="${Ie}"]:not([data-outside])`))?.focus());
+	});
+	let Re = r.useCallback((e) => {
+		let t;
+		if (b === "single") {
+			let n = P;
+			t = n && m(n, e) ? x ? n : null : e;
+		} else t = b === "multiple" ? oe(e, P, x) : ae(e, P, x);
+		N || De(t), de?.(t, e);
+	}, [
+		N,
+		b,
+		de,
+		x,
+		P
+	]), ze = (e) => {
+		Y(e) || (z(e), Z(e) || q(u(e)), Re(e));
+	}, Be = (e, t) => {
+		let n = getComputedStyle(e.currentTarget).direction === "rtl", r = null;
+		switch (e.key) {
+			case "ArrowLeft":
+				r = l(t, n ? 1 : -1);
+				break;
+			case "ArrowRight":
+				r = l(t, n ? -1 : 1);
+				break;
+			case "ArrowUp":
+				r = l(t, -7);
+				break;
+			case "ArrowDown":
+				r = l(t, 7);
+				break;
+			case "Home":
+				r = l(t, -((t.getDay() - D + 7) % 7));
+				break;
+			case "End":
+				r = l(t, 6 - (t.getDay() - D + 7) % 7);
+				break;
+			case "PageUp":
+				r = f(t, e.shiftKey ? -12 : -1);
+				break;
+			case "PageDown":
+				r = f(t, e.shiftKey ? 12 : 1);
+				break;
+			default: return;
+		}
+		e.preventDefault(), Le(r);
+	}, Ve = (e) => {
+		M.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+	}, He = O === "dropdown" || O === "dropdown-months", Ue = O === "dropdown" || O === "dropdown-years", Q = w ? w.getFullYear() : I.getFullYear() - 100, $ = T ? T.getFullYear() : I.getFullYear() + 10, We = (e, t) => {
+		let r = `${Te}-caption-${t}`, s = J.monthYear.format(e);
+		if (!He && !Ue) return /* @__PURE__ */ i("div", {
+			className: o.caption,
+			"data-forte": "calendar-caption",
+			children: /* @__PURE__ */ i("span", {
+				id: r,
+				role: "status",
+				"aria-live": "polite",
+				className: o.captionLabel,
+				"data-forte": "calendar-caption-label",
+				children: s
+			})
+		});
+		let c = e.getFullYear() === Q && w ? w.getMonth() : 0, l = e.getFullYear() === $ && T ? T.getMonth() : 11, u = {};
+		for (let t = c; t <= l; t += 1) u[String(t)] = J.month.format(new Date(e.getFullYear(), t, 1));
+		let f = {};
+		for (let e = Q; e <= $; e += 1) f[String(e)] = J.year.format(new Date(e, 0, 1));
+		let p = (e) => q(d(e, -t));
+		return /* @__PURE__ */ a("div", {
+			className: o.caption,
+			"data-forte": "calendar-caption",
+			children: [
+				/* @__PURE__ */ i("span", {
+					id: r,
+					role: "status",
+					"aria-live": "polite",
+					className: "forte-visually-hidden",
+					children: s
+				}),
+				He ? /* @__PURE__ */ a(n.Root, {
+					items: u,
+					value: String(e.getMonth()),
+					onValueChange: (t) => {
+						t !== null && p(new Date(e.getFullYear(), Number(t), 1));
+					},
+					children: [/* @__PURE__ */ a(n.Trigger, {
+						size: "sm",
+						variant: "ghost",
+						"aria-label": j.monthDropdown,
+						"data-nav": "month",
+						children: [/* @__PURE__ */ i(n.Value, {}), /* @__PURE__ */ i(n.Icon, {})]
+					}), /* @__PURE__ */ i(n.Popup, { children: Object.entries(u).map(([e, t]) => /* @__PURE__ */ i(n.Item, {
+						value: e,
+						children: t
+					}, e)) })]
+				}) : /* @__PURE__ */ i("span", {
+					className: o.captionLabel,
+					"data-forte": "calendar-caption-label",
+					children: J.month.format(e)
+				}),
+				Ue ? /* @__PURE__ */ a(n.Root, {
+					items: f,
+					value: String(e.getFullYear()),
+					onValueChange: (t) => {
+						if (t === null) return;
+						let n = Number(t), r = n === $ && T ? T.getMonth() : 11, i = n === Q && w ? w.getMonth() : 0;
+						p(new Date(n, Math.min(Math.max(e.getMonth(), i), r), 1));
+					},
+					children: [/* @__PURE__ */ a(n.Trigger, {
+						size: "sm",
+						variant: "ghost",
+						"aria-label": j.yearDropdown,
+						"data-nav": "year",
+						children: [/* @__PURE__ */ i(n.Value, {}), /* @__PURE__ */ i(n.Icon, {})]
+					}), /* @__PURE__ */ i(n.Popup, { children: Object.entries(f).map(([e, t]) => /* @__PURE__ */ i(n.Item, {
+						value: e,
+						children: t
+					}, e)) })]
+				}) : /* @__PURE__ */ i("span", {
+					className: o.captionLabel,
+					"data-forte": "calendar-caption-label",
+					children: J.year.format(e)
+				})
+			]
+		});
+	}, Ge = (t, n) => {
+		let r = _(t), a = !ee(t, n);
+		if (a && !ge) return /* @__PURE__ */ i("td", {
+			role: "gridcell",
+			className: o.cell,
+			"data-forte": "calendar-cell",
+			"data-empty": !0
+		}, r);
+		let s = Y(t), c = Fe(t), l = m(t, I), u = !!(X && h(t, X.from) >= 0 && h(t, X.to) <= 0), d = u && m(t, X.from), f = u && m(t, X.to);
+		return /* @__PURE__ */ i("td", {
+			role: "gridcell",
+			"aria-selected": c || u && !X.preview || void 0,
+			className: o.cell,
+			"data-forte": "calendar-cell",
+			"data-in-range": u || void 0,
+			"data-range-start": d || void 0,
+			"data-range-end": f || void 0,
+			"data-preview": u && X.preview || void 0,
+			"data-outside": a || void 0,
+			children: /* @__PURE__ */ i("button", {
+				type: "button",
+				className: e(o.day, "forte-focus-ring"),
+				"data-focus-inset": !0,
+				"data-forte": "calendar-day",
+				"data-day": r,
+				"data-selected": c || void 0,
+				"data-today": l || void 0,
+				"data-outside": a || void 0,
+				"data-in-range": u || void 0,
+				tabIndex: !a && r === Ie ? 0 : -1,
+				"aria-disabled": s || void 0,
+				"aria-current": l ? "date" : void 0,
+				"aria-label": J.dayLabel.format(t),
+				onClick: () => ze(t),
+				onKeyDown: (e) => Be(e, t),
+				onFocus: () => {
+					z(t), V(t);
+				},
+				onPointerEnter: () => V(t),
+				children: J.dayNumber.format(t)
+			})
+		}, r);
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: Ve,
+		role: "group",
+		"aria-label": j.calendar,
+		className: e(o.root, Ce),
+		"data-forte": "calendar",
+		"data-size": ye,
+		"data-mode": b,
+		onPointerLeave: () => V(R),
+		...we,
+		children: [/* @__PURE__ */ a("div", {
+			className: o.body,
+			"data-forte": "calendar-body",
+			children: [/* @__PURE__ */ a("div", {
+				className: o.nav,
+				"data-forte": "calendar-nav",
+				children: [/* @__PURE__ */ i(t, {
+					variant: k,
+					tone: "neutral",
+					size: "sm",
+					iconOnly: !0,
+					className: o.navButton,
+					style: y,
+					"data-nav": "previous",
+					disabled: !je,
+					"aria-label": j.previousMonth,
+					onClick: () => q(d(L, -Ae)),
+					children: /* @__PURE__ */ i(ce, {
+						className: o.navIcon,
+						"data-nav-icon": "previous"
+					})
+				}), /* @__PURE__ */ i(t, {
+					variant: k,
+					tone: "neutral",
+					size: "sm",
+					iconOnly: !0,
+					className: o.navButton,
+					style: y,
+					"data-nav": "next",
+					disabled: !Me,
+					"aria-label": j.nextMonth,
+					onClick: () => q(d(L, Ae)),
+					children: /* @__PURE__ */ i(ce, {
+						className: o.navIcon,
+						"data-nav-icon": "next"
+					})
+				})]
+			}), /* @__PURE__ */ i("div", {
+				className: o.months,
+				"data-forte": "calendar-months",
+				children: K.map((e, t) => /* @__PURE__ */ a("div", {
+					className: o.month,
+					"data-forte": "calendar-month",
+					children: [We(e, t), /* @__PURE__ */ a("table", {
+						role: "grid",
+						"aria-labelledby": `${Te}-caption-${t}`,
+						className: o.grid,
+						"data-forte": "calendar-grid",
+						children: [/* @__PURE__ */ i("thead", {
+							"data-forte": "calendar-weekdays",
+							children: /* @__PURE__ */ a("tr", {
+								className: o.weekdayRow,
+								children: [ve ? /* @__PURE__ */ i("th", {
+									scope: "col",
+									className: o.weekNumber,
+									"data-forte": "calendar-week-number-header",
+									children: /* @__PURE__ */ i("span", {
+										className: "forte-visually-hidden",
+										children: j.weekNumber
+									})
+								}) : null, Pe.map((e) => /* @__PURE__ */ a("th", {
+									scope: "col",
+									className: o.weekday,
+									"data-forte": "calendar-weekday",
+									children: [/* @__PURE__ */ i("span", {
+										"aria-hidden": "true",
+										children: J.weekdayShort.format(e)
+									}), /* @__PURE__ */ i("span", {
+										className: "forte-visually-hidden",
+										children: J.weekdayLong.format(e)
+									})]
+								}, e.getDay()))]
+							})
+						}), /* @__PURE__ */ i("tbody", {
+							"data-forte": "calendar-weeks",
+							children: Ne[t].map((t) => /* @__PURE__ */ a("tr", {
+								className: o.week,
+								"data-forte": "calendar-week",
+								children: [ve ? /* @__PURE__ */ i("th", {
+									scope: "row",
+									className: o.weekNumber,
+									"data-forte": "calendar-week-number",
+									children: ne(t[0])
+								}) : null, t.map((t) => Ge(t, e))]
+							}, _(t[0])))
+						})]
+					})]
+				}, g(e)))
+			})]
+		}), be ? /* @__PURE__ */ i("div", {
+			role: "status",
+			className: o.footer,
+			"data-forte": "calendar-footer",
+			children: be
+		}) : null]
+	});
+});
+//#endregion
+export { b as t };

package/dist/Checkbox-DfNbmOed.js

@@ -0,0 +1,56 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Checkbox as i } from "@base-ui/react/checkbox";
+import { CheckboxGroup as a } from "@base-ui/react/checkbox-group";
+import './styles/Checkbox.css';var o = {
+	root: "_root_1v734_25",
+	indicator: "_indicator_1v734_181",
+	svg: "_svg_1v734_205",
+	mark: "_mark_1v734_217",
+	check: "_check_1v734_231",
+	dash: "_dash_1v734_241",
+	group: "_group_1v734_253"
+}, s = t.forwardRef(function({ size: t = "md", tone: a = "primary", indicatorClassName: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ n(i.Root, {
+		ref: u,
+		className: e(o.root, "forte-target", "forte-focus-ring", c),
+		"data-forte": "checkbox",
+		"data-size": t,
+		"data-tone": a,
+		...l,
+		children: /* @__PURE__ */ n(i.Indicator, {
+			keepMounted: !0,
+			className: e(o.indicator, s),
+			"data-forte": "checkbox-indicator",
+			children: /* @__PURE__ */ r("svg", {
+				className: o.svg,
+				"data-forte": "checkbox-svg",
+				viewBox: "0 0 16 16",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [/* @__PURE__ */ n("path", {
+					className: e(o.mark, o.check),
+					d: "m3.5 8.5 3 3 6-7",
+					pathLength: 1
+				}), /* @__PURE__ */ n("path", {
+					className: e(o.mark, o.dash),
+					d: "M3.75 8h8.5",
+					pathLength: 1
+				})]
+			})
+		})
+	});
+}), c = t.forwardRef(function({ orientation: t = "vertical", className: r, ...i }, s) {
+	return /* @__PURE__ */ n(a, {
+		ref: s,
+		role: "group",
+		className: e(o.group, r),
+		"data-forte": "checkbox-group",
+		"data-orientation": t,
+		...i
+	});
+});
+//#endregion
+export { c as n, s as t };

package/dist/Collapsible-D8UKiGip.js

@@ -0,0 +1,86 @@
+"use client";
+import { t as e } from "./clsx-By2n9mTe.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Collapsible as i } from "@base-ui/react/collapsible";
+import './styles/Collapsible.css';var a = {
+	root: "_root_1ti3y_41",
+	trigger: "_trigger_1ti3y_210",
+	label: "_label_1ti3y_274",
+	icon: "_icon_1ti3y_295",
+	panel: "_panel_1ti3y_30",
+	content: "_content_1ti3y_331"
+}, o = t.createContext("plain");
+function s(e) {
+	return /* @__PURE__ */ n("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...e,
+		style: {
+			display: "block",
+			...e.style
+		},
+		children: /* @__PURE__ */ n("path", { d: "m3.5 6 4.5 4.5L12.5 6" })
+	});
+}
+function c({ variant: t = "plain", className: r, children: s, ...c }) {
+	return /* @__PURE__ */ n(o.Provider, {
+		value: t,
+		children: /* @__PURE__ */ n(i.Root, {
+			className: e(a.root, r),
+			"data-forte": "collapsible",
+			"data-variant": t,
+			...c,
+			children: s
+		})
+	});
+}
+var l = {
+	Root: c,
+	Trigger: t.forwardRef(function({ icon: c = /* @__PURE__ */ n(s, {}), labelClassName: l, className: u, children: d, ...f }, p) {
+		let m = t.useContext(o);
+		return /* @__PURE__ */ r(i.Trigger, {
+			ref: p,
+			className: e(a.trigger, "forte-focus-ring", u),
+			"data-forte": "collapsible-trigger",
+			"data-focus-inset": m === "contained" ? "" : void 0,
+			"data-variant": m,
+			...f,
+			children: [/* @__PURE__ */ n("span", {
+				className: e(a.label, l),
+				"data-forte": "collapsible-label",
+				children: d
+			}), c === null ? null : /* @__PURE__ */ n("span", {
+				className: a.icon,
+				"data-forte": "collapsible-icon",
+				"aria-hidden": "true",
+				children: c
+			})]
+		});
+	}),
+	Panel: t.forwardRef(function({ contentClassName: r, className: s, children: c, ...l }, u) {
+		let d = t.useContext(o);
+		return /* @__PURE__ */ n(i.Panel, {
+			ref: u,
+			className: e(a.panel, s),
+			"data-forte": "collapsible-panel",
+			"data-variant": d,
+			...l,
+			children: /* @__PURE__ */ n("div", {
+				className: e(a.content, r),
+				"data-forte": "collapsible-content",
+				children: c
+			})
+		});
+	})
+};
+//#endregion
+export { l as t };