@jongh/ui 1.6.5 → 2.20260905.1

package/dist/chunks/component-grid-aWgGm3Ad.js

@@ -0,0 +1,39 @@
+"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/grid/index.tsx
+var s = (e) => typeof e != "object" || !e ? typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, typeof t == "number" ? `repeat(${t}, minmax(0, 1fr))` : t])), c = i(({ asChild: i, align: c, justify: l, justifyItems: u, columns: d, rows: f, autoFlow: p, autoColumns: m, autoRows: h, children: g, ..._ }, v) => {
+	let [y, b] = t(_), { className: x, style: S, ...C } = b;
+	return /* @__PURE__ */ a(o.div, {
+		asChild: i,
+		ref: v,
+		"data-slot": "grid",
+		className: e(n(), x),
+		style: {
+			...r({
+				...y,
+				display: y.display ?? "grid",
+				alignItems: c,
+				justifyContent: l,
+				justifyItems: u,
+				gridTemplateColumns: s(d),
+				gridTemplateRows: s(f),
+				gridAutoFlow: p,
+				gridAutoColumns: m,
+				gridAutoRows: h
+			}),
+			...S
+		},
+		...C,
+		children: g
+	});
+});
+c.displayName = "Grid";
+//#endregion
+export { c as t };

package/dist/chunks/component-h-stack-Cj62v71l.js

@@ -0,0 +1,37 @@
+"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/h-stack/index.tsx
+var s = i(({ asChild: i, align: s, justify: c, wrap: l, grow: u, shrink: d, children: f, ...p }, m) => {
+	let [h, g] = t(p), { className: _, style: v, ...y } = g;
+	return /* @__PURE__ */ a(o.div, {
+		asChild: i,
+		ref: m,
+		"data-slot": "h-stack",
+		className: e(n(), _),
+		style: {
+			...r({
+				...h,
+				display: h.display ?? "flex",
+				flexDirection: h.flexDirection ?? "row",
+				alignItems: s,
+				justifyContent: c,
+				flexWrap: l === !1 ? void 0 : l === !0 ? "wrap" : l,
+				flexGrow: u === !1 ? void 0 : u === !0 ? 1 : u,
+				flexShrink: d === !1 ? void 0 : d === !0 ? 1 : d
+			}),
+			...v
+		},
+		...y,
+		children: f
+	});
+});
+s.displayName = "HStack";
+//#endregion
+export { s as t };

package/dist/chunks/component-select-B35mHD7A.js

@@ -0,0 +1,52 @@
+"use client";
+import "../base.css";
+import "../recipes/select-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-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";
+//#region src/component/select/index.tsx
+var s = /* @__PURE__ */ e({
+	Content: () => v,
+	ContentPrimitive: () => _,
+	Group: () => f,
+	Indicator: () => w,
+	Item: () => x,
+	ItemPrimitive: () => b,
+	Label: () => S,
+	Root: () => d,
+	ScrollDownButton: () => g,
+	ScrollUpButton: () => h,
+	Separator: () => C,
+	Trigger: () => m,
+	Value: () => p,
+	Viewport: () => y
+}), { 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 })]
+}));
+u.displayName = i.Trigger.displayName;
+var d = l(i.Root), f = i.Group, p = i.Value, m = c(u, "trigger"), h = c(i.ScrollUpButton, "scrollUpButton"), g = c(i.ScrollDownButton, "scrollDownButton"), _ = r(({ position: e = "popper", children: t, ...n }, r) => /* @__PURE__ */ a(i.Portal, { children: /* @__PURE__ */ o(i.Content, {
+	ref: r,
+	position: e,
+	"data-position": e,
+	sideOffset: 4,
+	...n,
+	children: [
+		/* @__PURE__ */ a(h, {}),
+		/* @__PURE__ */ a(y, {
+			"data-position": e,
+			children: t
+		}),
+		/* @__PURE__ */ a(g, {})
+	]
+}) })), v = c(_, "content"), y = c(i.Viewport, "viewport"), b = r(({ children: e, ...t }, n) => /* @__PURE__ */ o(i.Item, {
+	ref: n,
+	...t,
+	children: [/* @__PURE__ */ a(w, {}), /* @__PURE__ */ a(i.ItemText, { children: e })]
+})), x = c(b, "item"), S = c(i.Label, "label"), C = c(i.Separator, "separator"), w = c(i.ItemIndicator, "itemIndicator");
+//#endregion
+export { s as t };

