@pihanga2/shadcn 0.2.2 → 0.2.3

package/README.md

@@ -52,17 +52,6 @@ module.exports = {
 
 ## Usage
 
-### Register all core cards at once
-
-```ts
-import "@pihanga2/shadcn";
-```
-
-This imports `core-index.js`, which calls `registerCardComponent()` for every
-core card in the Pihanga runtime.
-
-### Register individual cards (tree-shakeable)
-
 Import only the cards your app uses — unused cards are eliminated by your bundler:
 
 ```ts

package/cards/badge/badge.component.js

@@ -1,7 +1,7 @@
 import { Badge as e } from "../../components/ui/badge.js";
 import { cn as t } from "../../lib/utils.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/cards/badge/badge.component.tsx
 var r = (r) => {

package/cards/box/box.component.js

@@ -1,5 +1,5 @@
-import { Card as e } from "@pihanga2/core";
 import "react";
+import { Card as e } from "@pihanga2/core";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/cards/box/box.component.tsx
 var r = (r) => {

package/cards/button/button.component.js

@@ -1,16 +1,16 @@
-import { Button as e, LinkButton as t } from "../../components/ui/button.js";
-import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../components/ui/tooltip.js";
-import { getIcon as a } from "../icons.js";
+import { getIcon as e } from "../icons.js";
+import { Button as t, LinkButton as n } from "../../components/ui/button.js";
+import { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../../components/ui/tooltip.js";
 import { useDropdownOpen as o } from "../dropDownMenu/dropdown-context.js";
-import { Card as s } from "@pihanga2/core";
 import "react";
+import { Card as s } from "@pihanga2/core";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/cards/button/button.component.tsx
-function d(e) {
-	return e ? a(e) : null;
+function d(t) {
+	return t ? e(t) : null;
 }
-var f = (a) => {
-	let { opts: f, ariaLabel: p, label: m, iconLabel: h, contentCard: g, href: _, target: v, tooltip: y, tooltipCard: b, tooltipMode: x, tooltipPlacement: S, className: C, id: w, onClicked: T, cardName: E, _cls: D, active: O, focused: k, disabled: A, loading: j, isPending: M } = a, N = o(), P = d(f?.beforeIcon), F = d(f?.afterIcon), I = /* @__PURE__ */ u(c, { children: [
+var f = (e) => {
+	let { opts: f, ariaLabel: p, label: m, iconLabel: h, contentCard: g, href: _, target: v, tooltip: y, tooltipCard: b, tooltipMode: x, tooltipPlacement: S, className: C, id: w, onClicked: T, cardName: E, _cls: D, active: O, focused: k, disabled: A, loading: j, isPending: M } = e, N = o(), P = d(f?.beforeIcon), F = d(f?.afterIcon), I = /* @__PURE__ */ u(c, { children: [
 		P,
 		h ? d(h) : g ? /* @__PURE__ */ l(s, {
 			cardName: g,
@@ -31,7 +31,7 @@ var f = (a) => {
 		className: `${D("root")} ${C || ""}`.trim()
 	}, R = () => {
 		T({ id: w });
-	}, z = () => _ ? /* @__PURE__ */ l(t, {
+	}, z = () => _ ? /* @__PURE__ */ l(n, {
 		...L,
 		href: _,
 		target: v,
@@ -39,7 +39,7 @@ var f = (a) => {
 		label: p ?? m,
 		onClick: R,
 		children: I
-	}) : /* @__PURE__ */ l(e, {
+	}) : /* @__PURE__ */ l(t, {
 		...L,
 		"data-pihanga": E,
 		label: p ?? m,
@@ -54,12 +54,12 @@ var f = (a) => {
 		"data-pihanga": `${E}-tooltip`,
 		children: y
 	});
-	return /* @__PURE__ */ u(n, {
+	return /* @__PURE__ */ u(r, {
 		open: B,
-		children: [/* @__PURE__ */ l(i, {
+		children: [/* @__PURE__ */ l(a, {
 			asChild: !0,
 			children: z()
-		}), /* @__PURE__ */ l(r, {
+		}), /* @__PURE__ */ l(i, {
 			side: S,
 			children: V
 		})]

package/cards/checkbox/checkbox.component.js

@@ -1,6 +1,6 @@
 import { useFormContext as e } from "../form/form.context.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/cards/checkbox/checkbox.component.tsx
 var r = (r) => {

package/cards/conditional/conditional.component.js

@@ -1,18 +1,18 @@
 import { useBreakpoint as e, useContainerBreakpoint as t } from "../../components/hooks/use-breakpoint.js";
-import { Card as n } from "@pihanga2/core";
-import * as r from "react";
+import * as n from "react";
+import { Card as r } from "@pihanga2/core";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/cards/conditional/conditional.component.tsx
 var a = (a) => {
-	let { cardName: o, show: s = !0, showOn: c, containerQuery: l = !1, content: u } = a, d = r.useRef(null), f = e(l ? void 0 : c), p = t(l ? c : void 0, d), m = s && (l ? p : f);
+	let { cardName: o, show: s = !0, showOn: c, containerQuery: l = !1, content: u } = a, d = n.useRef(null), f = e(l ? void 0 : c), p = t(l ? c : void 0, d), m = s && (l ? p : f);
 	return l ? /* @__PURE__ */ i("div", {
 		ref: d,
 		style: { width: "100%" },
-		children: m && /* @__PURE__ */ i(n, {
+		children: m && /* @__PURE__ */ i(r, {
 			cardName: u,
 			parentCard: o
 		})
-	}) : m ? /* @__PURE__ */ i(n, {
+	}) : m ? /* @__PURE__ */ i(r, {
 		cardName: u,
 		parentCard: o
 	}) : null;

package/cards/dataTable/dataTable.component.js

@@ -1,8 +1,8 @@
 import { Badge as e } from "../../components/ui/badge.js";
 import { cn as t } from "../../lib/utils.js";
 import { Table as n, TableBody as r, TableCaption as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c } from "../../components/ui/table.js";
-import { Card as l } from "@pihanga2/core";
-import u, { useMemo as d, useState as f } from "react";
+import l, { useMemo as u, useState as d } from "react";
+import { Card as f } from "@pihanga2/core";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Check as h, ChevronDown as g, ChevronRight as _, ChevronUp as v, ChevronsUpDown as y, X as b } from "lucide-react";
 //#region src/cards/dataTable/dataTable.component.tsx
@@ -32,7 +32,7 @@ function ee(t, n, r) {
 			className: "size-4 text-muted-foreground",
 			"aria-label": "false"
 		});
-		case "card": return /* @__PURE__ */ p(l, {
+		case "card": return /* @__PURE__ */ p(f, {
 			cardName: String(n),
 			parentCard: r
 		});
@@ -76,7 +76,7 @@ function C(e) {
 	return e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim();
 }
 var w = (e) => {
-	let { columns: h, rows: v, caption: y, sortKey: b, sortAscending: w, pageSize: T, currentPage: E, stickyHeader: D = !1, striped: te = !1, hoverable: ne = !0, compact: re = !1, emptyCard: O, emptyText: ie = "No data", className: k, cardName: A, onRowClicked: j, onSortChanged: M, onShowDetail: N, onHideDetail: P, onPageChanged: F } = e, [I, L] = f(/* @__PURE__ */ new Set()), [R, z] = f(b), [B, V] = f(w ?? !0), H = b === void 0 ? R : b, U = w === void 0 ? B : w, [W, G] = f(E ?? 0), K = E === void 0 ? W : E, q = v.some((e) => e.detailCard != null), J = h.length + +!!q, Y = d(() => H ? [...v].sort((e, t) => {
+	let { columns: h, rows: v, caption: y, sortKey: b, sortAscending: w, pageSize: T, currentPage: E, stickyHeader: D = !1, striped: te = !1, hoverable: ne = !0, compact: re = !1, emptyCard: O, emptyText: ie = "No data", className: k, cardName: A, onRowClicked: j, onSortChanged: M, onShowDetail: N, onHideDetail: P, onPageChanged: F } = e, [I, L] = d(/* @__PURE__ */ new Set()), [R, z] = d(b), [B, V] = d(w ?? !0), H = b === void 0 ? R : b, U = w === void 0 ? B : w, [W, G] = d(E ?? 0), K = E === void 0 ? W : E, q = v.some((e) => e.detailCard != null), J = h.length + +!!q, Y = u(() => H ? [...v].sort((e, t) => {
 		let n = e.data[H], r = t.data[H];
 		if (n == null && r == null) return 0;
 		if (n == null) return 1;
@@ -87,7 +87,7 @@ var w = (e) => {
 		v,
 		H,
 		U
-	]), X = d(() => {
+	]), X = u(() => {
 		if (!T) return Y;
 		let e = K * T;
 		return Y.slice(e, e + T);
@@ -150,13 +150,13 @@ var w = (e) => {
 			/* @__PURE__ */ p(r, { children: X.length === 0 ? /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(a, {
 				colSpan: J,
 				className: "py-8 text-center text-muted-foreground",
-				children: O ? /* @__PURE__ */ p(l, {
+				children: O ? /* @__PURE__ */ p(f, {
 					cardName: O,
 					parentCard: A
 				}) : ie
 			}) }) : X.map((e, n) => {
 				let r = I.has(e.id), i = te && n % 2 == 1;
-				return /* @__PURE__ */ m(u.Fragment, { children: [/* @__PURE__ */ m(c, {
+				return /* @__PURE__ */ m(l.Fragment, { children: [/* @__PURE__ */ m(c, {
 					className: t(i && "bg-muted/30", ne && "cursor-pointer"),
 					"data-expanded": r || void 0,
 					onClick: () => se(e),
@@ -185,7 +185,7 @@ var w = (e) => {
 						className: "border-b p-0",
 						children: /* @__PURE__ */ p("div", {
 							className: "bg-muted/20 px-4 py-3",
-							children: /* @__PURE__ */ p(l, {
+							children: /* @__PURE__ */ p(f, {
 								cardName: e.detailCard,
 								cardKey: `detail-${e.id}`,
 								row: e,

package/cards/dataTable/dataTableRowDetail.component.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/cards/dataTable/dataTableRowDetail.component.tsx
 var i = (i) => {

package/cards/dialog/dialog.component.js

@@ -1,12 +1,12 @@
 import { Button as e } from "../../components/ui/button.js";
 import { Dialog as t, DialogBody as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "../../components/ui/dialog.js";
-import { Card as l } from "@pihanga2/core";
-import u from "react";
+import l from "react";
+import { Card as u } from "@pihanga2/core";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/cards/dialog/dialog.component.tsx
 var p = (p) => {
-	let { id: m, trigger: h, content: g, title: _, description: v, open: y, size: b, variant: x, desktopVariant: S, mobileVariant: C, dismissible: w, hideClose: T, className: E, footer: D, footerCloseButtonText: O, cardName: k, onOpened: A, onClosed: j, onOpenChanged: M } = p, N = O === void 0 ? "Close" : O, [P, F] = u.useState(!1), I = y ?? P, L = u.useRef(y);
-	u.useEffect(() => {
+	let { id: m, trigger: h, content: g, title: _, description: v, open: y, size: b, variant: x, desktopVariant: S, mobileVariant: C, dismissible: w, hideClose: T, className: E, footer: D, footerCloseButtonText: O, cardName: k, onOpened: A, onClosed: j, onOpenChanged: M } = p, N = O === void 0 ? "Close" : O, [P, F] = l.useState(!1), I = y ?? P, L = l.useRef(y);
+	l.useEffect(() => {
 		L.current === !0 && y === !1 && I === !1 && j({
 			id: m,
 			reason: "programmatic"
@@ -30,7 +30,7 @@ var p = (p) => {
 		return h ? /* @__PURE__ */ d("span", {
 			className: "inline-flex",
 			"data-pihanga-trigger-wrapper": !0,
-			children: /* @__PURE__ */ d(l, {
+			children: /* @__PURE__ */ d(u, {
 				cardName: h,
 				parentCard: k
 			})
@@ -42,7 +42,7 @@ var p = (p) => {
 	function V() {
 		return D ? /* @__PURE__ */ d(a, {
 			className: "bg-muted/50",
-			children: /* @__PURE__ */ d(l, {
+			children: /* @__PURE__ */ d(u, {
 				cardName: D,
 				parentCard: k
 			})
@@ -74,7 +74,7 @@ var p = (p) => {
 			className: E,
 			children: [
 				B(),
-				/* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(l, {
+				/* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(u, {
 					cardName: g,
 					parentCard: k
 				}) }),

package/cards/dropDownMenu/drop-down.component.js

@@ -1,11 +1,11 @@
 import { DropdownOpenContext as e } from "./dropdown-context.js";
 import { DropdownMenu as t, DropdownMenuCheckboxItem as n, DropdownMenuContent as r, DropdownMenuGroup as i, DropdownMenuItem as a, DropdownMenuLabel as o, DropdownMenuRadioGroup as s, DropdownMenuRadioItem as c, DropdownMenuSeparator as l, DropdownMenuShortcut as u, DropdownMenuSub as d, DropdownMenuSubContent as f, DropdownMenuSubTrigger as p, DropdownMenuTrigger as m } from "./dropdown-menu.ui.js";
-import { Card as h } from "@pihanga2/core";
-import g from "react";
+import h from "react";
+import { Card as g } from "@pihanga2/core";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/cards/dropDownMenu/drop-down.component.tsx
 var b = (b) => {
-	let { trigger: x, menuLabel: S, menuAlign: C, items: w, cardName: T, checkboxCloseDelayMs: E } = b, [D, O] = g.useState(!1), k = g.useRef(null), [A, j] = g.useState({}), M = g.useCallback((e, t) => [...e, t].join("::"), []), N = g.useCallback((e, t = []) => {
+	let { trigger: x, menuLabel: S, menuAlign: C, items: w, cardName: T, checkboxCloseDelayMs: E } = b, [D, O] = h.useState(!1), k = h.useRef(null), [A, j] = h.useState({}), M = h.useCallback((e, t) => [...e, t].join("::"), []), N = h.useCallback((e, t = []) => {
 		let n = {};
 		if (!e?.length) return n;
 		for (let r of e) if (!(!r || typeof r == "string")) {
@@ -36,9 +36,9 @@ var b = (b) => {
 			k.current = null, O(!1);
 		}, e);
 	}
-	g.useEffect(() => () => {
+	h.useEffect(() => () => {
 		P();
-	}, []), g.useEffect(() => {
+	}, []), h.useEffect(() => {
 		D && j(N(w));
 	}, [
 		D,
@@ -51,7 +51,7 @@ var b = (b) => {
 			"data-pihanga-trigger-wrapper": !0,
 			children: /* @__PURE__ */ v(e.Provider, {
 				value: D,
-				children: /* @__PURE__ */ v(h, {
+				children: /* @__PURE__ */ v(g, {
 					cardName: x,
 					parentCard: T
 				})
@@ -62,7 +62,7 @@ var b = (b) => {
 		return S ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(o, { children: S }), /* @__PURE__ */ v(l, {})] }) : null;
 	}
 	function z(e) {
-		return typeof e == "string" ? e : /* @__PURE__ */ v(h, {
+		return typeof e == "string" ? e : /* @__PURE__ */ v(g, {
 			cardName: e,
 			parentCard: T
 		});

package/cards/field/field.component.js

@@ -1,12 +1,12 @@
 import { cn as e } from "../../lib/utils.js";
 import { useFormContext as t } from "../form/form.context.js";
 import { Field as n, FieldDescription as r, FieldError as i, FieldLabel as a } from "../../components/ui/field.js";
-import { Card as o } from "@pihanga2/core";
-import s, { useMemo as c } from "react";
+import o, { useMemo as s } from "react";
+import { Card as c } from "@pihanga2/core";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/cards/field/field.component.tsx
 var d = (d) => {
-	let { label: f, fieldCard: p, name: m, description: h, error: g, className: _, cardName: v } = d, y = t(), b = y.isInForm && m ? y.errors[m] : g, x = s.useId(), S = !!b, C = c(() => ({
+	let { label: f, fieldCard: p, name: m, description: h, error: g, className: _, cardName: v } = d, y = t(), b = y.isInForm && m ? y.errors[m] : g, x = o.useId(), S = !!b, C = s(() => ({
 		cardName: p,
 		parentCard: v,
 		id: x,
@@ -26,7 +26,7 @@ var d = (d) => {
 				htmlFor: x,
 				children: f
 			}),
-			/* @__PURE__ */ l(o, { ...C }),
+			/* @__PURE__ */ l(c, { ...C }),
 			h && /* @__PURE__ */ l(r, { children: h }),
 			/* @__PURE__ */ l(i, { children: b })
 		]

package/cards/fileDrop/fileDrop.component.js

@@ -1,8 +1,8 @@
-import { k as e } from "../../node_modules/react-drag-drop-files/dist/index.es.js";
-import { DEF_FILE_DROP_FILE_TYPES as t } from "./fileDrop.types.js";
+import { DEF_FILE_DROP_FILE_TYPES as e } from "./fileDrop.types.js";
 /* empty css         */
 import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { FileUploader as r } from "react-drag-drop-files";
 //#region src/cards/fileDrop/fileDrop.component.tsx
 var i = Symbol.for("pihanga.card.FileDrop.LastDropped"), a = globalThis;
 function o(e) {
@@ -16,7 +16,7 @@ function c() {
 	a[i] = null;
 }
 var l = (i) => {
-	let { fileTypes: a = t, title: o = "Click or drop a file right here", description: l, showProgress: u = !1, progress: d = 0, progressStyle: f = {}, dropStyle: p = {}, onFileDropped: m, onError: h, cardName: g, className: _, _cls: v } = i;
+	let { fileTypes: a = e, title: o = "Click or drop a file right here", description: l, showProgress: u = !1, progress: d = 0, progressStyle: f = {}, dropStyle: p = {}, onFileDropped: m, onError: h, cardName: g, className: _, _cls: v } = i;
 	function y(e) {
 		let t = Array.isArray(e) ? e[0] : e;
 		if (!t) return;
@@ -34,42 +34,42 @@ var l = (i) => {
 		h({ error: String(e) });
 	}
 	function x() {
-		let e = `${d}%`, t = `${e} Complete`, i = {
+		let e = `${d}%`, r = `${e} Complete`, i = {
 			width: "50%",
 			...f
 		};
-		return /* @__PURE__ */ r("div", {
+		return /* @__PURE__ */ n("div", {
 			className: "pi-progress",
-			children: [/* @__PURE__ */ n("div", {
+			children: [/* @__PURE__ */ t("div", {
 				className: "pi-progress-label",
 				children: e
-			}), /* @__PURE__ */ n("div", {
+			}), /* @__PURE__ */ t("div", {
 				className: "pi-progress-container",
 				style: i,
-				children: /* @__PURE__ */ n("div", {
+				children: /* @__PURE__ */ t("div", {
 					className: "pi-progress-bar",
 					style: { width: e },
 					role: "progressbar",
-					"aria-label": t
+					"aria-label": r
 				})
 			})]
 		});
 	}
 	function S() {
-		return /* @__PURE__ */ r("div", {
+		return /* @__PURE__ */ n("div", {
 			className: "dropzone-msg",
 			style: p,
-			children: [o && /* @__PURE__ */ n("h3", {
+			children: [o && /* @__PURE__ */ t("h3", {
 				className: "dropzone-msg-title",
 				children: o
-			}), l && /* @__PURE__ */ n("span", {
+			}), l && /* @__PURE__ */ t("span", {
 				className: "dropzone-msg-desc",
 				children: l
 			})]
 		});
 	}
 	function C() {
-		return /* @__PURE__ */ n(e, {
+		return /* @__PURE__ */ t(r, {
 			handleChange: y,
 			onTypeError: b,
 			name: "file",
@@ -78,7 +78,7 @@ var l = (i) => {
 			children: S()
 		});
 	}
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ t("div", {
 		className: v("root", _),
 		"data-pihanga": g,
 		children: u ? x() : C()

package/cards/flexGrid/flexGrid.component.js

@@ -1,5 +1,5 @@
-import { Card as e } from "@pihanga2/core";
 import "react";
+import { Card as e } from "@pihanga2/core";
 import t from "clsx";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/cards/flexGrid/flexGrid.component.tsx

package/cards/form/form.component.js

@@ -1,11 +1,11 @@
 import { cn as e } from "../../lib/utils.js";
 import { FormContext as t } from "./form.context.js";
-import { Card as n } from "@pihanga2/core";
-import { useCallback as r, useState as i } from "react";
+import { useCallback as n, useState as r } from "react";
+import { Card as i } from "@pihanga2/core";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/cards/form/form.component.tsx
 var s = (s) => {
-	let { id: c, content: l = [], initialValues: u = {}, submitLabel: d = "Submit", className: f, cardName: p, onSubmitted: m } = s, [h, g] = i(() => ({ ...u })), [_, v] = i({}), y = r((e, t) => {
+	let { id: c, content: l = [], initialValues: u = {}, submitLabel: d = "Submit", className: f, cardName: p, onSubmitted: m } = s, [h, g] = r(() => ({ ...u })), [_, v] = r({}), y = n((e, t) => {
 		g((n) => ({
 			...n,
 			[e]: t
@@ -14,7 +14,7 @@ var s = (s) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, []), b = r((e, t) => {
+	}, []), b = n((e, t) => {
 		v((n) => {
 			if (t === null) {
 				let t = { ...n };
@@ -25,7 +25,7 @@ var s = (s) => {
 				[e]: t
 			};
 		});
-	}, []), x = r((e) => {
+	}, []), x = n((e) => {
 		e.preventDefault(), m({
 			id: c,
 			formData: h
@@ -47,7 +47,7 @@ var s = (s) => {
 			onSubmit: x,
 			className: e("flex flex-col gap-4", f),
 			"data-pihanga": p,
-			children: [l.map((e, t) => /* @__PURE__ */ a(n, {
+			children: [l.map((e, t) => /* @__PURE__ */ a(i, {
 				cardName: e,
 				parentCard: p
 			}, t)), /* @__PURE__ */ a("button", {

package/cards/framework/framework.component.js

@@ -1,15 +1,15 @@
 import { TooltipProvider as e } from "../../components/ui/tooltip.js";
 import { ThemeProvider as t } from "../../components/theme-provider/theme-provider.component.js";
-import { Card as n } from "@pihanga2/core";
-import { StrictMode as r } from "react";
+import { StrictMode as n } from "react";
+import { Card as r } from "@pihanga2/core";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/cards/framework/framework.component.tsx
 var a = (a) => {
 	let { page: o, theme: s = "dark", cardName: c } = a;
-	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(t, {
+	return /* @__PURE__ */ i(n, { children: /* @__PURE__ */ i(t, {
 		defaultTheme: s,
 		storageKey: "shadcn-ui-theme",
-		children: /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(n, {
+		children: /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(r, {
 			cardName: o,
 			parentCard: c
 		}) })

package/cards/input/input.component.js

@@ -1,8 +1,8 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { Label as t } from "../../components/ui/label.js";
 import { Input as n } from "../../components/ui/input.js";
-import "@pihanga2/core";
 import r from "react";
+import "@pihanga2/core";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/cards/input/input.component.tsx
 var o = (o) => {

package/cards/list/list.component.js

@@ -1,9 +1,9 @@
-import { Badge as e } from "../../components/ui/badge.js";
-import { cn as t } from "../../lib/utils.js";
-import { getIcon as n } from "../icons.js";
+import { getIcon as e } from "../icons.js";
+import { Badge as t } from "../../components/ui/badge.js";
+import { cn as n } from "../../lib/utils.js";
 import { Avatar as r, AvatarFallback as i, AvatarImage as a } from "../../components/ui/avatar.js";
-import { Card as o } from "@pihanga2/core";
-import * as s from "react";
+import * as o from "react";
+import { Card as s } from "@pihanga2/core";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ChevronDown as u } from "lucide-react";
 //#region src/cards/list/list.component.tsx
@@ -20,75 +20,75 @@ var d = {
 	md: "size-6",
 	lg: "size-7"
 };
-function m(s, u, d) {
-	if (!s) return null;
-	switch (s.type) {
+function m(o, u, d) {
+	if (!o) return null;
+	switch (o.type) {
 		case "icon": return /* @__PURE__ */ c("span", {
-			className: t("flex shrink-0 items-center [&>svg]:size-4", s.className),
-			children: n(s.name)
+			className: n("flex shrink-0 items-center [&>svg]:size-4", o.className),
+			children: e(o.name)
 		});
 		case "avatar": return /* @__PURE__ */ l(r, {
-			className: t(p[u], s.className),
-			children: [/* @__PURE__ */ c(a, { src: s.src }), /* @__PURE__ */ c(i, { children: s.fallback ?? "" })]
+			className: n(p[u], o.className),
+			children: [/* @__PURE__ */ c(a, { src: o.src }), /* @__PURE__ */ c(i, { children: o.fallback ?? "" })]
 		});
-		case "chip": return /* @__PURE__ */ c(e, {
+		case "chip": return /* @__PURE__ */ c(t, {
 			variant: "secondary",
-			className: s.className,
-			children: s.text
+			className: o.className,
+			children: o.text
 		});
-		case "card": return /* @__PURE__ */ c(o, {
-			cardName: s.cardName,
+		case "card": return /* @__PURE__ */ c(s, {
+			cardName: o.cardName,
 			parentCard: d
 		});
 		default: return null;
 	}
 }
-function h({ item: e, size: n, onItemClicked: r, cardName: i }) {
-	let [a, o] = s.useState(!1), p = !!e.nested?.length;
+function h({ item: e, size: t, onItemClicked: r, cardName: i }) {
+	let [a, s] = o.useState(!1), p = !!e.nested?.length;
 	function g() {
-		p ? o((e) => !e) : r({ itemID: e.id });
+		p ? s((e) => !e) : r({ itemID: e.id });
 	}
 	return /* @__PURE__ */ l("li", { children: [/* @__PURE__ */ l("button", {
 		type: "button",
-		className: t("flex w-full items-center rounded-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-1 focus-visible:ring-ring", e.isSelected && "bg-accent text-accent-foreground font-medium", d[n], e.className),
+		className: n("flex w-full items-center rounded-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-1 focus-visible:ring-ring", e.isSelected && "bg-accent text-accent-foreground font-medium", d[t], e.className),
 		onClick: g,
 		"aria-expanded": p ? a : void 0,
 		"data-selected": e.isSelected || void 0,
 		children: [
-			m(e.startDecorator, n, i),
+			m(e.startDecorator, t, i),
 			/* @__PURE__ */ l("span", {
 				className: "flex min-w-0 flex-1 flex-col items-start",
 				children: [/* @__PURE__ */ c("span", {
 					className: "truncate leading-none",
 					children: e.title
 				}), e.subTitle && /* @__PURE__ */ c("span", {
-					className: t("mt-0.5 truncate text-muted-foreground", f[n]),
+					className: n("mt-0.5 truncate text-muted-foreground", f[t]),
 					children: e.subTitle
 				})]
 			}),
-			!p && m(e.endDecorator, n, i),
-			p && /* @__PURE__ */ c(u, { className: t("ml-auto size-4 shrink-0 text-muted-foreground transition-transform duration-200", a && "rotate-180") })
+			!p && m(e.endDecorator, t, i),
+			p && /* @__PURE__ */ c(u, { className: n("ml-auto size-4 shrink-0 text-muted-foreground transition-transform duration-200", a && "rotate-180") })
 		]
 	}), p && a && /* @__PURE__ */ c("ul", {
-		className: t("ml-3 mt-0.5 flex flex-col gap-0.5 border-l border-border pl-2", "list-none p-0", n === "lg" ? "ml-4 pl-3" : "ml-3 pl-2"),
-		children: e.nested.map((e, t) => /* @__PURE__ */ c(h, {
+		className: n("ml-3 mt-0.5 flex flex-col gap-0.5 border-l border-border pl-2", "list-none p-0", t === "lg" ? "ml-4 pl-3" : "ml-3 pl-2"),
+		children: e.nested.map((e, n) => /* @__PURE__ */ c(h, {
 			item: e,
-			size: n,
+			size: t,
 			onItemClicked: r,
 			cardName: i
-		}, e.id ?? t))
+		}, e.id ?? n))
 	})] });
 }
 var g = (e) => {
-	let { items: n, size: r = "md", marker: i, className: a, style: o, onItemClicked: s, cardName: l } = e, u = {
+	let { items: t, size: r = "md", marker: i, className: a, style: o, onItemClicked: s, cardName: l } = e, u = {
 		...o,
 		...i && i !== "none" ? { listStyleType: i } : void 0
 	};
 	return /* @__PURE__ */ c("ul", {
-		className: t("flex flex-col gap-0.5 p-0", i && i !== "none" ? "list-inside" : "list-none", a),
+		className: n("flex flex-col gap-0.5 p-0", i && i !== "none" ? "list-inside" : "list-none", a),
 		style: u,
 		"data-pihanga": l,
-		children: n.map((e, t) => /* @__PURE__ */ c(h, {
+		children: t.map((e, t) => /* @__PURE__ */ c(h, {
 			item: e,
 			size: r,
 			onItemClicked: s,

package/cards/list/list.types.js

@@ -1,5 +1,5 @@
-import { createCardDeclaration as e, createOnAction as t, registerActions as n } from "@pihanga2/core";
 import "react";
+import { createCardDeclaration as e, createOnAction as t, registerActions as n } from "@pihanga2/core";
 //#region src/cards/list/list.types.ts
 var r = "shad/list", i = e(r), a = n(r, ["item_clicked"]), o = t(a.ITEM_CLICKED);
 //#endregion

package/cards/loadingOverlay/loadingOverlay.component.js

@@ -1,7 +1,7 @@
 import { Spinner as e } from "../../components/ui/spinner.js";
 /* empty css               */
-import { Card as t } from "@pihanga2/core";
 import "react";
+import { Card as t } from "@pihanga2/core";
 import n from "clsx";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/cards/loadingOverlay/loadingOverlay.component.tsx

package/cards/loadingSkeleton/loading-skeleton.component.js

@@ -1,5 +1,5 @@
-import { Card as e } from "@pihanga2/core";
 import "react";
+import { Card as e } from "@pihanga2/core";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/cards/loadingSkeleton/loading-skeleton.component.tsx
 var n = {

package/cards/pageWithNavbar/pageWithNavbar.component.js

@@ -1,25 +1,25 @@
-import { Button as e } from "../../components/ui/button.js";
-import { getIconElement as t } from "../icons.js";
-import { Sheet as n, SheetContent as r, SheetTrigger as i } from "../../components/ui/sheet.js";
-import { SCREEN_SIZE_ORDER as a, SCREEN_SIZE_WIDTHS as o, ScreenSize as s } from "../types.js";
+import { SCREEN_SIZE_ORDER as e, SCREEN_SIZE_WIDTHS as t, ScreenSize as n } from "../types.js";
+import { getIconElement as r } from "../icons.js";
+import { Button as i } from "../../components/ui/button.js";
+import { Sheet as a, SheetContent as o, SheetTrigger as s } from "../../components/ui/sheet.js";
 /* empty css               */
-import { Card as c } from "@pihanga2/core";
-import { useEffect as l, useRef as u, useState as d } from "react";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { Card as d } from "@pihanga2/core";
 import f from "clsx";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Menu as h } from "lucide-react";
 //#region src/cards/pageWithNavbar/pageWithNavbar.component.tsx
 function g() {
-	let e = typeof window < "u" ? window.innerWidth : 0;
-	for (let t = a.length - 1; t >= 0; t--) {
-		let n = a[t];
-		if (e >= o[n]) return n;
+	let r = typeof window < "u" ? window.innerWidth : 0;
+	for (let n = e.length - 1; n >= 0; n--) {
+		let i = e[n];
+		if (r >= t[i]) return i;
 	}
-	return s.XS;
+	return n.XS;
 }
 function _() {
-	let [e, t] = d(g);
-	return l(() => {
+	let [e, t] = u(g);
+	return c(() => {
 		let e = () => t(g());
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []), e;
@@ -27,19 +27,19 @@ function _() {
 function v(e) {
 	return typeof e == "object" && !!e;
 }
-function y(e, t) {
-	if (!e) return;
-	if (!v(e)) return e;
-	let n = a.indexOf(t);
-	for (let t = n; t >= 0; t--) {
-		let n = a[t];
-		if (Object.prototype.hasOwnProperty.call(e, n)) return e[n] ?? void 0;
+function y(t, n) {
+	if (!t) return;
+	if (!v(t)) return t;
+	let r = e.indexOf(n);
+	for (let n = r; n >= 0; n--) {
+		let r = e[n];
+		if (Object.prototype.hasOwnProperty.call(t, r)) return t[r] ?? void 0;
 	}
-	return e.default ?? void 0;
+	return t.default ?? void 0;
 }
-var b = (a) => {
-	let { title: o, iconName: s, main: d, footer: g, navLinks: v = [], scrollResetKey: b, headerLeftCard: S, headerRightCard: C, style: w, onNavigateTo: T, cardName: E } = a, D = _(), O = w ?? {}, k = u(null);
-	l(() => {
+var b = (e) => {
+	let { title: t, iconName: n, main: u, footer: g, navLinks: v = [], scrollResetKey: b, headerLeftCard: S, headerRightCard: C, style: w, onNavigateTo: T, cardName: E } = e, D = _(), O = w ?? {}, k = l(null);
+	c(() => {
 		k.current?.scrollTo({
 			top: 0,
 			behavior: "auto"
@@ -47,15 +47,15 @@ var b = (a) => {
 	}, [b]);
 	let A = y(S, D), j = y(C, D), M = v.length > 0;
 	function N({ className: e }) {
-		let n = s ? t(s) : void 0;
+		let i = n ? r(n) : void 0;
 		return /* @__PURE__ */ m("div", {
 			className: f("title-section", e),
-			children: [n && /* @__PURE__ */ p(n, {
+			children: [i && /* @__PURE__ */ p(i, {
 				className: "title-icon",
 				"aria-hidden": !0
 			}), /* @__PURE__ */ p("span", {
 				className: "title-text",
-				children: o
+				children: t
 			})]
 		});
 	}
@@ -63,18 +63,18 @@ var b = (a) => {
 		return /* @__PURE__ */ m("nav", {
 			className: "nav-md",
 			"aria-label": "Main navigation",
-			children: [/* @__PURE__ */ p(N, {}), v.map((t) => /* @__PURE__ */ p(e, {
-				onClick: () => T({ id: t.id }),
+			children: [/* @__PURE__ */ p(N, {}), v.map((e) => /* @__PURE__ */ p(i, {
+				onClick: () => T({ id: e.id }),
 				variant: "link",
 				className: "nav-link",
-				children: t.title ?? x(t.id)
-			}, t.id))]
+				children: e.title ?? x(e.id)
+			}, e.id))]
 		});
 	}
 	function F() {
-		return /* @__PURE__ */ m(n, { children: [/* @__PURE__ */ p(i, {
+		return /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(s, {
 			asChild: !0,
-			children: /* @__PURE__ */ p(e, {
+			children: /* @__PURE__ */ p(i, {
 				variant: "outline",
 				size: "icon",
 				className: "shrink-0 md:hidden",
@@ -84,17 +84,17 @@ var b = (a) => {
 					"aria-hidden": !0
 				})
 			})
-		}), /* @__PURE__ */ p(r, {
+		}), /* @__PURE__ */ p(o, {
 			side: "left",
 			children: /* @__PURE__ */ m("nav", {
 				className: "nav-sm",
 				"aria-label": "Mobile navigation",
-				children: [/* @__PURE__ */ p(N, {}), v.map((t) => /* @__PURE__ */ p(e, {
-					onClick: () => T({ id: t.id }),
+				children: [/* @__PURE__ */ p(N, {}), v.map((e) => /* @__PURE__ */ p(i, {
+					onClick: () => T({ id: e.id }),
 					variant: "link",
 					className: "nav-link",
-					children: t.title ?? x(t.id)
-				}, t.id))]
+					children: e.title ?? x(e.id)
+				}, e.id))]
 			})
 		})] });
 	}
@@ -115,10 +115,10 @@ var b = (a) => {
 						}),
 						/* @__PURE__ */ m("div", {
 							className: "header-actions",
-							children: [A && /* @__PURE__ */ p(c, {
+							children: [A && /* @__PURE__ */ p(d, {
 								cardName: A,
 								parentCard: E
-							}), j && /* @__PURE__ */ p(c, {
+							}), j && /* @__PURE__ */ p(d, {
 								cardName: j,
 								parentCard: E
 							})]
@@ -128,14 +128,14 @@ var b = (a) => {
 				/* @__PURE__ */ p("main", {
 					className: f("main", O.main),
 					ref: k,
-					children: /* @__PURE__ */ p(c, {
-						cardName: d,
+					children: /* @__PURE__ */ p(d, {
+						cardName: u,
 						parentCard: E
 					})
 				}),
 				g && /* @__PURE__ */ p("footer", {
 					className: f("footer", O.footer),
-					children: /* @__PURE__ */ p(c, {
+					children: /* @__PURE__ */ p(d, {
 						cardName: g,
 						parentCard: E
 					})

package/cards/select/select.component.js

@@ -1,7 +1,7 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { Select as t, SelectContent as n, SelectGroup as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../components/ui/select.js";
-import "@pihanga2/core";
 import { useState as s } from "react";
+import "@pihanga2/core";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/cards/select/select.component.tsx
 var u = (u) => {

package/cards/slider/slider.component.js

@@ -1,7 +1,7 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { Slider as t } from "../../components/ui/slider.js";
-import "@pihanga2/core";
 import { useEffect as n, useRef as r, useState as i } from "react";
+import "@pihanga2/core";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/cards/slider/slider.component.tsx
 var s = (s) => {

package/cards/sliderValue/sliderValue.component.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../components/lib/utils.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/cards/sliderValue/sliderValue.component.tsx
 var r = (r) => {

package/cards/stack/stack.component.js

@@ -1,5 +1,5 @@
-import { Card as e } from "@pihanga2/core";
-import { Fragment as t } from "react";
+import { Fragment as e } from "react";
+import { Card as t } from "@pihanga2/core";
 import n from "clsx";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/cards/stack/stack.component.tsx
@@ -63,10 +63,10 @@ var a = (a) => {
 	}
 	l && l > 0 && h.push(`gap-${l}`);
 	function g() {
-		return o ? o.map((n, a) => /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ r(e, {
+		return o ? o.map((n, a) => /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ r(t, {
 			cardName: n,
 			parentCard: m
-		}, `item-${a}`), c && a < o.length - 1 && /* @__PURE__ */ r(e, {
+		}, `item-${a}`), c && a < o.length - 1 && /* @__PURE__ */ r(t, {
 			cardName: c,
 			parentCard: m
 		}, `divider-${a}`)] }, a)) : null;

package/cards/stepper/stepper.component.js

@@ -1,16 +1,16 @@
 import { StepperUI as e } from "../../components/ui/stepper.js";
 /* empty css        */
-import { Card as t } from "@pihanga2/core";
-import { useState as n } from "react";
+import { useState as t } from "react";
+import { Card as n } from "@pihanga2/core";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/cards/stepper/stepper.component.tsx
 var i = (i) => {
-	let { steps: a, activeStep: o, defaultActiveStep: s = 0, selfManaged: c = !1, orientation: l = "horizontal", size: u = "md", showContent: d = !1, className: f, cardName: p, onStepClicked: m } = i, [h, g] = n(o ?? s), _ = c ? h : o ?? 0, v = a.map((e) => ({
+	let { steps: a, activeStep: o, defaultActiveStep: s = 0, selfManaged: c = !1, orientation: l = "horizontal", size: u = "md", showContent: d = !1, className: f, cardName: p, onStepClicked: m } = i, [h, g] = t(o ?? s), _ = c ? h : o ?? 0, v = a.map((e) => ({
 		id: e.id,
 		title: e.title,
 		description: e.description,
 		optional: e.optional,
-		labelNode: e.labelCard ? /* @__PURE__ */ r(t, {
+		labelNode: e.labelCard ? /* @__PURE__ */ r(n, {
 			cardName: e.labelCard,
 			parentCard: p
 		}) : void 0
@@ -23,9 +23,9 @@ var i = (i) => {
 	}
 	function b(e) {
 		if (!d || l !== "vertical") return null;
-		let n = a[e];
-		return n?.contentCard ? /* @__PURE__ */ r(t, {
-			cardName: n.contentCard,
+		let t = a[e];
+		return t?.contentCard ? /* @__PURE__ */ r(n, {
+			cardName: t.contentCard,
 			parentCard: p
 		}) : null;
 	}

package/cards/switch/switch.component.js

@@ -1,8 +1,8 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { Label as t } from "../../components/ui/label.js";
 import { Switch as n } from "../../components/ui/switch.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/cards/switch/switch.component.tsx
 var a = (a) => {

package/cards/tabs/tabs.component.js

@@ -1,11 +1,11 @@
 import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "../../components/ui/select.js";
 import { Tabs as a, TabsContent as o, TabsList as s, TabsTrigger as c } from "../../components/ui/tabs.js";
-import { Card as l } from "@pihanga2/core";
-import { useState as u } from "react";
+import { useState as l } from "react";
+import { Card as u } from "@pihanga2/core";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/cards/tabs/tabs.component.tsx
 var p = (p) => {
-	let { tabs: m, value: h, defaultValue: g, selfManaged: _ = !1, orientation: v = "horizontal", className: y, listClassName: b, contentClassName: x, maxTabs: S, cardName: C, onTabChanged: w } = p, [T, E] = u(h ?? g ?? m[0]?.id ?? ""), D = _ ? T : h ?? g ?? m[0]?.id ?? "";
+	let { tabs: m, value: h, defaultValue: g, selfManaged: _ = !1, orientation: v = "horizontal", className: y, listClassName: b, contentClassName: x, maxTabs: S, cardName: C, onTabChanged: w } = p, [T, E] = l(h ?? g ?? m[0]?.id ?? ""), D = _ ? T : h ?? g ?? m[0]?.id ?? "";
 	function O(e) {
 		_ && E(e), typeof w == "function" && w({ tabId: e });
 	}
@@ -27,7 +27,7 @@ var p = (p) => {
 				}, e.id)) })]
 			}), a && /* @__PURE__ */ d("div", {
 				className: x,
-				children: /* @__PURE__ */ d(l, {
+				children: /* @__PURE__ */ d(u, {
 					cardName: a.contentCard,
 					parentCard: C
 				})
@@ -46,7 +46,7 @@ var p = (p) => {
 				children: m.map((e) => /* @__PURE__ */ d(c, {
 					value: e.id,
 					disabled: e.disabled,
-					children: typeof e.title == "string" ? e.title : /* @__PURE__ */ d(l, {
+					children: typeof e.title == "string" ? e.title : /* @__PURE__ */ d(u, {
 						cardName: e.title,
 						parentCard: C
 					})
@@ -54,7 +54,7 @@ var p = (p) => {
 			}), m.map((e) => /* @__PURE__ */ d(o, {
 				value: e.id,
 				className: x,
-				children: /* @__PURE__ */ d(l, {
+				children: /* @__PURE__ */ d(u, {
 					cardName: e.contentCard,
 					parentCard: C
 				})

package/cards/textField/textField.component.js

@@ -1,7 +1,7 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { Input as t } from "../../components/ui/input.js";
-import "@pihanga2/core";
 import "react";
+import "@pihanga2/core";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/cards/textField/textField.component.tsx
 var r = (r) => {

package/cards/toast/toast.component.js

@@ -1,12 +1,12 @@
 import { TOAST_OP_ACTION as e } from "./toast.types.js";
-import { Card as t, usePiReducer as n } from "@pihanga2/core";
-import { useEffect as r, useRef as i, useState as a } from "react";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { Card as i, usePiReducer as a } from "@pihanga2/core";
 import { jsx as o } from "react/jsx-runtime";
 import { toast as s } from "sonner";
 //#region src/cards/toast/toast.component.tsx
 var c = (c) => {
-	let { variant: l = "default", duration: u = 4e3, dismissible: d = !0, className: f, onClosed: p, cardName: m } = c, [h, g] = a(null);
-	n(e.SHOW, (e, t) => {
+	let { variant: l = "default", duration: u = 4e3, dismissible: d = !0, className: f, onClosed: p, cardName: m } = c, [h, g] = r(null);
+	a(e.SHOW, (e, t) => {
 		t.cardName && t.cardName !== m || g({
 			message: t.message,
 			description: t.description,
@@ -16,8 +16,8 @@ var c = (c) => {
 			duration: t.duration ?? u
 		});
 	}, m);
-	let _ = i(void 0);
-	return r(() => {
+	let _ = n(void 0);
+	return t(() => {
 		if (!h) return;
 		let e = {
 			success: s.success,
@@ -25,17 +25,17 @@ var c = (c) => {
 			info: s.info,
 			warning: s.warning,
 			default: s
-		}[h.variant] || s, n = [f, `toast-${h.variant}`].filter(Boolean).join(" ");
+		}[h.variant] || s, t = [f, `toast-${h.variant}`].filter(Boolean).join(" ");
 		if (h.contentCard) {
-			let r = h.contentCard;
-			_.current = e(() => /* @__PURE__ */ o(t, {
-				cardName: r,
+			let n = h.contentCard;
+			_.current = e(() => /* @__PURE__ */ o(i, {
+				cardName: n,
 				parentCard: m
 			}), {
 				duration: h.duration,
 				position: h.position || "bottom-right",
 				dismissible: d,
-				className: n,
+				className: t,
 				onDismiss: () => {
 					g(null), p({});
 				},
@@ -48,7 +48,7 @@ var c = (c) => {
 			duration: h.duration,
 			position: h.position || "bottom-right",
 			dismissible: d,
-			className: n,
+			className: t,
 			onDismiss: () => {
 				g(null), p({});
 			},

package/cards/toggleGroup/toggleGroup.component.js

@@ -1,7 +1,7 @@
 import { useFormContext as e } from "../form/form.context.js";
 import { ToggleGroup as t, ToggleGroupItem as n } from "../../components/ui/toggle-group.js";
-import "@pihanga2/core";
 import r from "react";
+import "@pihanga2/core";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/cards/toggleGroup/toggleGroup.component.tsx
 var a = (a) => {

package/cards/typography/typography.component.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../lib/utils.js";
-import { Card as t } from "@pihanga2/core";
-import * as n from "react";
+import * as t from "react";
+import { Card as n } from "@pihanga2/core";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 //#region src/cards/typography/typography.component.tsx
 var a = {
@@ -18,7 +18,7 @@ var a = {
 }, o = (s) => {
 	let { text: c, childCard: l, paragraph: u, level: d, className: f, style: p, cardName: m, _dispatch: h, _cls: g } = s, [_, v] = d ? a[d] : ["div", ""];
 	function y() {
-		return l ? /* @__PURE__ */ i(t, {
+		return l ? /* @__PURE__ */ i(n, {
 			cardName: l,
 			parentCard: m
 		}) : u ? /* @__PURE__ */ i(r, { children: u.map((e, t) => b(e, t)) }) : c;
@@ -32,7 +32,7 @@ var a = {
 			key: t
 		}) : null;
 	}
-	return n.createElement(_, {
+	return t.createElement(_, {
 		className: e(v, f),
 		style: p,
 		"data-pihanga": m

package/cards/typography/typography.types.js

@@ -1,5 +1,5 @@
-import { createCardDeclaration as e } from "@pihanga2/core";
 import "react";
+import { createCardDeclaration as e } from "@pihanga2/core";
 //#region src/cards/typography/typography.types.ts
 var t = "shad/typography", n = e(t);
 //#endregion

package/package.json

@@ -1,13 +1,9 @@
 {
   "name": "@pihanga2/shadcn",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Pihanga core card components built on shadcn/ui and Radix UI — the npm distribution of pihanga-shadcn.",
   "type": "module",
   "exports": {
-    ".": {
-      "import": "./cards/core-index.js",
-      "types": "./cards/core-index.d.ts"
-    },
     "./cards/badge": {
       "import": "./cards/badge/index.js",
       "types": "./cards/badge/index.d.ts"
@@ -149,8 +145,6 @@
       "types": "./cards/icons.d.ts"
     }
   },
-  "main": "./cards/core-index.js",
-  "types": "./cards/core-index.d.ts",
   "sideEffects": [
     "./cards/badge/index.js",
     "./cards/box/index.js",

package/cards/core-index.js

@@ -1,68 +0,0 @@
-import { BADGE_CARD as e, ShadBadge as t } from "./badge/badge.types.js";
-import "./badge/index.js";
-import { BOX_CARD as n, Box as r } from "./box/box.types.js";
-import "./box/index.js";
-import { Button as i, PI_BUTTON_ACTION as a, PI_BUTTON_CARD as o, onButtonClicked as s, onPiButtonClicked as c } from "./button/button.types.js";
-import "./button/index.js";
-import { FormContext as l, useFormContext as u } from "./form/form.context.js";
-import { Checkbox as d, PI_CHECKBOX_ACTION as f, PI_CHECKBOX_CARD as p, onCheckboxChanged as m, onPiCheckboxChanged as h } from "./checkbox/checkbox.types.js";
-import "./checkbox/index.js";
-import { CONDITIONAL_CARD as g, Conditional as _ } from "./conditional/conditional.types.js";
-import "./conditional/index.js";
-import { DATA_TABLE_ACTION as v, DATA_TABLE_CARD as y, DATA_TABLE_ROW_DETAIL_CARD as b, DataTable as x, DataTableRowDetail as S, onDataTableHideDetail as C, onDataTablePageChanged as w, onDataTableRowClicked as T, onDataTableShowDetail as E, onDataTableSortChanged as D } from "./dataTable/dataTable.types.js";
-import "./dataTable/index.js";
-import { Dialog as O, PI_DIALOG_ACTION as k, PI_DIALOG_CARD as A, onDialogClosed as j, onDialogOpenChanged as M, onDialogOpened as N } from "./dialog/dialog.types.js";
-import "./dialog/index.js";
-import { DROP_DOWN_MENU_ACTION as P, DROP_DOWN_MENU_CARD as F, DropDownMenu as I, onDropDownMenuClicked as L } from "./dropDownMenu/drop-down.types.js";
-import "./dropDownMenu/index.js";
-import { Field as R, PI_FIELD_CARD as z } from "./field/field.types.js";
-import "./field/index.js";
-import { DEF_FILE_DROP_FILE_TYPES as B, FILE_DROP_ACTION as V, FILE_DROP_CARD as H, FileDrop as U, onFileDropError as W, onFileDropped as G } from "./fileDrop/fileDrop.types.js";
-import { get_last_dropped as K } from "./fileDrop/fileDrop.component.js";
-import "./fileDrop/index.js";
-import { FLEX_GRID_CARD as q, FlexGrid as J } from "./flexGrid/flexGrid.types.js";
-import "./flexGrid/index.js";
-import { Form as Y, PI_FORM_ACTION as X, PI_FORM_CARD as Z, onFormSubmitted as Q, onPiFormSubmitted as $ } from "./form/form.types.js";
-import "./form/index.js";
-import { SdFramework as ee } from "./framework/index.js";
-import { PI_INPUT_ACTION as te, PI_INPUT_CARD as ne, PiInput as re, onInputChanged as ie, onInputCommitted as ae, onPiInputChanged as oe, onPiInputCommitted as se } from "./input/input.types.js";
-import "./input/index.js";
-import { LIST_ACTION as ce, LIST_CARD as le, List as ue, onListItemClicked as de } from "./list/list.types.js";
-import "./list/index.js";
-import { LOADING_OVERLAY_CARD as fe, LoadingOverlay as pe } from "./loadingOverlay/loadingOverlay.types.js";
-import "./loadingOverlay/index.js";
-import { LOADING_SKELETON_CARD as me, LoadingSkeleton as he } from "./loadingSkeleton/loading-skeleton.types.js";
-import "./loadingSkeleton/index.js";
-import { MENU_ACTION as ge, MENU_CARD as _e, Menu as ve, onMenuClicked as ye } from "./menu/menu.types.js";
-import "./menu/index.js";
-import { MODE_TOGGLE_ACTION as be, MODE_TOGGLE_CARD as xe, ModeToggle as Se, onModeToggleChanged as Ce } from "./modeToggle/mode-toggle.types.js";
-import "./modeToggle/index.js";
-import { NAVBAR_SEARCH_ACTION as we, NAVBAR_SEARCH_CARD as Te, NavbarSearch as Ee, onNavbarSearchFocus as De, onNavbarSearchItems as Oe, onNavbarSearchSubmit as ke } from "./navbarSearch/navbarSearch.type.js";
-import "./navbarSearch/index.js";
-import { PAGE_WITH_NAVBAR_ACTION as Ae, PAGE_WITH_NAVBAR_CARD as je, PageWithNavbar as Me, onPageWithNavbarNavigateTo as Ne } from "./pageWithNavbar/pageWithNavbar.type.js";
-import { SdPageWithNavbar as Pe } from "./pageWithNavbar/index.js";
-import { DEF_ERROR_COLOR as Fe, DEF_EVENT_DURATION_SECONDS as Ie, DEF_HEIGHT as Le, DEF_OVERLAY_OPACITY as Re, DEF_PASTE_FIRST_REMINDER as ze, DEF_PASTE_TARGET_FILE_TYPES as Be, DEF_SUCCESS_COLOR as Ve, PASTE_TARGET_ACTION as He, PASTE_TARGET_CARD as Ue, PasteTarget as We, onContentPasted as Ge, onPasteError as Ke } from "./pasteTarget/pasteTarget.types.js";
-import "./pasteTarget/index.js";
-import { PI_SELECT_ACTION as qe, PI_SELECT_CARD as Je, Select as Ye, onPiSelectChanged as Xe, onPiSelectClosed as Ze, onPiSelectOpened as Qe, onSelectChanged as $e, onSelectClosed as et, onSelectOpened as tt } from "./select/select.types.js";
-import "./select/index.js";
-import { PI_SLIDER_ACTION as nt, PI_SLIDER_CARD as rt, Slider as it, onPiSliderChanged as at, onPiSliderCommitted as ot, onSliderChanged as st, onSliderCommitted as ct } from "./slider/slider.types.js";
-import "./slider/index.js";
-import { PI_SLIDER_VALUE_CARD as lt, SliderValue as ut } from "./sliderValue/sliderValue.types.js";
-import "./sliderValue/index.js";
-import { STACK_CARD as dt, Stack as ft } from "./stack/stack.types.js";
-import "./stack/index.js";
-import { STEPPER_ACTION as pt, STEPPER_CARD as mt, Stepper as ht, onStepperStepClicked as gt } from "./stepper/stepper.types.js";
-import "./stepper/index.js";
-import { PI_SWITCH_ACTION as _t, PI_SWITCH_CARD as vt, Switch as yt, onPiSwitchChanged as bt, onSwitchChanged as xt } from "./switch/switch.types.js";
-import "./switch/index.js";
-import { SdTabs as St, TABS_ACTION as Ct, TABS_CARD as wt, Tabs as Tt, onTabsTabChanged as Et } from "./tabs/tabs.types.js";
-import "./tabs/index.js";
-import { PI_TEXT_FIELD_ACTION as Dt, PI_TEXT_FIELD_CARD as Ot, TextField as kt, onPiTextFieldChanged as At, onTextFieldChanged as jt } from "./textField/textField.types.js";
-import "./textField/index.js";
-import { PI_TOAST_ACTION as Mt, PI_TOAST_CARD as Nt, TOAST_OP_ACTION as Pt, Toast as Ft, dispatchShowToast as It, onPiToastClosed as Lt, onShowToast as Rt, onToastClosed as zt } from "./toast/toast.types.js";
-import "./toast/index.js";
-import { PI_TOGGLE_GROUP_ACTION as Bt, PI_TOGGLE_GROUP_CARD as Vt, ToggleGroup as Ht, onPiToggleGroupChanged as Ut, onToggleGroupChanged as Wt } from "./toggleGroup/toggleGroup.types.js";
-import "./toggleGroup/index.js";
-import { TYPOGRAPHY_CARD as Gt, Typography as Kt } from "./typography/typography.types.js";
-import "./typography/index.js";
-export { e as BADGE_CARD, n as BOX_CARD, r as Box, i as Button, g as CONDITIONAL_CARD, d as Checkbox, _ as Conditional, v as DATA_TABLE_ACTION, y as DATA_TABLE_CARD, b as DATA_TABLE_ROW_DETAIL_CARD, Fe as DEF_ERROR_COLOR, Ie as DEF_EVENT_DURATION_SECONDS, B as DEF_FILE_DROP_FILE_TYPES, Le as DEF_HEIGHT, Re as DEF_OVERLAY_OPACITY, ze as DEF_PASTE_FIRST_REMINDER, Be as DEF_PASTE_TARGET_FILE_TYPES, Ve as DEF_SUCCESS_COLOR, P as DROP_DOWN_MENU_ACTION, F as DROP_DOWN_MENU_CARD, x as DataTable, S as DataTableRowDetail, O as Dialog, I as DropDownMenu, V as FILE_DROP_ACTION, H as FILE_DROP_CARD, q as FLEX_GRID_CARD, R as Field, U as FileDrop, J as FlexGrid, Y as Form, l as FormContext, ce as LIST_ACTION, le as LIST_CARD, fe as LOADING_OVERLAY_CARD, me as LOADING_SKELETON_CARD, ue as List, pe as LoadingOverlay, he as LoadingSkeleton, ge as MENU_ACTION, _e as MENU_CARD, be as MODE_TOGGLE_ACTION, xe as MODE_TOGGLE_CARD, ve as Menu, Se as ModeToggle, we as NAVBAR_SEARCH_ACTION, Te as NAVBAR_SEARCH_CARD, Ee as NavbarSearch, Ae as PAGE_WITH_NAVBAR_ACTION, je as PAGE_WITH_NAVBAR_CARD, He as PASTE_TARGET_ACTION, Ue as PASTE_TARGET_CARD, a as PI_BUTTON_ACTION, o as PI_BUTTON_CARD, f as PI_CHECKBOX_ACTION, p as PI_CHECKBOX_CARD, k as PI_DIALOG_ACTION, A as PI_DIALOG_CARD, z as PI_FIELD_CARD, X as PI_FORM_ACTION, Z as PI_FORM_CARD, te as PI_INPUT_ACTION, ne as PI_INPUT_CARD, qe as PI_SELECT_ACTION, Je as PI_SELECT_CARD, nt as PI_SLIDER_ACTION, rt as PI_SLIDER_CARD, lt as PI_SLIDER_VALUE_CARD, _t as PI_SWITCH_ACTION, vt as PI_SWITCH_CARD, Dt as PI_TEXT_FIELD_ACTION, Ot as PI_TEXT_FIELD_CARD, Mt as PI_TOAST_ACTION, Nt as PI_TOAST_CARD, Bt as PI_TOGGLE_GROUP_ACTION, Vt as PI_TOGGLE_GROUP_CARD, Me as PageWithNavbar, We as PasteTarget, re as PiInput, dt as STACK_CARD, pt as STEPPER_ACTION, mt as STEPPER_CARD, ee as SdFramework, Pe as SdPageWithNavbar, St as SdTabs, Ye as Select, t as ShadBadge, it as Slider, ut as SliderValue, ft as Stack, ht as Stepper, yt as Switch, Ct as TABS_ACTION, wt as TABS_CARD, Pt as TOAST_OP_ACTION, Gt as TYPOGRAPHY_CARD, Tt as Tabs, kt as TextField, Ft as Toast, Ht as ToggleGroup, Kt as Typography, It as dispatchShowToast, K as get_last_dropped, s as onButtonClicked, m as onCheckboxChanged, Ge as onContentPasted, C as onDataTableHideDetail, w as onDataTablePageChanged, T as onDataTableRowClicked, E as onDataTableShowDetail, D as onDataTableSortChanged, j as onDialogClosed, M as onDialogOpenChanged, N as onDialogOpened, L as onDropDownMenuClicked, W as onFileDropError, G as onFileDropped, Q as onFormSubmitted, ie as onInputChanged, ae as onInputCommitted, de as onListItemClicked, ye as onMenuClicked, Ce as onModeToggleChanged, De as onNavbarSearchFocus, Oe as onNavbarSearchItems, ke as onNavbarSearchSubmit, Ne as onPageWithNavbarNavigateTo, Ke as onPasteError, c as onPiButtonClicked, h as onPiCheckboxChanged, $ as onPiFormSubmitted, oe as onPiInputChanged, se as onPiInputCommitted, Xe as onPiSelectChanged, Ze as onPiSelectClosed, Qe as onPiSelectOpened, at as onPiSliderChanged, ot as onPiSliderCommitted, bt as onPiSwitchChanged, At as onPiTextFieldChanged, Lt as onPiToastClosed, Ut as onPiToggleGroupChanged, $e as onSelectChanged, et as onSelectClosed, tt as onSelectOpened, Rt as onShowToast, st as onSliderChanged, ct as onSliderCommitted, gt as onStepperStepClicked, xt as onSwitchChanged, Et as onTabsTabChanged, jt as onTextFieldChanged, zt as onToastClosed, Wt as onToggleGroupChanged, u as useFormContext };