@jongh/ui 1.6.5 → 2.20260905.1

package/dist/blue.css

@@ -0,0 +1,155 @@
+@layer tokens {
+[data-color-theme=blue] {
+    --colors-fg-brand: var(--colors-palette-light-blue-600);
+    --colors-fg-brand-contrast: var(--colors-palette-light-blue-700);
+    --colors-fg-critical: var(--colors-palette-light-red-700);
+    --colors-fg-critical-contrast: var(--colors-palette-light-red-900);
+    --colors-fg-disabled: var(--colors-palette-light-gray-500);
+    --colors-fg-informative: var(--colors-palette-light-blue-700);
+    --colors-fg-informative-contrast: var(--colors-palette-light-blue-900);
+    --colors-fg-neutral: var(--colors-palette-light-gray-1000);
+    --colors-fg-neutral-inverted: var(--colors-palette-light-gray-00);
+    --colors-fg-neutral-muted: var(--colors-palette-light-gray-800);
+    --colors-fg-neutral-subtle: var(--colors-palette-light-gray-700);
+    --colors-fg-placeholder: var(--colors-palette-light-gray-600);
+    --colors-fg-positive: var(--colors-palette-light-green-700);
+    --colors-fg-positive-contrast: var(--colors-palette-light-green-900);
+    --colors-fg-warning: var(--colors-palette-light-yellow-700);
+    --colors-fg-warning-contrast: var(--colors-palette-light-yellow-900);
+    --colors-bg-brand-solid: var(--colors-palette-light-blue-600);
+    --colors-bg-brand-solid-pressed: var(--colors-palette-light-blue-700);
+    --colors-bg-brand-weak: var(--colors-palette-light-blue-100);
+    --colors-bg-brand-weak-pressed: var(--colors-palette-light-blue-200);
+    --colors-bg-critical-solid: var(--colors-palette-light-red-700);
+    --colors-bg-critical-solid-pressed: var(--colors-palette-light-red-800);
+    --colors-bg-critical-weak: var(--colors-palette-light-red-100);
+    --colors-bg-critical-weak-pressed: var(--colors-palette-light-red-200);
+    --colors-bg-disabled: var(--colors-palette-light-gray-200);
+    --colors-bg-informative-solid: var(--colors-palette-light-blue-700);
+    --colors-bg-informative-solid-pressed: var(--colors-palette-light-blue-800);
+    --colors-bg-informative-weak: var(--colors-palette-light-blue-100);
+    --colors-bg-informative-weak-pressed: var(--colors-palette-light-blue-200);
+    --colors-bg-layer: var(--colors-palette-light-gray-00);
+    --colors-bg-layer-basement: var(--colors-palette-light-gray-200);
+    --colors-bg-layer-pressed: var(--colors-palette-light-gray-100);
+    --colors-bg-layer-floating: var(--colors-palette-light-gray-00);
+    --colors-bg-layer-floating-pressed: var(--colors-palette-light-gray-100);
+    --colors-bg-magic-weak: #f9f2ee;
+    --colors-bg-neutral-inverted: var(--colors-palette-light-gray-900);
+    --colors-bg-neutral-inverted-pressed: var(--colors-palette-light-gray-800);
+    --colors-bg-neutral-solid: var(--colors-palette-light-gray-1000);
+    --colors-bg-neutral-solid-muted: var(--colors-palette-light-gray-800);
+    --colors-bg-neutral-solid-muted-pressed: var(--colors-palette-light-gray-900);
+    --colors-bg-neutral-weak: var(--colors-palette-light-gray-200);
+    --colors-bg-neutral-weak-alpha: var(--colors-palette-static-black-alpha-200);
+    --colors-bg-neutral-weak-alpha-pressed: var(--colors-palette-static-black-alpha-300);
+    --colors-bg-neutral-weak-pressed: var(--colors-palette-light-gray-300);
+    --colors-bg-overlay: var(--colors-palette-static-black-alpha-700);
+    --colors-bg-overlay-muted: var(--colors-palette-static-black-alpha-500);
+    --colors-bg-positive-solid: var(--colors-palette-light-green-700);
+    --colors-bg-positive-solid-pressed: var(--colors-palette-light-green-800);
+    --colors-bg-positive-weak: var(--colors-palette-light-green-100);
+    --colors-bg-positive-weak-pressed: var(--colors-palette-light-green-200);
+    --colors-bg-transparent: #00000000;
+    --colors-bg-transparent-pressed: var(--colors-palette-static-black-alpha-100);
+    --colors-bg-transparent-selected: var(--colors-palette-static-black-alpha-200);
+    --colors-bg-transparent-selected-pressed: var(--colors-palette-static-black-alpha-300);
+    --colors-bg-warning-solid: var(--colors-palette-light-yellow-300);
+    --colors-bg-warning-solid-pressed: var(--colors-palette-light-yellow-400);
+    --colors-bg-warning-weak: var(--colors-palette-light-yellow-100);
+    --colors-bg-warning-weak-pressed: var(--colors-palette-light-yellow-200);
+    --colors-stroke-brand-solid: var(--colors-palette-light-blue-700);
+    --colors-stroke-brand-weak: var(--colors-palette-light-blue-300);
+    --colors-stroke-critical-solid: var(--colors-palette-light-red-700);
+    --colors-stroke-critical-weak: var(--colors-palette-light-red-300);
+    --colors-stroke-focus-ring: var(--colors-palette-light-blue-600);
+    --colors-stroke-informative-solid: var(--colors-palette-light-blue-700);
+    --colors-stroke-informative-weak: var(--colors-palette-light-blue-300);
+    --colors-stroke-neutral-contrast: var(--colors-palette-light-gray-1000);
+    --colors-stroke-neutral-muted: var(--colors-palette-static-black-alpha-300);
+    --colors-stroke-neutral-solid: var(--colors-palette-light-gray-800);
+    --colors-stroke-neutral-subtle: var(--colors-palette-static-black-alpha-200);
+    --colors-stroke-neutral-weak: var(--colors-palette-light-gray-400);
+    --colors-stroke-positive-solid: var(--colors-palette-light-green-700);
+    --colors-stroke-positive-weak: var(--colors-palette-light-green-300);
+    --colors-stroke-warning-solid: var(--colors-palette-light-yellow-700);
+    --colors-stroke-warning-weak: var(--colors-palette-light-yellow-300)
+}
+
+[data-color-theme=blue].dark {
+      --colors-fg-brand: var(--colors-palette-dark-blue-700);
+      --colors-fg-brand-contrast: var(--colors-palette-dark-blue-700);
+      --colors-fg-critical: var(--colors-palette-dark-red-700);
+      --colors-fg-critical-contrast: var(--colors-palette-dark-red-900);
+      --colors-fg-disabled: var(--colors-palette-dark-gray-500);
+      --colors-fg-informative: var(--colors-palette-dark-blue-700);
+      --colors-fg-informative-contrast: var(--colors-palette-dark-blue-900);
+      --colors-fg-neutral: var(--colors-palette-dark-gray-1000);
+      --colors-fg-neutral-inverted: var(--colors-palette-dark-gray-100);
+      --colors-fg-neutral-muted: var(--colors-palette-dark-gray-800);
+      --colors-fg-neutral-subtle: var(--colors-palette-dark-gray-700);
+      --colors-fg-placeholder: var(--colors-palette-dark-gray-600);
+      --colors-fg-positive: var(--colors-palette-dark-green-700);
+      --colors-fg-positive-contrast: var(--colors-palette-dark-green-900);
+      --colors-fg-warning: var(--colors-palette-dark-yellow-700);
+      --colors-fg-warning-contrast: var(--colors-palette-dark-yellow-900);
+      --colors-bg-brand-solid: var(--colors-palette-dark-blue-700);
+      --colors-bg-brand-solid-pressed: var(--colors-palette-dark-blue-800);
+      --colors-bg-brand-weak: var(--colors-palette-dark-blue-100);
+      --colors-bg-brand-weak-pressed: var(--colors-palette-dark-blue-200);
+      --colors-bg-critical-solid: var(--colors-palette-dark-red-600);
+      --colors-bg-critical-solid-pressed: var(--colors-palette-dark-red-700);
+      --colors-bg-critical-weak: var(--colors-palette-dark-red-100);
+      --colors-bg-critical-weak-pressed: var(--colors-palette-dark-red-200);
+      --colors-bg-disabled: var(--colors-palette-dark-gray-300);
+      --colors-bg-informative-solid: var(--colors-palette-dark-blue-600);
+      --colors-bg-informative-solid-pressed: var(--colors-palette-dark-blue-700);
+      --colors-bg-informative-weak: var(--colors-palette-dark-blue-100);
+      --colors-bg-informative-weak-pressed: var(--colors-palette-dark-blue-200);
+      --colors-bg-layer: var(--colors-palette-dark-gray-100);
+      --colors-bg-layer-basement: var(--colors-palette-dark-gray-00);
+      --colors-bg-layer-pressed: var(--colors-palette-dark-gray-300);
+      --colors-bg-layer-floating: var(--colors-palette-dark-gray-200);
+      --colors-bg-layer-floating-pressed: var(--colors-palette-dark-gray-300);
+      --colors-bg-magic-weak: #201f1f;
+      --colors-bg-neutral-inverted: var(--colors-palette-dark-gray-1000);
+      --colors-bg-neutral-inverted-pressed: var(--colors-palette-dark-gray-800);
+      --colors-bg-neutral-solid: var(--colors-palette-dark-gray-300);
+      --colors-bg-neutral-solid-muted: var(--colors-palette-dark-gray-400);
+      --colors-bg-neutral-solid-muted-pressed: var(--colors-palette-dark-gray-500);
+      --colors-bg-neutral-weak: var(--colors-palette-dark-gray-300);
+      --colors-bg-neutral-weak-alpha: var(--colors-palette-static-white-alpha-200);
+      --colors-bg-neutral-weak-alpha-pressed: var(--colors-palette-static-white-alpha-300);
+      --colors-bg-neutral-weak-pressed: var(--colors-palette-dark-gray-400);
+      --colors-bg-overlay: var(--colors-palette-static-black-alpha-700);
+      --colors-bg-overlay-muted: var(--colors-palette-static-black-alpha-500);
+      --colors-bg-positive-solid: var(--colors-palette-dark-green-500);
+      --colors-bg-positive-solid-pressed: var(--colors-palette-dark-green-600);
+      --colors-bg-positive-weak: var(--colors-palette-dark-green-100);
+      --colors-bg-positive-weak-pressed: var(--colors-palette-dark-green-200);
+      --colors-bg-transparent: #ffffff00;
+      --colors-bg-transparent-pressed: var(--colors-palette-static-white-alpha-50);
+      --colors-bg-transparent-selected: var(--colors-palette-static-white-alpha-100);
+      --colors-bg-transparent-selected-pressed: var(--colors-palette-static-white-alpha-200);
+      --colors-bg-warning-solid: var(--colors-palette-dark-yellow-800);
+      --colors-bg-warning-solid-pressed: var(--colors-palette-dark-yellow-900);
+      --colors-bg-warning-weak: var(--colors-palette-dark-yellow-100);
+      --colors-bg-warning-weak-pressed: var(--colors-palette-dark-yellow-200);
+      --colors-stroke-brand-solid: var(--colors-palette-dark-blue-700);
+      --colors-stroke-brand-weak: var(--colors-palette-dark-blue-300);
+      --colors-stroke-critical-solid: var(--colors-palette-dark-red-700);
+      --colors-stroke-critical-weak: var(--colors-palette-dark-red-300);
+      --colors-stroke-focus-ring: var(--colors-palette-dark-blue-600);
+      --colors-stroke-informative-solid: var(--colors-palette-dark-blue-700);
+      --colors-stroke-informative-weak: var(--colors-palette-dark-blue-300);
+      --colors-stroke-neutral-contrast: var(--colors-palette-dark-gray-1000);
+      --colors-stroke-neutral-muted: var(--colors-palette-static-white-alpha-100);
+      --colors-stroke-neutral-solid: var(--colors-palette-dark-gray-800);
+      --colors-stroke-neutral-subtle: var(--colors-palette-static-white-alpha-50);
+      --colors-stroke-neutral-weak: var(--colors-palette-dark-gray-400);
+      --colors-stroke-positive-solid: var(--colors-palette-dark-green-700);
+      --colors-stroke-positive-weak: var(--colors-palette-dark-green-300);
+      --colors-stroke-warning-solid: var(--colors-palette-dark-yellow-700);
+      --colors-stroke-warning-weak: var(--colors-palette-dark-yellow-300)
+        }
+}

