@jongh/ui 2.20260902.1 → 2.20260905.1

package/dist/chunks/{component-accordion-CNhK3gho.js → component-accordion-fyrDP4PS.js}

@@ -2,8 +2,9 @@
 import "../base.css";
 import "../recipes/accordion-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-accordion-recipe-DPDnNF9J.js";
-import { a as n, c as r } from "../index.js";
+import { r as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-accordion-recipe-CchKveXQ.js";
+import { a as r } from "../index.js";
 import { forwardRef as i } from "react";
 import { Accordion as a } from "radix-ui";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
@@ -14,14 +15,14 @@ var c = /* @__PURE__ */ e({
 	Item: () => f,
 	Root: () => d,
 	Trigger: () => g
-}), { withContext: l, withProvider: u } = r(t), d = u(a.Root, "root"), f = l(a.Item, "item"), p = l(a.Header, "header"), m = l("div", "contentWrapper"), h = l(i(({ children: e, ...t }, n) => /* @__PURE__ */ o(a.Content, {
+}), { withContext: l, withProvider: u } = t(n), d = u(a.Root, "root"), f = l(a.Item, "item"), p = l(a.Header, "header"), m = l("div", "contentWrapper"), h = l(i(({ children: e, ...t }, n) => /* @__PURE__ */ o(a.Content, {
 	ref: n,
 	...t,
 	children: /* @__PURE__ */ o(m, { children: e })
-})), "content"), g = l(i(({ children: e, ...t }, r) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ s(a.Trigger, {
-	ref: r,
+})), "content"), g = l(i(({ children: e, ...t }, n) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ s(a.Trigger, {
+	ref: n,
 	...t,
-	children: [e, /* @__PURE__ */ o(n, { "aria-hidden": "true" })]
+	children: [e, /* @__PURE__ */ o(r, { "aria-hidden": "true" })]
 }) })), "trigger");
 //#endregion
 export { c as t };

package/dist/chunks/{component-avatar-C5ox3FhU.js → component-avatar-Cl7qxXL7.js}

@@ -2,14 +2,14 @@
 import "../base.css";
 import "../recipes/avatar-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-avatar-recipe-HkwMS2OJ.js";
-import { c as n } from "../index.js";
+import { r as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-avatar-recipe-5VMtXIhg.js";
 import { Avatar as r } from "radix-ui";
 //#region src/component/avatar/index.tsx
 var i = /* @__PURE__ */ e({
 	Fallback: () => l,
 	Image: () => c,
 	Root: () => s
-}), { withContext: a, withProvider: o } = n(t), s = o(r.Root, "root"), c = a(r.Image, "image"), l = a(r.Fallback, "fallback");
+}), { withContext: a, withProvider: o } = t(n), s = o(r.Root, "root"), c = a(r.Image, "image"), l = a(r.Fallback, "fallback");
 //#endregion
 export { i as t };

package/dist/chunks/{component-badge-GyL8C7n9.js → component-badge-BqDGL-KR.js}

@@ -1,16 +1,16 @@
 "use client";
 import "../base.css";
 import "../recipes/badge-recipe.css";