package/dist/chunks/component-slider-CPcl-o95.js

@@ -0,0 +1,16 @@
+"use client";
+import "../base.css";
+import "../recipes/slider-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-slider-recipe-BHAFeUmN.js";
+import { Slider as r } from "radix-ui";
+//#region src/component/slider/index.tsx
+var i = /* @__PURE__ */ e({
+	Range: () => l,
+	Root: () => s,
+	Thumb: () => u,
+	Track: () => c
+}), { 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-2-w8TPID.js

@@ -0,0 +1,58 @@
+"use client";
+import "../base.css";
+import "../recipes/tabs-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-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";
+//#region src/component/tabs/index.tsx
+var u = /* @__PURE__ */ e({
+	Content: () => v,
+	Indicator: () => _,
+	List: () => m,
+	Root: () => p,
+	Trigger: () => h
+}), { 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
+	});
+	return i(n, () => r.current), a(() => {
+		let e = r.current?.parentElement;
+		if (!e) return;
+		let t = () => {
+			let t = e.querySelector("[role=\"tab\"][data-state=\"active\"]");
+			u(t ? {
+				left: t.offsetLeft,
+				width: t.offsetWidth
+			} : {
+				left: 0,
+				width: 0
+			});
+		}, n = new MutationObserver(t);
+		n.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-state"],
+			subtree: !0
+		});
+		let i = new ResizeObserver(t);
+		return i.observe(e), e.querySelectorAll("[role=\"tab\"]").forEach((e) => i.observe(e)), t(), () => {
+			n.disconnect(), i.disconnect();
+		};
+	}, []), /* @__PURE__ */ l("span", {
+		...t,
+		"aria-hidden": "true",
+		ref: r,
+		style: {
+			...e,
+			"--tabs-indicator-left": `${c.left}px`,
+			"--tabs-indicator-width": `${c.width}px`
+		}
+	});
+});
+g.displayName = "TabsIndicator";
+var _ = d(g, "indicator"), v = d(c.Content, "content");
+//#endregion
+export { u as t };

package/dist/chunks/component-textfield-CaSHslMS.js

@@ -0,0 +1,53 @@
+"use client";
+import "../base.css";
+import "../recipes/textfield-recipe.css";
+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] = 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: [
+			f && /* @__PURE__ */ r("div", {
+				className: _.heading,
+				children: /* @__PURE__ */ r("label", {
+					className: h ? "required" : "",
+					htmlFor: m,
+					children: f
+				})
+			}),
+			/* @__PURE__ */ i("div", {
+				className: _.container,
+				"data-disabled": g.disabled ? "" : void 0,
+				children: [
+					u && /* @__PURE__ */ r("div", { children: u }),
+					/* @__PURE__ */ r("input", {
+						ref: o,
+						className: e(_.input, l),
+						required: h,
+						id: m,
+						"aria-describedby": a(m),
+						"aria-invalid": s.status === "negative",
+						...g
+					}),
+					d && /* @__PURE__ */ r("div", {
+						className: _.trailingButton,
+						children: d
+					})
+				]
+			}),
+			p && /* @__PURE__ */ r("div", {
+				className: _.helper,
+				id: a(m),
+				"aria-live": "polite",
+				children: p
+			})
+		]
+	});
+});
+o.displayName = "TextField";
+//#endregion
+export { o as t };

package/dist/chunks/component-v-stack-BzMHYpjP.js

@@ -0,0 +1,37 @@
+"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/v-stack/index.tsx
+var s = i(({ asChild: i, align: s, justify: c, wrap: l, grow: u, shrink: d, children: f, ...p }, m) => {
+	let [h, g] = t(p), { className: _, style: v, ...y } = g;
+	return /* @__PURE__ */ a(o.div, {
+		asChild: i,
+		ref: m,
+		"data-slot": "v-stack",
+		className: e(n(), _),
+		style: {
+			...r({
+				...h,
+				display: h.display ?? "flex",
+				flexDirection: h.flexDirection ?? "column",
+				alignItems: s,
+				justifyContent: c,
+				flexWrap: l === !1 ? void 0 : l === !0 ? "wrap" : l,
+				flexGrow: u === !1 ? void 0 : u === !0 ? 1 : u,
+				flexShrink: d === !1 ? void 0 : d === !0 ? 1 : d
+			}),
+			...v
+		},
+		...y,
+		children: f
+	});
+});
+s.displayName = "VStack";
+//#endregion
+export { s as t };