@spark-ui/components 18.1.0 → 18.1.2

package/dist/chip/index.mjs

@@ -1,9 +1,9 @@
 import { Slot as e } from "../slot/index.mjs";
-import { t } from "../icon-Bs-39J-H.mjs";
-import { cva as n, cx as r } from "class-variance-authority";
-import { Children as i, cloneElement as a, createContext as o, isValidElement as s, useCallback as c, useContext as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { makeVariants as p, tw as m } from "@spark-ui/internal-utils";
+import { t } from "../icon-VM_Ys9Xn.mjs";
+import { makeVariants as n, tw as r } from "@spark-ui/internal-utils";
+import { cva as i, cx as a } from "class-variance-authority";
+import { Children as o, cloneElement as s, createContext as c, isValidElement as l, useCallback as u, useContext as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useCombinedState as h } from "@spark-ui/hooks/use-combined-state";
 import { emulateTab as g } from "emulate-tab";
 import { Close as _ } from "@spark-ui/icons/Close";
@@ -12,7 +12,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "main",
-		class: m([
+		class: r([
 			"enabled:hover:bg-main/dim-5",
 			"enabled:active:bg-main/dim-5",
 			"focus-visible:bg-main/dim-5",
@@ -23,7 +23,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "support",
-		class: m([
+		class: r([
 			"enabled:hover:bg-support/dim-5",
 			"enabled:active:bg-support/dim-5",
 			"focus-visible:bg-support/dim-5",
@@ -34,7 +34,7 @@ var v = [
 	{
 		intent: "accent",
 		design: "outlined",
-		class: m([
+		class: r([
 			"enabled:hover:bg-accent/dim-5",
 			"enabled:active:bg-accent/dim-5",
 			"focus-visible:bg-accent/dim-5",
@@ -46,7 +46,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "success",
-		class: m([
+		class: r([
 			"enabled:hover:bg-success/dim-5",
 			"enabled:active:bg-success/dim-5",
 			"focus-visible:bg-success/dim-5",
@@ -57,7 +57,7 @@ var v = [
 	{
 		intent: "alert",
 		design: "outlined",
-		class: m([
+		class: r([
 			"enabled:hover:bg-alert/dim-5",
 			"enabled:active:bg-alert/dim-5",
 			"focus-visible:bg-alert/dim-5",
@@ -68,7 +68,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "danger",
-		class: m([
+		class: r([
 			"enabled:hover:bg-error/dim-5",
 			"enabled:active:bg-error/dim-5",
 			"focus-visible:bg-error/dim-5",
@@ -79,7 +79,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "info",
-		class: m([
+		class: r([
 			"enabled:hover:bg-info/dim-5",
 			"enabled:active:bg-info/dim-5",
 			"focus-visible:bg-info/dim-5",
@@ -90,7 +90,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "neutral",
-		class: m([
+		class: r([
 			"enabled:hover:bg-neutral/dim-5",
 			"enabled:active:bg-neutral/dim-5",
 			"focus-visible:bg-neutral/dim-5",
@@ -101,7 +101,7 @@ var v = [
 	{
 		design: "outlined",
 		intent: "surface",
-		class: m([
+		class: r([
 			"enabled:hover:bg-surface/dim-5",
 			"enabled:active:bg-surface/dim-5",
 			"focus-visible:bg-surface/dim-5",
@@ -112,18 +112,18 @@ var v = [
 	{
 		design: "outlined",
 		hasClearButton: !1,
-		class: m(["px-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
+		class: r(["px-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
 	},
 	{
 		design: "outlined",
 		hasClearButton: !0,
-		class: m(["pl-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
+		class: r(["pl-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
 	}
 ], y = [
 	{
 		intent: "main",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-main-container",
 			"enabled:hover:bg-main-container-hovered",
 			"enabled:active:bg-main-container-hovered",
@@ -135,7 +135,7 @@ var v = [
 	{
 		intent: "support",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-support-container",
 			"enabled:hover:bg-support-container-hovered",
 			"enabled:active:bg-support-container-hovered",
@@ -147,7 +147,7 @@ var v = [
 	{
 		intent: "accent",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-accent-container",
 			"enabled:hover:bg-accent-container-hovered",
 			"enabled:active:bg-accent-container-hovered",
@@ -159,7 +159,7 @@ var v = [
 	{
 		intent: "success",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-success-container",
 			"enabled:hover:bg-success-container-hovered",
 			"enabled:active:bg-success-container-hovered",
@@ -171,7 +171,7 @@ var v = [
 	{
 		intent: "alert",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-alert-container",
 			"enabled:hover:bg-alert-container-hovered",
 			"enabled:active:bg-alert-container-hovered",
@@ -183,7 +183,7 @@ var v = [
 	{
 		intent: "danger",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-error-container",
 			"enabled:hover:bg-error-container-hovered",
 			"enabled:active:bg-error-container-hovered",
@@ -195,7 +195,7 @@ var v = [
 	{
 		intent: "info",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-info-container",
 			"enabled:hover:bg-info-container-hovered",
 			"enabled:active:bg-info-container-hovered",
@@ -207,7 +207,7 @@ var v = [
 	{
 		intent: "neutral",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-neutral-container",
 			"enabled:hover:bg-neutral-container-hovered",
 			"enabled:active:bg-neutral-container-hovered",
@@ -219,7 +219,7 @@ var v = [
 	{
 		intent: "surface",
 		design: "tinted",
-		class: m([
+		class: r([
 			"bg-surface/dim-1",
 			"enabled:hover:bg-surface-hovered/dim-1",
 			"enabled:active:bg-surface-hovered/dim-1",
@@ -231,18 +231,18 @@ var v = [
 	{
 		design: "tinted",
 		hasClearButton: !1,
-		class: m(["px-lg"])
+		class: r(["px-lg"])
 	},
 	{
 		design: "tinted",
 		hasClearButton: !0,
-		class: m(["pl-lg"])
+		class: r(["pl-lg"])
 	}
 ], b = [
 	{
 		intent: "main",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-main/dim-5",
 			"enabled:active:bg-main/dim-5",
 			"focus-visible:bg-main/dim-5",
@@ -253,7 +253,7 @@ var v = [
 	{
 		intent: "support",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-support/dim-5",
 			"enabled:active:bg-support/dim-5",
 			"focus-visible:bg-support/dim-5",
@@ -264,7 +264,7 @@ var v = [
 	{
 		intent: "accent",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-accent/dim-5",
 			"enabled:active:bg-accent/dim-5",
 			"focus-visible:bg-accent/dim-5",
@@ -275,7 +275,7 @@ var v = [
 	{
 		intent: "success",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-success/dim-5",
 			"enabled:active:bg-success/dim-5",
 			"focus-visible:bg-success/dim-5",
@@ -286,7 +286,7 @@ var v = [
 	{
 		intent: "alert",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-alert/dim-5",
 			"enabled:active:bg-alert/dim-5",
 			"focus-visible:bg-alert/dim-5",
@@ -297,7 +297,7 @@ var v = [
 	{
 		intent: "danger",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-error/dim-5",
 			"enabled:active:bg-error/dim-5",
 			"focus-visible:bg-error/dim-5",
@@ -308,7 +308,7 @@ var v = [
 	{
 		intent: "info",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-info/dim-5",
 			"enabled:active:bg-info/dim-5",
 			"focus-visible:bg-info/dim-5",
@@ -319,7 +319,7 @@ var v = [
 	{
 		intent: "neutral",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-neutral/dim-5",
 			"enabled:active:bg-neutral/dim-5",
 			"focus-visible:bg-neutral/dim-5",
@@ -330,7 +330,7 @@ var v = [
 	{
 		intent: "surface",
 		design: "dashed",
-		class: m([
+		class: r([
 			"enabled:hover:bg-surface/dim-5",
 			"enabled:active:bg-surface/dim-5",
 			"focus-visible:bg-surface/dim-5",
@@ -341,25 +341,25 @@ var v = [
 	{
 		design: "dashed",
 		hasClearButton: !1,
-		class: m(["px-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
+		class: r(["px-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
 	},
 	{
 		design: "dashed",
 		hasClearButton: !0,
-		class: m(["pl-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
+		class: r(["pl-[calc(var(--spacing-lg)-var(--border-width-sm))]"])
 	}
-], x = n([
+], x = i([
 	"box-border inline-flex h-sz-32 flex-nowrap items-center justify-center rounded-chip text-body-1 font-regular",
 	"focus-visible:u-outline",
 	"ease-out duration-150"
 ], {
 	variants: {
-		design: p({
+		design: n({
 			outlined: ["bg-transparent border-sm border-solid border-current"],
 			tinted: [""],
 			dashed: ["bg-transparent border-sm border-dashed shadow-none focus-visible:border-outline-high"]
 		}),
-		intent: p({
+		intent: n({
 			main: [],
 			support: [],
 			accent: [],
@@ -385,18 +385,18 @@ var v = [
 		design: "outlined",
 		intent: "support"
 	}
-}), S = o({}), C = () => l(S) || {}, w = (e) => e ? e.type.displayName : "", T = (e) => (...t) => i.toArray(e).filter(s).find((e) => {
+}), S = c({}), C = () => d(S) || {}, w = (e) => e ? e.type.displayName : "", T = (e) => (...t) => o.toArray(e).filter(l).find((e) => {
 	let n = w(e);
 	return t.includes(n || "");
 }), E = ({ onClick: t, asChild: n, pressed: r, defaultPressed: i, disabled: a, value: o, defaultValue: s, children: c, onClear: l }) => {
-	let [p, m] = h(r, i), [_] = h(o, s), v = T(c), y = v("Chip.LeadingIcon"), b = v("Chip.TrailingIcon"), x = v("Chip.Content"), S = v("Chip.ClearButton"), C = (t || p) !== void 0, w = [
+	let [u, d] = h(r, i), [_] = h(o, s), v = T(c), y = v("Chip.LeadingIcon"), b = v("Chip.TrailingIcon"), x = v("Chip.Content"), S = v("Chip.ClearButton"), C = (t || u) !== void 0, w = [
 		y,
 		x,
 		S
-	].every((e) => e === void 0) ? /* @__PURE__ */ d("span", {
+	].every((e) => e === void 0) ? /* @__PURE__ */ p("span", {
 		className: "inline-block grow truncate",
 		children: c
-	}) : /* @__PURE__ */ f(u, { children: [
+	}) : /* @__PURE__ */ m(f, { children: [
 		y,
 		x,
 		S === void 0 ? b : null,
@@ -408,13 +408,13 @@ var v = [
 		Element: n ? e : "button",
 		chipProps: {
 			type: "button",
-			...p !== void 0 && {
-				"aria-pressed": p,
-				"data-state": p ? "on" : "off"
+			...u !== void 0 && {
+				"aria-pressed": u,
+				"data-state": u ? "on" : "off"
 			},
 			onClick: (e) => {
-				p !== void 0 && m(!p), t && t(e, {
-					pressed: p,
+				u !== void 0 && d(!u), t && t(e, {
+					pressed: u,
 					value: _
 				});
 			},
@@ -442,26 +442,26 @@ var v = [
 			clearButton: S
 		}
 	};
-}, D = ({ design: e = "outlined", disabled: t, children: n, intent: r = "support", defaultPressed: i, pressed: a, asChild: o, className: s, onClick: c, onClear: l, ref: u, ...f }) => {
-	let { Element: p, chipProps: { children: m, ...h }, compoundElements: g } = E({
+}, D = ({ design: e = "outlined", disabled: t, children: n, intent: r = "support", defaultPressed: i, pressed: a, asChild: o, className: s, onClick: c, onClear: l, ref: u, ...d }) => {
+	let { Element: f, chipProps: { children: m, ...h }, compoundElements: g } = E({
 		asChild: o,
 		pressed: a,
 		defaultPressed: i,
 		onClick: c,
 		disabled: !!t,
-		value: f.value,
-		defaultValue: f.defaultValue,
+		value: d.value,
+		defaultValue: d.defaultValue,
 		children: n,
 		onClear: l
 	}), { clearButton: _ } = g;
-	return /* @__PURE__ */ d(S, {
+	return /* @__PURE__ */ p(S, {
 		value: {
 			disabled: t,
 			design: e,
 			intent: r,
 			onClear: l
 		},
-		children: /* @__PURE__ */ d(p, {
+		children: /* @__PURE__ */ p(f, {
 			ref: u,
 			className: x({
 				className: s,
@@ -471,7 +471,7 @@ var v = [
 				hasClearButton: !!_
 			}),
 			...h,
-			...f,
+			...d,
 			"data-spark-component": "chip",
 			children: m
 		})
@@ -480,7 +480,7 @@ var v = [
 D.displayName = "Chip";
 //#endregion
 //#region src/chip/ChipClearButton.styles.tsx
-var O = n(["ml-md flex h-full items-center justify-center focus-visible:outline-hidden"], {
+var O = i(["ml-md flex h-full items-center justify-center focus-visible:outline-hidden"], {
 	variants: {
 		disabled: {
 			false: ["cursor-pointer"],
@@ -500,91 +500,91 @@ var O = n(["ml-md flex h-full items-center justify-center focus-visible:outline-
 		{
 			design: "outlined",
 			disabled: !1,
-			class: m(["hover:opacity-dim-1"])
+			class: r(["hover:opacity-dim-1"])
 		},
 		{
 			design: "outlined",
 			disabled: !0,
-			class: m(["opacity-dim-3"])
+			class: r(["opacity-dim-3"])
 		},
 		{
 			design: "tinted",
 			disabled: !1,
-			class: m(["hover:opacity-dim-1"])
+			class: r(["hover:opacity-dim-1"])
 		},
 		{
 			design: "tinted",
 			disabled: !0,
-			class: m(["opacity-dim-3"])
+			class: r(["opacity-dim-3"])
 		},
 		{
 			design: "dashed",
 			disabled: !1,
-			class: m(["hover:opacity-dim-1"])
+			class: r(["hover:opacity-dim-1"])
 		},
 		{
 			design: "dashed",
 			disabled: !0,
-			class: m(["opacity-dim-3"])
+			class: r(["opacity-dim-3"])
 		}
 	]
-}), k = n(["rounded-full p-sz-2 [font-size:var(--spacing-sz-8)] border-sm", "focus-visible:u-outline"], {
+}), k = i(["rounded-full p-sz-2 [font-size:var(--spacing-sz-8)] border-sm", "focus-visible:u-outline"], {
 	variants: { disabled: {
 		true: ["cursor-not-allowed"],
 		false: ["cursor-pointer"]
 	} },
 	defaultVariants: { disabled: !1 }
-}), A = ({ children: e = /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(_, {}) }), tabIndex: n = 0, label: r, ref: i }) => {
-	let { design: o, disabled: s, onClear: l } = C(), u = c((e) => {
-		e.stopPropagation(), !s && l && l(e);
-	}, [s, l]);
-	return /* @__PURE__ */ d("span", {
+}), A = ({ children: e = /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(_, {}) }), tabIndex: n = 0, label: r, ref: i }) => {
+	let { design: a, disabled: o, onClear: c } = C(), l = u((e) => {
+		e.stopPropagation(), !o && c && c(e);
+	}, [o, c]);
+	return /* @__PURE__ */ p("span", {
 		className: O({
-			isBordered: ["outline", "dashed"].includes(`${o}`),
-			disabled: !!s,
-			design: o
+			isBordered: ["outline", "dashed"].includes(`${a}`),
+			disabled: !!o,
+			design: a
 		}),
-		onClick: u,
+		onClick: l,
 		ref: i,
-		children: /* @__PURE__ */ d("button", {
+		children: /* @__PURE__ */ p("button", {
 			tabIndex: n,
 			type: "button",
-			disabled: !!s,
-			className: k({ disabled: s }),
+			disabled: !!o,
+			className: k({ disabled: o }),
 			"aria-label": r,
-			children: e && a(e, { ariaLabel: r })
+			children: e && s(e, { ariaLabel: r })
 		})
 	});
 };
 A.displayName = "Chip.ClearButton";
 //#endregion
 //#region src/chip/ChipContent.tsx
-var j = ({ children: e, className: t, ref: n }) => /* @__PURE__ */ d("span", {
-	className: r("inline-block grow truncate", t),
+var j = ({ children: e, className: t, ref: n }) => /* @__PURE__ */ p("span", {
+	className: a("inline-block grow truncate", t),
 	ref: n,
 	children: e
 });
 j.displayName = "Chip.Content";
 //#endregion
 //#region src/chip/ChipIcon.tsx
-var M = ({ children: e, className: t, ref: n }) => /* @__PURE__ */ d("span", {
-	className: r("flex h-full items-center justify-center", t),
+var M = ({ children: e, className: t, ref: n }) => /* @__PURE__ */ p("span", {
+	className: a("flex h-full items-center justify-center", t),
 	ref: n,
 	children: e
 });
 M.displayName = "Chip.Icon";
 //#endregion
 //#region src/chip/ChipLeadingIcon.tsx
-var N = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ d(M, {
-	className: r("mr-sm", e),
+var N = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ p(M, {
+	className: a("mr-sm", e),
 	ref: t,
 	...n
 });
 N.displayName = "Chip.LeadingIcon";
 //#endregion
 //#region src/chip/ChipTrailingIcon.tsx
-var P = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ d(M, {
-	className: r("ml-md", e),
+var P = ({ className: e, ref: t, ...n }) => /* @__PURE__ */ p(M, {
+	className: a("ml-md", e),
 	ref: t,
 	...n
 });

package/dist/collapsible/index.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../slot/index.js");let t=require("class-variance-authority"),n=require("react/jsx-runtime"),r=require("@base-ui/react/collapsible");function i(t,r){let i=t?e.Slot:r;return t?({...e})=>(0,n.jsx)(i,{...e}):void 0}var a=({asChild:e=!1,className:a,children:o,hiddenUntilFound:s=!0,...c})=>{let l=i(e,`div`);return(0,n.jsx)(r.Collapsible.Panel,{"data-spark-component":`collapsible-content`,className:(0,t.cx)(`overflow-hidden`,`h-[var(--collapsible-panel-height)]`,`transition-all duration-200`,`motion-reduce:transition-none`,`data-[starting-style]:h-0`,`data-[ending-style]:h-0`,a),render:l,hiddenUntilFound:s,...c,children:o})};a.displayName=`Collapsible.Content`;var o=({asChild:e=!1,children:t,...a})=>{let o=i(e,`div`);return(0,n.jsx)(r.Collapsible.Root,{"data-spark-component":`collapsible`,render:o,...a,children:t})};o.displayName=`Collapsible`;var s=({asChild:e=!1,children:t,...a})=>{let o=i(e,`button`);return(0,n.jsx)(r.Collapsible.Trigger,{"data-spark-component":`collapsible-trigger`,render:o,...a,children:t})};s.displayName=`Collapsible.Trigger`;var c=Object.assign(o,{Trigger:s,Content:a});c.displayName=`Collapsible`,s.displayName=`Collapsible.Trigger`,a.displayName=`Collapsible.Content`,exports.Collapsible=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@spark-ui/internal-utils"),t=require("class-variance-authority"),n=require("react/jsx-runtime"),r=require("@base-ui/react/collapsible");var i=({asChild:i=!1,className:a,children:o,hiddenUntilFound:s=!0,...c})=>{let{renderProp:l,innerChildren:u}=(0,e.createRenderSlot)(i,o);return(0,n.jsx)(r.Collapsible.Panel,{"data-spark-component":`collapsible-content`,className:(0,t.cx)(`overflow-hidden`,`h-[var(--collapsible-panel-height)]`,`transition-all duration-200`,`motion-reduce:transition-none`,`data-[starting-style]:h-0`,`data-[ending-style]:h-0`,a),render:l,hiddenUntilFound:s,...c,children:u})};i.displayName=`Collapsible.Content`;var a=({asChild:t=!1,children:i,...a})=>{let{renderProp:o,innerChildren:s}=(0,e.createRenderSlot)(t,i);return(0,n.jsx)(r.Collapsible.Root,{"data-spark-component":`collapsible`,render:o,...a,children:s})};a.displayName=`Collapsible`;var o=({asChild:t=!1,children:i,...a})=>{let{renderProp:o,innerChildren:s}=(0,e.createRenderSlot)(t,i);return(0,n.jsx)(r.Collapsible.Trigger,{"data-spark-component":`collapsible-trigger`,render:o,...a,children:s})};o.displayName=`Collapsible.Trigger`;var s=Object.assign(a,{Trigger:o,Content:i});s.displayName=`Collapsible`,o.displayName=`Collapsible.Trigger`,i.displayName=`Collapsible.Content`,exports.Collapsible=s;
 //# sourceMappingURL=index.js.map

package/dist/collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * The collapsible content panel. Renders a <div> element.\n */\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * A button that toggles the collapsible content. Renders a <button> element.\n */\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\n/**\n * A component that allows users to expand and collapse content sections.\n */\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"mappings":"wNAEA,SAAgB,EAAc,EAAkB,EAAoB,CAClE,IAAM,EAAY,EAAU,EAAA,KAAO,EAEnC,OAAO,GAAW,CAAE,GAAG,MAAY,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,GAAI,CAAQ,CAAA,EAAI,IAAA,EAChE,CCUA,IAAa,GAAW,CACtB,UAAU,GACV,YACA,WACA,mBAAmB,GACnB,GAAG,KACe,CAClB,IAAM,EAAa,EAAc,EAAS,KAAK,EAE/C,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,MAAb,CACE,uBAAqB,sBACrB,WAAA,EAAA,EAAA,GAAA,CACE,kBACA,sCACA,8BACA,gCACA,4BACA,0BACA,CACF,EACA,OAAQ,EACU,mBAClB,GAAI,EAEH,UACgB,CAAA,CAEvB,EAEA,EAAQ,YAAc,sBClCtB,IAAa,GAAQ,CAAE,UAAU,GAAO,WAAU,GAAG,KAAuB,CAC1E,IAAM,EAAa,EAAc,EAAS,KAAK,EAE/C,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,KAAb,CAAkB,uBAAqB,cAAc,OAAQ,EAAY,GAAI,EAC1E,UACe,CAAA,CAEtB,EAEA,EAAK,YAAc,cCPnB,IAAa,GAAW,CAAE,UAAU,GAAO,WAAU,GAAG,KAA0B,CAChF,IAAM,EAAa,EAAc,EAAS,QAAQ,EAElD,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,QAAb,CAAqB,uBAAqB,sBAAsB,OAAQ,EAAY,GAAI,EACrF,UACkB,CAAA,CAEzB,EAEA,EAAQ,YAAc,sBClBtB,IAAa,EAGT,OAAO,OAAO,EAAM,CACtB,UACA,SACF,CAAC,EAED,EAAY,YAAc,cAC1B,EAAQ,YAAc,sBACtB,EAAQ,YAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * The collapsible content panel. Renders a <div> element.\n */\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderProp}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {innerChildren}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps } from 'react'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderProp} {...props}>\n      {innerChildren}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps } from 'react'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * A button that toggles the collapsible content. Renders a <button> element.\n */\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderProp} {...props}>\n      {innerChildren}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\n/**\n * A component that allows users to expand and collapse content sections.\n */\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"mappings":"0NAeA,IAAa,GAAW,CACtB,UAAU,GACV,YACA,WACA,mBAAmB,GACnB,GAAG,KACe,CAClB,GAAM,CAAE,aAAY,kBAAA,EAAA,EAAA,iBAAA,CAAmC,EAAS,CAAQ,EAExE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,MAAb,CACE,uBAAqB,sBACrB,WAAA,EAAA,EAAA,GAAA,CACE,kBACA,sCACA,8BACA,gCACA,4BACA,0BACA,CACF,EACA,OAAQ,EACU,mBAClB,GAAI,WAEH,CACgB,CAAA,CAEvB,EAEA,EAAQ,YAAc,sBClCtB,IAAa,GAAQ,CAAE,UAAU,GAAO,WAAU,GAAG,KAAuB,CAC1E,GAAM,CAAE,aAAY,kBAAA,EAAA,EAAA,iBAAA,CAAmC,EAAS,CAAQ,EAExE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,KAAb,CAAkB,uBAAqB,cAAc,OAAQ,EAAY,GAAI,WAC1E,CACe,CAAA,CAEtB,EAEA,EAAK,YAAc,cCPnB,IAAa,GAAW,CAAE,UAAU,GAAO,WAAU,GAAG,KAA0B,CAChF,GAAM,CAAE,aAAY,kBAAA,EAAA,EAAA,iBAAA,CAAmC,EAAS,CAAQ,EAExE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,YAAY,QAAb,CAAqB,uBAAqB,sBAAsB,OAAQ,EAAY,GAAI,WACrF,CACkB,CAAA,CAEzB,EAEA,EAAQ,YAAc,sBCjBtB,IAAa,EAGT,OAAO,OAAO,EAAM,CACtB,UACA,SACF,CAAC,EAED,EAAY,YAAc,cAC1B,EAAQ,YAAc,sBACtB,EAAQ,YAAc"}

package/dist/collapsible/index.mjs

@@ -1,58 +1,52 @@
-import { Slot as e } from "../slot/index.mjs";
+import { createRenderSlot as e } from "@spark-ui/internal-utils";
 import { cx as t } from "class-variance-authority";
 import { jsx as n } from "react/jsx-runtime";
 import { Collapsible as r } from "@base-ui/react/collapsible";
-//#region src/collapsible/useRenderSlot.tsx
-function i(t, r) {
-	let i = t ? e : r;
-	return t ? ({ ...e }) => /* @__PURE__ */ n(i, { ...e }) : void 0;
-}
-//#endregion
 //#region src/collapsible/Content.tsx
-var a = ({ asChild: e = !1, className: a, children: o, hiddenUntilFound: s = !0, ...c }) => {
-	let l = i(e, "div");
+var i = ({ asChild: i = !1, className: a, children: o, hiddenUntilFound: s = !0, ...c }) => {
+	let { renderProp: l, innerChildren: u } = e(i, o);
 	return /* @__PURE__ */ n(r.Panel, {
 		"data-spark-component": "collapsible-content",
 		className: t("overflow-hidden", "h-[var(--collapsible-panel-height)]", "transition-all duration-200", "motion-reduce:transition-none", "data-[starting-style]:h-0", "data-[ending-style]:h-0", a),
 		render: l,
 		hiddenUntilFound: s,
 		...c,
-		children: o
+		children: u
 	});
 };
-a.displayName = "Collapsible.Content";
+i.displayName = "Collapsible.Content";
 //#endregion
 //#region src/collapsible/Root.tsx
-var o = ({ asChild: e = !1, children: t, ...a }) => {
-	let o = i(e, "div");
+var a = ({ asChild: t = !1, children: i, ...a }) => {
+	let { renderProp: o, innerChildren: s } = e(t, i);
 	return /* @__PURE__ */ n(r.Root, {
 		"data-spark-component": "collapsible",
 		render: o,
 		...a,
-		children: t
+		children: s
 	});
 };
-o.displayName = "Collapsible";
+a.displayName = "Collapsible";
 //#endregion
 //#region src/collapsible/Trigger.tsx
-var s = ({ asChild: e = !1, children: t, ...a }) => {
-	let o = i(e, "button");
+var o = ({ asChild: t = !1, children: i, ...a }) => {
+	let { renderProp: o, innerChildren: s } = e(t, i);
 	return /* @__PURE__ */ n(r.Trigger, {
 		"data-spark-component": "collapsible-trigger",
 		render: o,
 		...a,
-		children: t
+		children: s
 	});
 };
-s.displayName = "Collapsible.Trigger";
+o.displayName = "Collapsible.Trigger";
 //#endregion
 //#region src/collapsible/index.ts
-var c = Object.assign(o, {
-	Trigger: s,
-	Content: a
+var s = Object.assign(a, {
+	Trigger: o,
+	Content: i
 });
-c.displayName = "Collapsible", s.displayName = "Collapsible.Trigger", a.displayName = "Collapsible.Content";
+s.displayName = "Collapsible", o.displayName = "Collapsible.Trigger", i.displayName = "Collapsible.Content";
 //#endregion
-export { c as Collapsible };
+export { s as Collapsible };
 
 //# sourceMappingURL=index.mjs.map

package/dist/collapsible/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/collapsible/useRenderSlot.tsx","../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean, defaultTag: string) {\n  const Component = asChild ? Slot : defaultTag\n\n  return asChild ? ({ ...props }) => <Component {...props} /> : undefined\n}\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * The collapsible content panel. Renders a <div> element.\n */\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderSlot}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {children}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const renderSlot = useRenderSlot(asChild, 'div')\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { type ComponentProps } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * A button that toggles the collapsible content. Renders a <button> element.\n */\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const renderSlot = useRenderSlot(asChild, 'button')\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderSlot} {...props}>\n      {children}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\n/**\n * A component that allows users to expand and collapse content sections.\n */\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"mappings":";;;;;AAEA,SAAgB,EAAc,GAAkB,GAAoB;CAClE,IAAM,IAAY,IAAU,IAAO;CAEnC,OAAO,KAAW,EAAE,GAAG,QAAY,kBAAC,GAAD,EAAW,GAAI,EAAQ,CAAA,IAAI,KAAA;AAChE;;;ACUA,IAAa,KAAW,EACtB,aAAU,IACV,cACA,aACA,sBAAmB,IACnB,GAAG,QACe;CAClB,IAAM,IAAa,EAAc,GAAS,KAAK;CAE/C,OACE,kBAAC,EAAY,OAAb;EACE,wBAAqB;EACrB,WAAW,EACT,mBACA,uCACA,+BACA,iCACA,6BACA,2BACA,CACF;EACA,QAAQ;EACU;EAClB,GAAI;EAEH;CACgB,CAAA;AAEvB;AAEA,EAAQ,cAAc;;;AClCtB,IAAa,KAAQ,EAAE,aAAU,IAAO,aAAU,GAAG,QAAuB;CAC1E,IAAM,IAAa,EAAc,GAAS,KAAK;CAE/C,OACE,kBAAC,EAAY,MAAb;EAAkB,wBAAqB;EAAc,QAAQ;EAAY,GAAI;EAC1E;CACe,CAAA;AAEtB;AAEA,EAAK,cAAc;;;ACPnB,IAAa,KAAW,EAAE,aAAU,IAAO,aAAU,GAAG,QAA0B;CAChF,IAAM,IAAa,EAAc,GAAS,QAAQ;CAElD,OACE,kBAAC,EAAY,SAAb;EAAqB,wBAAqB;EAAsB,QAAQ;EAAY,GAAI;EACrF;CACkB,CAAA;AAEzB;AAEA,EAAQ,cAAc;;;AClBtB,IAAa,IAGT,OAAO,OAAO,GAAM;CACtB;CACA;AACF,CAAC;AAED,EAAY,cAAc,eAC1B,EAAQ,cAAc,uBACtB,EAAQ,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/collapsible/Content.tsx","../../src/collapsible/Root.tsx","../../src/collapsible/Trigger.tsx","../../src/collapsible/index.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface ContentProps extends ComponentProps<typeof Collapsible.Panel> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * The collapsible content panel. Renders a <div> element.\n */\nexport const Content = ({\n  asChild = false,\n  className,\n  children,\n  hiddenUntilFound = true,\n  ...props\n}: ContentProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Panel\n      data-spark-component=\"collapsible-content\"\n      className={cx(\n        'overflow-hidden',\n        'h-[var(--collapsible-panel-height)]',\n        'transition-all duration-200',\n        'motion-reduce:transition-none',\n        'data-[starting-style]:h-0',\n        'data-[ending-style]:h-0',\n        className\n      )}\n      render={renderProp}\n      hiddenUntilFound={hiddenUntilFound}\n      {...props}\n    >\n      {innerChildren}\n    </Collapsible.Panel>\n  )\n}\n\nContent.displayName = 'Collapsible.Content'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps } from 'react'\n\nexport interface RootProps extends ComponentProps<typeof Collapsible.Root> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\nexport const Root = ({ asChild = false, children, ...props }: RootProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Root data-spark-component=\"collapsible\" render={renderProp} {...props}>\n      {innerChildren}\n    </Collapsible.Root>\n  )\n}\n\nRoot.displayName = 'Collapsible'\n","import { Collapsible } from '@base-ui/react/collapsible'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps } from 'react'\n\nexport interface TriggerProps extends ComponentProps<'button'> {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean\n}\n\n/**\n * A button that toggles the collapsible content. Renders a <button> element.\n */\nexport const Trigger = ({ asChild = false, children, ...props }: TriggerProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <Collapsible.Trigger data-spark-component=\"collapsible-trigger\" render={renderProp} {...props}>\n      {innerChildren}\n    </Collapsible.Trigger>\n  )\n}\n\nTrigger.displayName = 'Collapsible.Trigger'\n","import { Content } from './Content'\nimport { Root } from './Root'\nimport { Trigger } from './Trigger'\n\n/**\n * A component that allows users to expand and collapse content sections.\n */\nexport const Collapsible: typeof Root & {\n  Trigger: typeof Trigger\n  Content: typeof Content\n} = Object.assign(Root, {\n  Trigger,\n  Content,\n})\n\nCollapsible.displayName = 'Collapsible'\nTrigger.displayName = 'Collapsible.Trigger'\nContent.displayName = 'Collapsible.Content'\n"],"mappings":";;;;;AAeA,IAAa,KAAW,EACtB,aAAU,IACV,cACA,aACA,sBAAmB,IACnB,GAAG,QACe;CAClB,IAAM,EAAE,eAAY,qBAAkB,EAAiB,GAAS,CAAQ;CAExE,OACE,kBAAC,EAAY,OAAb;EACE,wBAAqB;EACrB,WAAW,EACT,mBACA,uCACA,+BACA,iCACA,6BACA,2BACA,CACF;EACA,QAAQ;EACU;EAClB,GAAI;YAEH;CACgB,CAAA;AAEvB;AAEA,EAAQ,cAAc;;;AClCtB,IAAa,KAAQ,EAAE,aAAU,IAAO,aAAU,GAAG,QAAuB;CAC1E,IAAM,EAAE,eAAY,qBAAkB,EAAiB,GAAS,CAAQ;CAExE,OACE,kBAAC,EAAY,MAAb;EAAkB,wBAAqB;EAAc,QAAQ;EAAY,GAAI;YAC1E;CACe,CAAA;AAEtB;AAEA,EAAK,cAAc;;;ACPnB,IAAa,KAAW,EAAE,aAAU,IAAO,aAAU,GAAG,QAA0B;CAChF,IAAM,EAAE,eAAY,qBAAkB,EAAiB,GAAS,CAAQ;CAExE,OACE,kBAAC,EAAY,SAAb;EAAqB,wBAAqB;EAAsB,QAAQ;EAAY,GAAI;YACrF;CACkB,CAAA;AAEzB;AAEA,EAAQ,cAAc;;;ACjBtB,IAAa,IAGT,OAAO,OAAO,GAAM;CACtB;CACA;AACF,CAAC;AAED,EAAY,cAAc,eAC1B,EAAQ,cAAc,uBACtB,EAAQ,cAAc"}