package/dist/chunks/component-accordion-fyrDP4PS.js

@@ -0,0 +1,28 @@
+"use client";
+import "../base.css";
+import "../recipes/accordion-recipe.css";
+import { t as e } from "./rolldown-runtime-CKyOoeiN.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";
+//#region src/component/accordion/index.tsx
+var c = /* @__PURE__ */ e({
+	Content: () => h,
+	Header: () => p,
+	Item: () => f,
+	Root: () => d,
+	Trigger: () => g
+}), { 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 }, n) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ s(a.Trigger, {
+	ref: n,
+	...t,
+	children: [e, /* @__PURE__ */ o(r, { "aria-hidden": "true" })]
+}) })), "trigger");
+//#endregion
+export { c as t };

package/dist/chunks/component-avatar-Cl7qxXL7.js

@@ -0,0 +1,15 @@
+"use client";
+import "../base.css";
+import "../recipes/avatar-recipe.css";
+import { t as e } from "./rolldown-runtime-CKyOoeiN.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 } = 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-BqDGL-KR.js

@@ -0,0 +1,23 @@
+"use client";
+import "../base.css";
+import "../recipes/badge-recipe.css";
+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] = t.splitVariantProps(a), l = t(s);
+	return /* @__PURE__ */ r("span", {
+		ref: o,
+		className: e(l.root, n),
+		...c,
+		children: /* @__PURE__ */ r("span", {
+			className: l.label,
+			children: i
+		})
+	});
+});
+i.displayName = "Badge";
+//#endregion
+export { i as t };