-import { t as e } from "./recipe-badge-recipe-DWojym5V.js";
-import { u as t } from "../index.js";
+import { a as e } from "./panda-runtime-C6bA3kfx.js";
+import { t } from "./recipe-badge-recipe-D02izv1z.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/component/badge/index.tsx
 var i = n(({ className: n, children: i, ...a }, o) => {
-	let [s, c] = e.splitVariantProps(a), l = e(s);
+	let [s, c] = t.splitVariantProps(a), l = t(s);
 	return /* @__PURE__ */ r("span", {
 		ref: o,
-		className: t(l.root, n),
+		className: e(l.root, n),
 		...c,
 		children: /* @__PURE__ */ r("span", {
 			className: l.label,

package/dist/chunks/{component-box-BnXf833v.js → component-box-BVJJ_2Ye.js}

@@ -1,8 +1,9 @@
 "use client";
 import "../base.css";
 import "../recipes/layout-recipe.css";
-import { t as e } from "./recipe-layout-recipe-CXAjEcDn.js";
-import { l as t, t as n, u as r } from "../index.js";
+import { a as e, i as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-layout-recipe-BMWtqxiV.js";
+import { t as r } from "../index.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { Primitive as o } from "radix-ui/internal";
@@ -13,9 +14,9 @@ var s = i(({ asChild: i, ...s }, c) => {
 		asChild: i,
 		ref: c,
 		"data-slot": "box",
-		className: r(e(), d),
+		className: e(n(), d),
 		style: {
-			...n(l),
+			...r(l),
 			...f
 		},
 		...p

package/dist/chunks/{component-button-cnnLKCl_.js → component-button-6iooYVkM.js}

@@ -1,18 +1,18 @@
 "use client";
 import "../base.css";
 import "../recipes/button-recipe.css";
-import { t as e } from "./recipe-button-recipe-BA1JNmBF.js";
-import { u as t } from "../index.js";
+import { a as e } from "./panda-runtime-C6bA3kfx.js";
+import { t } from "./recipe-button-recipe-CjRb9Hj9.js";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Primitive as i } from "radix-ui/internal";
 //#region src/component/button/index.tsx
 var a = n(({ asChild: n, className: a, ...o }, s) => {
-	let [c, l] = e.splitVariantProps(o);
+	let [c, l] = t.splitVariantProps(o);
 	return /* @__PURE__ */ r(i.button, {
 		asChild: n,
 		ref: s,
-		className: t(e(c), a),
+		className: e(t(c), a),
 		...l
 	});
 });

package/dist/chunks/{component-calendar-D53mkOdW.js → component-calendar-BIBA_BgQ.js}

@@ -2,8 +2,9 @@
 import "../base.css";
 import "../recipes/calendar-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-calendar-recipe-CUjveeyt.js";
-import { i as n, r, u as i } from "../index.js";
+import { a as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-calendar-recipe-BUUS4QEd.js";
+import { i as r, r as i } from "../index.js";
 import { forwardRef as a, useCallback as o, useMemo as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Context as u, useControllableState as d } from "radix-ui/internal";
@@ -24,9 +25,9 @@ var f = /* @__PURE__ */ e({
 		...n,
 		type: "range"
 	});
-}, _ = a(({ className: e, children: n, range: r, defaultRange: a, onRangeChange: l, viewDate: u, defaultViewDate: f, onViewDateChange: p, weekStart: h = 0, locale: g = "en-US", ..._ }, v) => {
+}, _ = a(({ className: e, children: r, range: i, defaultRange: a, onRangeChange: l, viewDate: u, defaultViewDate: f, onViewDateChange: p, weekStart: h = 0, locale: g = "en-US", ..._ }, v) => {
 	let [y, b] = d({
-		prop: r,
+		prop: i,
 		defaultProp: a ?? [null, null],
 		onChange: l
 	}), [x, S] = d({
@@ -56,10 +57,10 @@ var f = /* @__PURE__ */ e({
 			let [r, i] = n, a = r ? new Date(r) : null;
 			return a && a.setHours(0, 0, 0, 0), a ? a && !i ? t < a ? [e, null] : [r, e] : a && i ? [e, null] : n : [e, null];
 		});
-	}, [b]), D = t();
+	}, [b]), D = n();
 	return /* @__PURE__ */ c("div", {
 		ref: v,
-		className: i(D.root, e),
+		className: t(D.root, e),
 		..._,
 		children: /* @__PURE__ */ c(m, {
 			value: T,
@@ -69,16 +70,16 @@ var f = /* @__PURE__ */ e({
 			onYearChange: w,
 			selectedValue: y,
 			handleDayClick: E,
-			children: n
+			children: r
 		})
 	});
-}), v = a(({ className: e, children: n, date: r, defaultDate: a, onDateChange: l, viewDate: u, defaultViewDate: f, onViewDateChange: p, weekStart: h = 0, locale: g = "en-US", ..._ }, v) => {
+}), v = a(({ className: e, children: r, date: i, defaultDate: a, onDateChange: l, viewDate: u, defaultViewDate: f, onViewDateChange: p, weekStart: h = 0, locale: g = "en-US", ..._ }, v) => {
 	let [y, b] = d({
 		prop: u,
 		defaultProp: f ?? /* @__PURE__ */ new Date(),
 		onChange: p
 	}), [x, S] = d({
-		prop: r,
+		prop: i,
 		defaultProp: a ?? null,
 		onChange: l
 	}), C = o((e) => {
@@ -98,7 +99,7 @@ var f = /* @__PURE__ */ e({
 			daysInPrevMonth: r.getDate(),
 			nextMonthStartWeek: (i.getDay() - h + 7) % 7
 		};
-	}, [y, h]), E = t();
+	}, [y, h]), E = n();
 	return /* @__PURE__ */ c(m, {
 		value: T,
 		onMonthChange: C,
@@ -109,25 +110,25 @@ var f = /* @__PURE__ */ e({
 		handleDayClick: (e) => S(e),
 		children: /* @__PURE__ */ c("div", {
 			ref: v,
-			className: i(E.root, e),
+			className: t(E.root, e),
 			..._,
-			children: n
+			children: r
 		})
 	});
 }), y = ({ className: e, month: a = "long", year: o = "numeric", render: s }) => {
-	let { value: u, onMonthChange: d, locale: f } = h(p), m = t(), g = new Intl.DateTimeFormat(f, {
+	let { value: u, onMonthChange: d, locale: f } = h(p), m = n(), g = new Intl.DateTimeFormat(f, {
 		month: a,
 		year: o
 	}).format(new Date(u.year, u.month - 1));
 	return /* @__PURE__ */ l("div", {
-		className: i(m.header, e),
+		className: t(m.header, e),
 		children: [
 			/* @__PURE__ */ c("button", {
 				type: "button",
 				className: m.navButton,
 				onClick: () => d(-1),
 				"aria-label": "Go To Previous month",
-				children: /* @__PURE__ */ c(n, {})
+				children: /* @__PURE__ */ c(r, {})
 			}),
 			/* @__PURE__ */ c("div", {
 				className: m.title,
@@ -138,24 +139,24 @@ var f = /* @__PURE__ */ e({
 				className: m.navButton,
 				onClick: () => d(1),
 				"aria-label": "Go To Next month",
-				children: /* @__PURE__ */ c(r, {})
+				children: /* @__PURE__ */ c(i, {})
 			})
 		]
 	});
-}, b = ({ className: e, format: n = "short" }) => {
-	let { weekStart: r, locale: a } = h(p), o = t();
+}, b = ({ className: e, format: r = "short" }) => {
+	let { weekStart: i, locale: a } = h(p), o = n();
 	return /* @__PURE__ */ c("div", {
-		className: i(o.weekdayRow, e),
-		children: C(r, a, n).map((e, t) => /* @__PURE__ */ c("div", {
+		className: t(o.weekdayRow, e),
+		children: C(i, a, r).map((e, t) => /* @__PURE__ */ c("div", {
 			className: o.weekday,
 			children: e
 		}, t))
 	});
-}, x = ({ className: e, day: n, month: r, year: a, isHidden: o, isOutsideMonth: s, ...l }) => {
-	let { locale: u, selectedValue: d } = h(p), f = t(), m = new Date(a, r - 1, n), g = /* @__PURE__ */ new Date(), _ = d[0], v = d[1], y = d.some((e) => e && w(e, m)), b = w(g, m), x = !!(_ && v && m > _ && m < v);
+}, x = ({ className: e, day: r, month: i, year: a, isHidden: o, isOutsideMonth: s, ...l }) => {
+	let { locale: u, selectedValue: d } = h(p), f = n(), m = new Date(a, i - 1, r), g = /* @__PURE__ */ new Date(), _ = d[0], v = d[1], y = d.some((e) => e && w(e, m)), b = w(g, m), x = !!(_ && v && m > _ && m < v);
 	return /* @__PURE__ */ c("button", {
 		type: "button",
-		className: i(f.dayCell, e),
+		className: t(f.dayCell, e),
 		"data-day": m.getDate(),
 		"data-month": m.getMonth() + 1,
 		"data-year": m.getFullYear(),
@@ -171,20 +172,20 @@ var f = /* @__PURE__ */ e({
 		disabled: o,
 		tabIndex: o ? -1 : void 0,
 		...l,
-		children: !o && n
+		children: !o && r
 	});
-}, S = ({ className: e, showOutsideDays: n = !0 }) => {
-	let { value: r, handleDayClick: a } = h(p), o = t(), l = s(() => {
+}, S = ({ className: e, showOutsideDays: r = !0 }) => {
+	let { value: i, handleDayClick: a } = h(p), o = n(), l = s(() => {
 		let e = [];
-		for (let t = r.startWeek; t > 0; t--) e.push({
-			day: r.daysInPrevMonth - t + 1,
+		for (let t = i.startWeek; t > 0; t--) e.push({
+			day: i.daysInPrevMonth - t + 1,
 			isCurrentMonth: !1
 		});
-		for (let t = 1; t <= r.daysInMonth; t++) e.push({
+		for (let t = 1; t <= i.daysInMonth; t++) e.push({
 			day: t,
 			isCurrentMonth: !0
 		});
-		for (let t = 1; t <= 6 - r.nextMonthStartWeek + 1; t++) e.push({
+		for (let t = 1; t <= 6 - i.nextMonthStartWeek + 1; t++) e.push({
 			day: t,
 			isCurrentMonth: !1
 		});
@@ -192,28 +193,28 @@ var f = /* @__PURE__ */ e({
 		for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
 		return t;
 	}, [
-		r.startWeek,
-		r.daysInMonth,
-		r.daysInPrevMonth,
-		r.nextMonthStartWeek
+		i.startWeek,
+		i.daysInMonth,
+		i.daysInPrevMonth,
+		i.nextMonthStartWeek
 	]);
 	return /* @__PURE__ */ c("table", {
-		className: i(o.daysGrid, e),
+		className: t(o.daysGrid, e),
 		children: /* @__PURE__ */ c("tbody", { children: l.map((e, t) => /* @__PURE__ */ c("tr", {
 			className: o.weekRow,
-			children: e.map((e, i) => {
-				let s = !n && !e.isCurrentMonth, l = e.isCurrentMonth ? r.month : t === 0 ? r.month - 1 : r.month + 1;
+			children: e.map((e, n) => {
+				let s = !r && !e.isCurrentMonth, l = e.isCurrentMonth ? i.month : t === 0 ? i.month - 1 : i.month + 1;
 				return /* @__PURE__ */ c("td", {
 					className: o.dayWrapper,
 					children: /* @__PURE__ */ c(x, {
 						day: e.day,
 						month: l,
-						year: r.year,
+						year: i.year,
 						isHidden: s,
 						isOutsideMonth: !e.isCurrentMonth,
-						onClick: () => a(new Date(r.year, l - 1, e.day))
+						onClick: () => a(new Date(i.year, l - 1, e.day))
 					})
-				}, `${t}-${i}`);
+				}, `${t}-${n}`);
 			})
 		}, t)) })
 	});

package/dist/chunks/{component-center-BIp6NkIt.js → component-center-rifwb_-x.js}

@@ -2,22 +2,23 @@
 import "../base.css";
 import "../recipes/center-recipe.css";
 import "../recipes/layout-recipe.css";
-import { t as e } from "./recipe-center-recipe-CBm4FTPj.js";
-import { t } from "./recipe-layout-recipe-CXAjEcDn.js";
-import { l as n, t as r, u as i } from "../index.js";
+import { a as e, i as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-center-recipe-_gQI_rG1.js";
+import { t as r } from "./recipe-layout-recipe-BMWtqxiV.js";
+import { t as i } from "../index.js";
 import { forwardRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 import { Primitive as s } from "radix-ui/internal";
 //#region src/component/center/index.tsx
 var c = a(({ asChild: a, axis: c = "both", isInline: l = !1, children: u, ...d }, f) => {
-	let [p, m] = n(d), { className: h, style: g, ..._ } = m;
+	let [p, m] = t(d), { className: h, style: g, ..._ } = m;
 	return /* @__PURE__ */ o(s.div, {
 		asChild: a,
 		ref: f,
 		"data-slot": "center",
-		className: i(t(), e({ axis: c }), h),
+		className: e(r(), n({ axis: c }), h),
 		style: {
-			...r({
+			...i({
 				...p,
 				display: p.display ?? (l ? "inline-flex" : "flex")
 			}),

package/dist/chunks/{component-checkbox-cJlGSnlk.js → component-checkbox-KSwDeqdV.js}

@@ -1,14 +1,14 @@
 "use client";
 import "../base.css";
 import "../recipes/checkbox-recipe.css";
-import { t as e } from "./recipe-checkbox-recipe-CCDU79zw.js";
-import { u as t } from "../index.js";
+import { a as e } from "./panda-runtime-C6bA3kfx.js";
+import { t } from "./recipe-checkbox-recipe-D72btvoT.js";
 import { forwardRef as n, useEffect as r, useId as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useComposedRefs as c, useControllableState as l } from "radix-ui/internal";
 //#region src/component/checkbox/index.tsx
 var u = n((n, u) => {
-	let [d, f] = e.splitVariantProps(n), { label: p, indeterminate: m, onCheckedChange: h, onChange: g, ..._ } = f, { root: v, label: y, input: b, text: x } = e(d), [S, C] = l({
+	let [d, f] = t.splitVariantProps(n), { label: p, indeterminate: m, onCheckedChange: h, onChange: g, ..._ } = f, { root: v, label: y, input: b, text: x } = t(d), [S, C] = l({
 		prop: _.checked,
 		defaultProp: _.defaultChecked ?? !1,
 		onChange: h
@@ -33,7 +33,7 @@ var u = n((n, u) => {
 			children: [/* @__PURE__ */ o("input", {
 				type: "checkbox",
 				id: `checkbox-${E}`,
-				className: t(b, "peer"),
+				className: e(b, "peer"),
 				ref: D,
 				onChange: (e) => {
 					C(e.currentTarget.checked), g?.(e);

package/dist/chunks/{component-dialog-yBIkthjw.js → component-dialog-xLex6FJh.js}

@@ -2,8 +2,9 @@
 import "../base.css";
 import "../recipes/dialog-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-dialog-recipe-Dp_2WfN_.js";
-import { c as n, d as r, n as i } from "../index.js";
+import { o as t, r as n } from "./panda-runtime-C6bA3kfx.js";
+import { t as r } from "./recipe-dialog-recipe-RKZYROxV.js";
+import { n as i } from "../index.js";
 import { forwardRef as a } from "react";
 import { Dialog as o } from "radix-ui";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -20,13 +21,13 @@ var l = /* @__PURE__ */ e({
 	Root: () => f,
 	Title: () => S,
 	Trigger: () => b
-}), { withContext: u, withRootProvider: d } = n(t), f = d(o.Root), p = u(o.Portal, "portal"), m = u(o.Overlay, "overlay"), h = u("div", "header"), g = u(o.Close, "close"), _ = o.Close, v = a(({ children: e, closeIcon: t = !0, ...n }, a) => /* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, {}), /* @__PURE__ */ c(o.Content, {
+}), { withContext: u, withRootProvider: d } = n(r), f = d(o.Root), p = u(o.Portal, "portal"), m = u(o.Overlay, "overlay"), h = u("div", "header"), g = u(o.Close, "close"), _ = o.Close, v = a(({ children: e, closeIcon: n = !0, ...r }, a) => /* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(m, {}), /* @__PURE__ */ c(o.Content, {
 	ref: a,
-	...n,
-	children: [e, t && /* @__PURE__ */ c(g, {
+	...r,
+	children: [e, n && /* @__PURE__ */ c(g, {
 		"aria-label": "Close Dialog",
 		children: [/* @__PURE__ */ s(i, {}), /* @__PURE__ */ s("span", {
-			className: r({ srOnly: !0 }),
+			className: t({ srOnly: !0 }),
 			children: "Close"
 		})]
 	})]

package/dist/chunks/{component-grid-BKLFatKL.js → component-grid-aWgGm3Ad.js}

@@ -1,8 +1,9 @@
 "use client";
 import "../base.css";
 import "../recipes/layout-recipe.css";
-import { t as e } from "./recipe-layout-recipe-CXAjEcDn.js";
-import { l as t, t as n, u as r } from "../index.js";
+import { a as e, i as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-layout-recipe-BMWtqxiV.js";
+import { t as r } from "../index.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { Primitive as o } from "radix-ui/internal";
@@ -13,9 +14,9 @@ var s = (e) => typeof e != "object" || !e ? typeof e == "number" ? `repeat(${e},
 		asChild: i,
 		ref: v,
 		"data-slot": "grid",
-		className: r(e(), x),
+		className: e(n(), x),
 		style: {
-			...n({
+			...r({
 				...y,
 				display: y.display ?? "grid",
 				alignItems: c,

package/dist/chunks/{component-h-stack-ODw00BMb.js → component-h-stack-Cj62v71l.js}

@@ -1,8 +1,9 @@
 "use client";
 import "../base.css";
 import "../recipes/layout-recipe.css";
-import { t as e } from "./recipe-layout-recipe-CXAjEcDn.js";
-import { l as t, t as n, u as r } from "../index.js";
+import { a as e, i as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-layout-recipe-BMWtqxiV.js";
+import { t as r } from "../index.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { Primitive as o } from "radix-ui/internal";
@@ -13,9 +14,9 @@ var s = i(({ asChild: i, align: s, justify: c, wrap: l, grow: u, shrink: d, chil
 		asChild: i,
 		ref: m,
 		"data-slot": "h-stack",
-		className: r(e(), _),
+		className: e(n(), _),
 		style: {
-			...n({
+			...r({
 				...h,
 				display: h.display ?? "flex",
 				flexDirection: h.flexDirection ?? "row",

package/dist/chunks/{component-select-CHwGLpGT.js → component-select-B35mHD7A.js}

@@ -2,8 +2,8 @@
 import "../base.css";
 import "../recipes/select-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-select-recipe-Chdpfb_N.js";
-import { c as n } from "../index.js";
+import { r as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-select-recipe-BbGnyPQ_.js";
 import { forwardRef as r } from "react";
 import { Select as i } from "radix-ui";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -23,7 +23,7 @@ var s = /* @__PURE__ */ e({
 	Trigger: () => m,
 	Value: () => p,
 	Viewport: () => y
-}), { withContext: c, withRootProvider: l } = n(t), u = r(({ children: e, ...t }, n) => /* @__PURE__ */ o(i.Trigger, {
+}), { withContext: c, withRootProvider: l } = t(n), u = r(({ children: e, ...t }, n) => /* @__PURE__ */ o(i.Trigger, {
 	ref: n,
 	...t,
 	children: [e, /* @__PURE__ */ a(i.Icon, { asChild: !0 })]

package/dist/chunks/{component-slider-Ba5H5eY3.js → component-slider-CPcl-o95.js}

@@ -2,8 +2,8 @@
 import "../base.css";
 import "../recipes/slider-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-slider-recipe-Bn_q7Je8.js";
-import { c as n } from "../index.js";
+import { r as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-slider-recipe-BHAFeUmN.js";
 import { Slider as r } from "radix-ui";
 //#region src/component/slider/index.tsx
 var i = /* @__PURE__ */ e({
@@ -11,6 +11,6 @@ var i = /* @__PURE__ */ e({
 	Root: () => s,
 	Thumb: () => u,
 	Track: () => c
-}), { withContext: a, withProvider: o } = n(t), s = o(r.Root, "root"), c = a(r.Track, "track"), l = a(r.Range, "range"), u = a(r.Thumb, "thumb");
+}), { withContext: a, withProvider: o } = t(n), s = o(r.Root, "root"), c = a(r.Track, "track"), l = a(r.Range, "range"), u = a(r.Thumb, "thumb");
 //#endregion
 export { i as t };

package/dist/chunks/{component-tabs-BIWU8zcA.js → component-tabs-2-w8TPID.js}

@@ -2,8 +2,8 @@
 import "../base.css";
 import "../recipes/tabs-recipe.css";
 import { t as e } from "./rolldown-runtime-CKyOoeiN.js";
-import { t } from "./recipe-tabs-recipe-Bo5qcI1u.js";
-import { c as n } from "../index.js";
+import { r as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-tabs-recipe-Cbr23IZY.js";
 import { forwardRef as r, useImperativeHandle as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 import { Tabs as c } from "radix-ui";
 import { jsx as l } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ var u = /* @__PURE__ */ e({
 	List: () => m,
 	Root: () => p,
 	Trigger: () => h
-}), { withContext: d, withProvider: f } = n(t), p = f(c.Root, "root"), m = d(c.List, "list"), h = d(c.Trigger, "trigger"), g = r(({ style: e, ...t }, n) => {
+}), { withContext: d, withProvider: f } = t(n), p = f(c.Root, "root"), m = d(c.List, "list"), h = d(c.Trigger, "trigger"), g = r(({ style: e, ...t }, n) => {
 	let r = o(null), [c, u] = s({
 		left: 0,
 		width: 0

package/dist/chunks/{component-textfield-CCdnfRzb.js → component-textfield-CaSHslMS.js}

@@ -1,13 +1,13 @@
 "use client";
 import "../base.css";
 import "../recipes/textfield-recipe.css";
-import { t as e } from "./recipe-textfield-recipe-szIwdV6q.js";
-import { u as t } from "../index.js";
+import { a as e } from "./panda-runtime-C6bA3kfx.js";
+import { t } from "./recipe-textfield-recipe-C2tyOCzn.js";
 import { forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/component/textfield/index.tsx
 var a = (e) => `${e}-helper-text`, o = n((n, o) => {
-	let [s, c] = e.splitVariantProps(n), { className: l, leadingAddon: u, trailingAddon: d, label: f, helperText: p, id: m, required: h = !1, ...g } = c, _ = e(s);
+	let [s, c] = t.splitVariantProps(n), { className: l, leadingAddon: u, trailingAddon: d, label: f, helperText: p, id: m, required: h = !1, ...g } = c, _ = t(s);
 	return /* @__PURE__ */ i("div", {
 		className: _.root,
 		children: [
@@ -26,7 +26,7 @@ var a = (e) => `${e}-helper-text`, o = n((n, o) => {
 					u && /* @__PURE__ */ r("div", { children: u }),
 					/* @__PURE__ */ r("input", {
 						ref: o,
-						className: t(_.input, l),
+						className: e(_.input, l),
 						required: h,
 						id: m,
 						"aria-describedby": a(m),

package/dist/chunks/{component-v-stack-_k842HHc.js → component-v-stack-BzMHYpjP.js}

@@ -1,8 +1,9 @@
 "use client";
 import "../base.css";
 import "../recipes/layout-recipe.css";
-import { t as e } from "./recipe-layout-recipe-CXAjEcDn.js";
-import { l as t, t as n, u as r } from "../index.js";
+import { a as e, i as t } from "./panda-runtime-C6bA3kfx.js";
+import { t as n } from "./recipe-layout-recipe-BMWtqxiV.js";
+import { t as r } from "../index.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { Primitive as o } from "radix-ui/internal";
@@ -13,9 +14,9 @@ var s = i(({ asChild: i, align: s, justify: c, wrap: l, grow: u, shrink: d, chil
 		asChild: i,
 		ref: m,
 		"data-slot": "v-stack",
-		className: r(e(), _),
+		className: e(n(), _),
 		style: {
-			...n({
+			...r({
 				...h,
 				display: h.display ?? "flex",
 				flexDirection: h.flexDirection ?? "column",