package/dist/chunks/component-box-BVJJ_2Ye.js

@@ -0,0 +1,27 @@
+"use client";
+import "../base.css";
+import "../recipes/layout-recipe.css";
+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";
+//#region src/component/box/index.tsx
+var s = i(({ asChild: i, ...s }, c) => {
+	let [l, u] = t(s), { className: d, style: f, ...p } = u;
+	return /* @__PURE__ */ a(o.div, {
+		asChild: i,
+		ref: c,
+		"data-slot": "box",
+		className: e(n(), d),
+		style: {
+			...r(l),
+			...f
+		},
+		...p
+	});
+});
+s.displayName = "Box";
+//#endregion
+export { s as t };

package/dist/chunks/component-button-6iooYVkM.js

@@ -0,0 +1,21 @@
+"use client";
+import "../base.css";
+import "../recipes/button-recipe.css";
+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] = t.splitVariantProps(o);
+	return /* @__PURE__ */ r(i.button, {
+		asChild: n,
+		ref: s,
+		className: e(t(c), a),
+		...l
+	});
+});
+a.displayName = "Button";
+//#endregion
+export { a as t };

package/dist/chunks/component-calendar-BIBA_BgQ.js

@@ -0,0 +1,241 @@
+"use client";
+import "../base.css";
+import "../recipes/calendar-recipe.css";
+import { t as e } from "./rolldown-runtime-CKyOoeiN.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";
+//#region src/component/calendar/index.tsx
+var f = /* @__PURE__ */ e({
+	Days: () => S,
+	Header: () => y,
+	RangeCalendar: () => _,
+	Root: () => g,
+	SingleCalendar: () => v,
+	Weekday: () => b
+}), p = "calendar", [m, h] = u.createContext(p), g = (e) => {
+	let { type: t = "single", ...n } = e;
+	return t === "single" ? /* @__PURE__ */ c(v, {
+		...n,
+		type: "single"
+	}) : /* @__PURE__ */ c(_, {
+		...n,
+		type: "range"
+	});
+}, _ = 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: i,
+		defaultProp: a ?? [null, null],
+		onChange: l
+	}), [x, S] = d({
+		prop: u,
+		defaultProp: f ?? /* @__PURE__ */ new Date(),
+		onChange: p
+	}), C = o((e) => {
+		let t = new Date(x);
+		t.setMonth(t.getMonth() + e), S(t);
+	}, [x, S]), w = o((e) => {
+		let t = new Date(x);
+		t.setFullYear(t.getFullYear() + e), S(t);
+	}, [x, S]), T = s(() => {
+		let e = new Date(x), t = new Date(e.getFullYear(), e.getMonth(), 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0), r = new Date(e.getFullYear(), e.getMonth(), 0), i = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+		return {
+			year: e.getFullYear(),
+			month: e.getMonth() + 1,
+			day: e.getDate(),
+			daysInMonth: n.getDate(),
+			startWeek: (t.getDay() - h + 7) % 7,
+			daysInPrevMonth: r.getDate(),
+			nextMonthStartWeek: (i.getDay() - h + 7) % 7
+		};
+	}, [x, h]), E = o((e) => {
+		let t = new Date(e);
+		t.setHours(0, 0, 0, 0), b((n) => {
+			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 = n();
+	return /* @__PURE__ */ c("div", {
+		ref: v,
+		className: t(D.root, e),
+		..._,
+		children: /* @__PURE__ */ c(m, {
+			value: T,
+			weekStart: h,
+			locale: g,
+			onMonthChange: C,
+			onYearChange: w,
+			selectedValue: y,
+			handleDayClick: E,
+			children: r
+		})
+	});
+}), 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: i,
+		defaultProp: a ?? null,
+		onChange: l
+	}), C = o((e) => {
+		let t = new Date(y);
+		t.setMonth(t.getMonth() + e), b(t);
+	}, [y, b]), w = o((e) => {
+		let t = new Date(y);
+		t.setFullYear(t.getFullYear() + e), b(t);
+	}, [y, b]), T = s(() => {
+		let e = new Date(y), t = new Date(e.getFullYear(), e.getMonth(), 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0), r = new Date(e.getFullYear(), e.getMonth(), 0), i = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+		return {
+			year: e.getFullYear(),
+			month: e.getMonth() + 1,
+			day: e.getDate(),
+			daysInMonth: n.getDate(),
+			startWeek: (t.getDay() - h + 7) % 7,
+			daysInPrevMonth: r.getDate(),
+			nextMonthStartWeek: (i.getDay() - h + 7) % 7
+		};
+	}, [y, h]), E = n();
+	return /* @__PURE__ */ c(m, {
+		value: T,
+		onMonthChange: C,
+		onYearChange: w,
+		weekStart: h,
+		locale: g,
+		selectedValue: x ? [x] : [],
+		handleDayClick: (e) => S(e),
+		children: /* @__PURE__ */ c("div", {
+			ref: v,
+			className: t(E.root, e),
+			..._,
+			children: r
+		})
+	});
+}), y = ({ className: e, month: a = "long", year: o = "numeric", render: s }) => {
+	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: 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(r, {})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: m.title,
+				children: s ? s(new Date(u.year, u.month - 1), f) : `${g}`
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				className: m.navButton,
+				onClick: () => d(1),
+				"aria-label": "Go To Next month",
+				children: /* @__PURE__ */ c(i, {})
+			})
+		]
+	});
+}, b = ({ className: e, format: r = "short" }) => {
+	let { weekStart: i, locale: a } = h(p), o = n();
+	return /* @__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: 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: t(f.dayCell, e),
+		"data-day": m.getDate(),
+		"data-month": m.getMonth() + 1,
+		"data-year": m.getFullYear(),
+		"data-hidden": o,
+		"data-outside-month": s,
+		"data-today": b,
+		"data-selected": y,
+		"data-in-range": x,
+		"aria-hidden": o,
+		"aria-current": b ? "date" : void 0,
+		"aria-label": new Intl.DateTimeFormat(u, { dateStyle: "full" }).format(m),
+		"aria-pressed": y,
+		disabled: o,
+		tabIndex: o ? -1 : void 0,
+		...l,
+		children: !o && r
+	});
+}, S = ({ className: e, showOutsideDays: r = !0 }) => {
+	let { value: i, handleDayClick: a } = h(p), o = n(), l = s(() => {
+		let e = [];
+		for (let t = i.startWeek; t > 0; t--) e.push({
+			day: i.daysInPrevMonth - t + 1,
+			isCurrentMonth: !1
+		});
+		for (let t = 1; t <= i.daysInMonth; t++) e.push({
+			day: t,
+			isCurrentMonth: !0
+		});
+		for (let t = 1; t <= 6 - i.nextMonthStartWeek + 1; t++) e.push({
+			day: t,
+			isCurrentMonth: !1
+		});
+		let t = [];
+		for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
+		return t;
+	}, [
+		i.startWeek,
+		i.daysInMonth,
+		i.daysInPrevMonth,
+		i.nextMonthStartWeek
+	]);
+	return /* @__PURE__ */ c("table", {
+		className: t(o.daysGrid, e),
+		children: /* @__PURE__ */ c("tbody", { children: l.map((e, t) => /* @__PURE__ */ c("tr", {
+			className: o.weekRow,
+			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: i.year,
+						isHidden: s,
+						isOutsideMonth: !e.isCurrentMonth,
+						onClick: () => a(new Date(i.year, l - 1, e.day))
+					})
+				}, `${t}-${n}`);
+			})
+		}, t)) })
+	});
+};
+function C(e, t, n = "short") {
+	let r = [
+		0,
+		1,
+		2,
+		3,
+		4,
+		5,
+		6
+	];
+	return [...r.slice(e), ...r.slice(0, e)].map((e) => {
+		let r = /* @__PURE__ */ new Date();
+		return r.setDate(r.getDate() - r.getDay() + e), new Intl.DateTimeFormat(t, { weekday: n }).format(r);
+	});
+}
+function w(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+//#endregion
+export { f as t };

package/dist/chunks/component-center-rifwb_-x.js

@@ -0,0 +1,33 @@
+"use client";
+import "../base.css";
+import "../recipes/center-recipe.css";
+import "../recipes/layout-recipe.css";
+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] = t(d), { className: h, style: g, ..._ } = m;
+	return /* @__PURE__ */ o(s.div, {
+		asChild: a,
+		ref: f,
+		"data-slot": "center",
+		className: e(r(), n({ axis: c }), h),
+		style: {
+			...i({
+				...p,
+				display: p.display ?? (l ? "inline-flex" : "flex")
+			}),
+			...g
+		},
+		..._,
+		children: u
+	});
+});
+c.displayName = "Center";
+//#endregion
+export { c as t };

package/dist/chunks/component-checkbox-KSwDeqdV.js

@@ -0,0 +1,54 @@
+"use client";
+import "../base.css";
+import "../recipes/checkbox-recipe.css";
+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] = 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
+	}), w = a(null), T = a(S), E = i();
+	r(() => {
+		w.current && (w.current.indeterminate = m ?? !1);
+	}, [m]), r(() => {
+		let e = w.current?.form;
+		if (e) {
+			let t = () => C(T.current);
+			return e.addEventListener("reset", t), () => {
+				e.removeEventListener("reset", t);
+			};
+		}
+	}, [C]);
+	let D = c(u, w);
+	return /* @__PURE__ */ o("div", {
+		className: v,
+		children: /* @__PURE__ */ s("label", {
+			htmlFor: `checkbox-${E}`,
+			className: y,
+			children: [/* @__PURE__ */ o("input", {
+				type: "checkbox",
+				id: `checkbox-${E}`,
+				className: e(b, "peer"),
+				ref: D,
+				onChange: (e) => {
+					C(e.currentTarget.checked), g?.(e);
+				},
+				checked: S,
+				"data-state": m ? "indeterminate" : S ? "checked" : "unchecked",
+				"data-indeterminate": m ? "" : void 0,
+				..._
+			}), /* @__PURE__ */ o("span", {
+				className: x,
+				children: p
+			})]
+		})
+	});
+});
+u.displayName = "Checkbox";
+//#endregion
+export { u as t };

package/dist/chunks/component-dialog-xLex6FJh.js

@@ -0,0 +1,36 @@
+"use client";
+import "../base.css";
+import "../recipes/dialog-recipe.css";
+import { t as e } from "./rolldown-runtime-CKyOoeiN.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";
+//#region src/component/dialog/index.tsx
+var l = /* @__PURE__ */ e({
+	Close: () => _,
+	Content: () => y,
+	ContentPrimitive: () => v,
+	Description: () => C,
+	Footer: () => x,
+	Header: () => h,
+	Overlay: () => m,
+	Portal: () => p,
+	Root: () => f,
+	Title: () => S,
+	Trigger: () => b
+}), { 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,
+	...r,
+	children: [e, n && /* @__PURE__ */ c(g, {
+		"aria-label": "Close Dialog",
+		children: [/* @__PURE__ */ s(i, {}), /* @__PURE__ */ s("span", {
+			className: t({ srOnly: !0 }),
+			children: "Close"
+		})]
+	})]
+})] })), y = u(v, "content"), b = u(o.Trigger, "trigger"), x = u("div", "footer"), S = u(o.Title, "title"), C = u(o.Description, "description");
+//#endregion
+export { l as t };