@krosoft/react 0.0.391 → 0.0.393

package/dist/components/core/table/TableHeader.js

@@ -1,26 +1,26 @@
-import { ACTIONS_COLUMN_KEY as e, SELECTION_COLUMN_KEY as t, getAlignmentClass as n, getColumnAlignment as r, getFixedCellProps as i } from "../../../helpers/table.helper.js";
-import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
-import { Checkbox as o } from "../../ui/checkbox.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Checkbox as t } from "../../ui/checkbox.js";
+import { ACTIONS_COLUMN_KEY as n, SELECTION_COLUMN_KEY as r, getAlignmentClass as i, getColumnAlignment as a, getFixedCellProps as o } from "../../../helpers/table.helper.js";
 import "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ArrowDownIcon as l, ArrowUpDownIcon as u, ArrowUpIcon as d, GripVerticalIcon as f } from "lucide-react";
-//#region src/components/core/table/TableHeader.tsx
+// src/components/core/table/TableHeader.tsx
 var p = {
 	left: "justify-start",
 	center: "justify-center",
 	right: "justify-end"
 };
 function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll: _, visibleColumnsArray: v, draggableColumns: y, resizableColumns: b, columnWidths: x, sortColumn: S, sortDirection: C, handleSort: w, handleDragStart: T, handleDragOver: E, handleDrop: D, handleMouseDown: O, hasActions: k, settingsNode: A, bordered: j = !1, dense: M = !1, fixedColumns: N = {}, fixedSelection: P = !1, fixedActions: F = !1 }) {
-	let { t: I } = a(), L = !1;
+	let { t: I } = e(), L = !1;
 	h ? L = !0 : g && (L = "indeterminate");
-	let R = (e) => e.sortable === !0 ? S === e.key ? s(C === "asc" ? d : l, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ s(u, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, z = (e, t, a) => {
-		let o = a !== !1 && e.fixed === void 0, l = e.sortable === !0, u = i(N[e.key], "header"), d = r(e), h = R(e), g = t === 0 && !m, _ = t === v.length - 1 && !(k || A !== void 0), y = `${g ? "pl-4" : "pl-2"} ${_ ? "pr-4" : "pr-2"}`;
+	let R = (e) => e.sortable === !0 ? S === e.key ? s(C === "asc" ? d : l, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ s(u, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, z = (e, t, n) => {
+		let r = n !== !1 && e.fixed === void 0, l = e.sortable === !0, u = o(N[e.key], "header"), d = a(e), h = R(e), g = t === 0 && !m, _ = t === v.length - 1 && !(k || A !== void 0), y = `${g ? "pl-4" : "pl-2"} ${_ ? "pr-4" : "pr-2"}`;
 		return /* @__PURE__ */ c("th", {
 			"data-column-key": e.key,
 			"data-fixed-side": e.fixed,
 			className: [
 				`${y} ${M ? "py-2" : "py-4"} text-sm font-medium text-foreground group`,
-				n(d),
+				i(d),
 				u.className,
 				j ? "border-r border-border" : "",
 				l ? "cursor-pointer select-none" : "",
@@ -30,12 +30,12 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 				...b ? { width: x[e.key] } : { minWidth: x[e.key] },
 				...u.style
 			},
-			draggable: o,
+			draggable: r,
 			onClick: () => {
 				w(e.key);
 			},
 			onDragStart: (t) => {
-				o ? T(t, e.key) : t.preventDefault();
+				r ? T(t, e.key) : t.preventDefault();
 			},
 			onDragOver: (t) => {
 				E(t, e.key);
@@ -46,7 +46,7 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 			children: [/* @__PURE__ */ c("div", {
 				className: `flex items-center gap-1 ${p[d]} ${b ? "pr-2" : ""}`,
 				children: [
-					o ? /* @__PURE__ */ s(f, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
+					r ? /* @__PURE__ */ s(f, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
 					/* @__PURE__ */ s("span", {
 						className: "truncate",
 						children: I(e.headerKey)
@@ -63,12 +63,12 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 				}
 			}) : null]
 		}, e.key);
-	}, B = i(N[t], "header"), V = i(N[e], "header");
+	}, B = o(N[r], "header"), V = o(N[n], "header");
 	return /* @__PURE__ */ s("thead", {
 		className: "bg-muted/50 border-b border-border",
 		children: /* @__PURE__ */ c("tr", { children: [
 			m ? /* @__PURE__ */ s("th", {
-				"data-column-key": t,
+				"data-column-key": r,
 				"data-fixed-side": P ? "left" : void 0,
 				className: `p-1 text-center align-middle ${B.className}`,
 				style: {
@@ -79,7 +79,7 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 				},
 				children: /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-center",
-					children: /* @__PURE__ */ s(o, {
+					children: /* @__PURE__ */ s(t, {
 						checked: L,
 						onCheckedChange: _
 					})
@@ -87,7 +87,7 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 			}) : null,
 			v.map((e, t) => z(e, t, y)),
 			k || A !== void 0 ? /* @__PURE__ */ s("th", {
-				"data-column-key": e,
+				"data-column-key": n,
 				"data-fixed-side": F ? "right" : void 0,
 				className: `py-1 pl-1 pr-4 text-right align-middle ${V.className}`,
 				style: {
@@ -99,5 +99,4 @@ function m({ hasBulkActions: m, allSelected: h, someSelected: g, toggleSelectAll
 		] })
 	});
 }
-//#endregion
 export { m as TableHeader };

package/dist/components/core/table/TablePagination.js

@@ -4,7 +4,7 @@ import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, S
 import "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ChevronLeftIcon as u, ChevronRightIcon as d } from "lucide-react";
-//#region src/components/core/table/TablePagination.tsx
+// src/components/core/table/TablePagination.tsx
 var f = "…";
 function p(e, t) {
 	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
@@ -98,5 +98,4 @@ function h({ totalItems: p, startIndex: h, endIndex: g, pageSize: _, setPageSize
 		]
 	});
 }
-//#endregion
 export { h as TablePagination };

package/dist/components/core/table/TableSettings.js

@@ -1,14 +1,14 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as n } from "../../ui/button.js";
-import { Checkbox as r } from "../../ui/checkbox.js";
-import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../../ui/popover.js";
+import { Button as e } from "../../ui/button.js";
+import { Checkbox as t } from "../../ui/checkbox.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../../ui/popover.js";
+import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
+import { cn as o } from "../../../helpers/tailwind.helper.js";
 import { useMemo as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { SearchIcon as d, SettingsIcon as f } from "lucide-react";
-//#region src/components/core/table/TableSettings.tsx
+// src/components/core/table/TableSettings.tsx
 function p({ columns: p, visibleColumns: m, toggleColumnVisibility: h, setColumnsVisibility: g }) {
-	let { t: _ } = t(), [v, y] = c(""), b = s(() => p.map((e, t) => ({
+	let { t: _ } = a(), [v, y] = c(""), b = s(() => p.map((e, t) => ({
 		key: e.key,
 		label: _(e.headerKey),
 		locked: t === 0
@@ -19,19 +19,19 @@ function p({ columns: p, visibleColumns: m, toggleColumnVisibility: h, setColumn
 		let t = x.filter((e) => !e.locked).map((e) => e.key).filter((t) => m.has(t) !== e);
 		g === void 0 ? t.forEach(h) : g(t, e);
 	};
-	return /* @__PURE__ */ u(i, {
+	return /* @__PURE__ */ u(n, {
 		onOpenChange: (e) => {
 			e || y("");
 		},
-		children: [/* @__PURE__ */ l(o, {
+		children: [/* @__PURE__ */ l(i, {
 			asChild: !0,
-			children: /* @__PURE__ */ l(n, {
+			children: /* @__PURE__ */ l(e, {
 				variant: "outline",
 				size: "sm",
 				className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
 				children: /* @__PURE__ */ l(f, { className: "size-3.5 text-muted-foreground" })
 			})
-		}), /* @__PURE__ */ u(a, {
+		}), /* @__PURE__ */ u(r, {
 			align: "end",
 			className: "w-64 p-0",
 			children: [
@@ -69,20 +69,20 @@ function p({ columns: p, visibleColumns: m, toggleColumnVisibility: h, setColumn
 					children: [x.length === 0 && /* @__PURE__ */ l("p", {
 						className: "px-2 py-3 text-center text-xs text-muted-foreground",
 						children: _("states.noResult")
-					}), x.map((t) => /* @__PURE__ */ u("label", {
-						className: e("flex min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors", t.locked ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer hover:bg-muted"),
-						children: [/* @__PURE__ */ l(r, {
-							checked: t.locked || m.has(t.key),
-							disabled: t.locked,
+					}), x.map((e) => /* @__PURE__ */ u("label", {
+						className: o("flex min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors", e.locked ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer hover:bg-muted"),
+						children: [/* @__PURE__ */ l(t, {
+							checked: e.locked || m.has(e.key),
+							disabled: e.locked,
 							onCheckedChange: () => {
-								h(t.key);
+								h(e.key);
 							}
 						}), /* @__PURE__ */ l("span", {
 							className: "min-w-0 flex-1 truncate",
-							title: t.label,
-							children: t.label
+							title: e.label,
+							children: e.label
 						})]
-					}, t.key))]
+					}, e.key))]
 				}),
 				x.length > 0 && /* @__PURE__ */ u("div", {
 					className: "flex items-center justify-end gap-2 border-t border-border px-3 py-2 text-xs",
@@ -113,5 +113,4 @@ function p({ columns: p, visibleColumns: m, toggleColumnVisibility: h, setColumn
 		})]
 	});
 }
-//#endregion
 export { p as TableSettings };

package/dist/components/core/table/index.js

@@ -1,9 +1,9 @@
-import { TableActions as e } from "./TableActions.js";
-import { TableBody as t } from "./TableBody.js";
+import { DataTable as e } from "./DataTable.js";
+import { TablePagination as t } from "./TablePagination.js";
 import { TableBulkActions as n } from "./TableBulkActions.js";
-import { TableHeader as r } from "./TableHeader.js";
-import { TablePagination as i } from "./TablePagination.js";
-import { TableSettings as a } from "./TableSettings.js";
-import { DataTable as o } from "./DataTable.js";
+import { TableSettings as r } from "./TableSettings.js";
+import { TableHeader as i } from "./TableHeader.js";
+import { TableBody as a } from "./TableBody.js";
+import { TableActions as o } from "./TableActions.js";
 import { JsonTableOutput as s } from "./JsonTableOutput.js";
-export { o as DataTable, s as JsonTableOutput, e as TableActions, t as TableBody, n as TableBulkActions, r as TableHeader, i as TablePagination, a as TableSettings };
+export { e as DataTable, s as JsonTableOutput, o as TableActions, a as TableBody, n as TableBulkActions, i as TableHeader, t as TablePagination, r as TableSettings };

package/dist/components/core/tabs/AppTabContainer.js

@@ -1,7 +1,7 @@
 import { Card as e, CardContent as t, CardHeader as n } from "../../ui/card.js";
 import { AppTabHeader as r } from "./AppTabHeader.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/core/tabs/AppTabContainer.tsx
+// src/components/core/tabs/AppTabContainer.tsx
 function o({ titleKey: o, descriptionKey: s, actions: c = [], className: l, children: u, isSubTitle: d }) {
 	return /* @__PURE__ */ a(e, { children: [/* @__PURE__ */ i(n, { children: /* @__PURE__ */ i(r, {
 		titleKey: o,
@@ -13,5 +13,4 @@ function o({ titleKey: o, descriptionKey: s, actions: c = [], className: l, chil
 		children: u
 	})] });
 }
-//#endregion
 export { o as AppTabContainer };

package/dist/components/core/tabs/AppTabHeader.js

@@ -1,7 +1,7 @@
 import { AppActions as e } from "../layouts/AppActions.js";
 import { AppTitle as t } from "../layouts/AppTitle.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/core/tabs/AppTabHeader.tsx
+// src/components/core/tabs/AppTabHeader.tsx
 function i({ titleKey: i, descriptionKey: a, actions: o = [], className: s }) {
 	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
@@ -15,5 +15,4 @@ function i({ titleKey: i, descriptionKey: a, actions: o = [], className: s }) {
 		})]
 	});
 }
-//#endregion
 export { i as AppTabHeader };

package/dist/components/core/tabs/AppTabs.js

@@ -1,12 +1,12 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { Tabs as n, TabsContent as r, TabsList as i, TabsTrigger as a } from "../../ui/tabs.js";
+import { Tabs as e, TabsContent as t, TabsList as n, TabsTrigger as r } from "../../ui/tabs.js";
+import { useKrosoftTranslation as i } from "../../../i18n/useKrosoftTranslation.js";
+import { cn as a } from "../../../helpers/tailwind.helper.js";
 import { useEffect as o, useRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useSearchParams as u } from "react-router-dom";
-//#region src/components/core/tabs/AppTabs.tsx
+// src/components/core/tabs/AppTabs.tsx
 function d({ tabs: d, itemId: f, item: p, fit: m, paramName: h = "tab" }) {
-	let { t: g } = t(), [_, v] = u(), y = _.get(h), b = d.find((e) => e.value === y)?.value ?? d[0]?.value, x = (e) => {
+	let { t: g } = i(), [_, v] = u(), y = _.get(h), b = d.find((e) => e.value === y)?.value ?? d[0]?.value, x = (e) => {
 		let t = new URLSearchParams(_);
 		t.set(h, e), v(t);
 	}, S = s(null);
@@ -16,13 +16,13 @@ function d({ tabs: d, itemId: f, item: p, fit: m, paramName: h = "tab" }) {
 			block: "nearest",
 			inline: "nearest"
 		});
-	}, [b]), /* @__PURE__ */ l(n, {
+	}, [b]), /* @__PURE__ */ l(e, {
 		value: b,
 		onValueChange: x,
-		children: [/* @__PURE__ */ c(i, {
+		children: [/* @__PURE__ */ c(n, {
 			ref: S,
-			className: e("w-full justify-start", m && "sm:w-fit"),
-			children: d.map((e) => /* @__PURE__ */ l(a, {
+			className: a("w-full justify-start", m && "sm:w-fit"),
+			children: d.map((e) => /* @__PURE__ */ l(r, {
 				value: e.value,
 				className: "gap-2",
 				disabled: e.disabled,
@@ -45,12 +45,11 @@ function d({ tabs: d, itemId: f, item: p, fit: m, paramName: h = "tab" }) {
 					}) : null
 				]
 			}, e.value))
-		}), d.map((e) => /* @__PURE__ */ c(r, {
+		}), d.map((e) => /* @__PURE__ */ c(t, {
 			value: e.value,
 			className: "mt-4",
 			children: e.component ? e.component(f) : null
 		}, e.value))]
 	});
 }
-//#endregion
 export { d as AppTabs };

package/dist/components/core/tabs/AppVerticalTabs.js

@@ -1,12 +1,12 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { ScrollArea as t } from "../../ui/scroll-area.js";
-import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../ui/select.js";
+import { ScrollArea as e } from "../../ui/scroll-area.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../../ui/select.js";
+import { useKrosoftTranslation as o } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ConstructionIcon as l } from "lucide-react";
 import { useSearchParams as u } from "react-router-dom";
-//#region src/components/core/tabs/AppVerticalTabs.tsx
+// src/components/core/tabs/AppVerticalTabs.tsx
 var d = ({ tabs: d, item: f }) => {
-	let { t: p } = e(), [m, h] = u(), g = m.get("tab"), _ = d.find((e) => e.value === g)?.value ?? d[0]?.value, v = (e) => {
+	let { t: p } = o(), [m, h] = u(), g = m.get("tab"), _ = d.find((e) => e.value === g)?.value ?? d[0]?.value, v = (e) => {
 		let t = new URLSearchParams();
 		t.set("tab", e), h(t);
 	}, y = () => {
@@ -37,7 +37,7 @@ var d = ({ tabs: d, item: f }) => {
 		children: [
 			/* @__PURE__ */ s("div", {
 				className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4",
-				children: /* @__PURE__ */ s(t, {
+				children: /* @__PURE__ */ s(e, {
 					className: "h-full",
 					children: /* @__PURE__ */ s("div", {
 						className: "space-y-1",
@@ -66,13 +66,13 @@ var d = ({ tabs: d, item: f }) => {
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "md:hidden w-full border-b pb-4 mb-4",
-				children: /* @__PURE__ */ c(n, {
+				children: /* @__PURE__ */ c(t, {
 					value: _,
 					onValueChange: v,
-					children: [/* @__PURE__ */ s(a, {
+					children: [/* @__PURE__ */ s(i, {
 						className: "w-full",
-						children: /* @__PURE__ */ s(o, { placeholder: p("select.section") })
-					}), /* @__PURE__ */ s(r, { children: d.map((e, t) => /* @__PURE__ */ s(i, {
+						children: /* @__PURE__ */ s(a, { placeholder: p("select.section") })
+					}), /* @__PURE__ */ s(n, { children: d.map((e, t) => /* @__PURE__ */ s(r, {
 						value: e.value,
 						disabled: e.disabled,
 						children: /* @__PURE__ */ c("div", {
@@ -101,5 +101,4 @@ var d = ({ tabs: d, item: f }) => {
 		]
 	});
 };
-//#endregion
 export { d as AppVerticalTabs };

package/dist/components/core/tabs/index.js

@@ -1,5 +1,5 @@
-import { AppTabHeader as e } from "./AppTabHeader.js";
-import { AppTabContainer as t } from "./AppTabContainer.js";
+import { AppTabContainer as e } from "./AppTabContainer.js";
+import { AppTabHeader as t } from "./AppTabHeader.js";
 import { AppTabs as n } from "./AppTabs.js";
 import { AppVerticalTabs as r } from "./AppVerticalTabs.js";
-export { t as AppTabContainer, e as AppTabHeader, n as AppTabs, r as AppVerticalTabs };
+export { e as AppTabContainer, t as AppTabHeader, n as AppTabs, r as AppVerticalTabs };

package/dist/components/core/theme/ThemeSelector.js

@@ -5,7 +5,7 @@ import { Tooltip as s, TooltipContent as c, TooltipProvider as l, TooltipTrigger
 import { useTheme as d } from "../../../hooks/ui/useTheme.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/core/theme/ThemeSelector.tsx
+// src/components/core/theme/ThemeSelector.tsx
 function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 	let { t: v } = e(), { theme: y, handleThemeChange: b, currentThemeOption: x, nextThemeOption: S, cycleTheme: C } = d(m);
 	if (h === "mini") {
@@ -54,5 +54,4 @@ function m({ themeOptions: m, variant: h = "select", id: g, className: _ }) {
 		})]
 	});
 }
-//#endregion
 export { m as ThemeSelector };

package/dist/components/ui/accordion.js

@@ -3,7 +3,7 @@ import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-accordion";
 import { ChevronDown as a } from "lucide-react";
-//#region src/components/ui/accordion.tsx
+// src/components/ui/accordion.tsx
 var o = i.Root, s = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Item, {
 	ref: a,
 	className: e("border-b", t),
@@ -30,5 +30,4 @@ var l = t.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */
 	})
 }));
 l.displayName = i.Content.displayName;
-//#endregion
 export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };

package/dist/components/ui/alert-dialog.js

@@ -3,7 +3,7 @@ import { buttonVariants as t } from "./button.js";
 import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-alert-dialog";
-//#region src/components/ui/alert-dialog.tsx
+// src/components/ui/alert-dialog.tsx
 var o = a.Root, s = a.Trigger, c = a.Portal, l = n.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r(a.Overlay, {
 	className: e("fixed inset-0 z-[70] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
 	...n,
@@ -50,5 +50,4 @@ var g = n.forwardRef(({ className: n, ...i }, o) => /* @__PURE__ */ r(a.Cancel,
 	...i
 }));
 g.displayName = a.Cancel.displayName;
-//#endregion
 export { o as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, u as AlertDialogContent, m as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, l as AlertDialogOverlay, c as AlertDialogPortal, p as AlertDialogTitle, s as AlertDialogTrigger };

package/dist/components/ui/alert.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../helpers/tailwind.helper.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { cva as r } from "class-variance-authority";
-//#region src/components/ui/alert.tsx
+// src/components/ui/alert.tsx
 var i = r("relative w-full rounded-surface border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
 	variants: { variant: {
 		default: "bg-background text-foreground",
@@ -28,5 +28,4 @@ var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 	...r
 }));
 s.displayName = "AlertDescription";
-//#endregion
 export { a as Alert, s as AlertDescription, o as AlertTitle };

package/dist/components/ui/aspect-ratio.js

@@ -1,5 +1,4 @@
 import * as e from "@radix-ui/react-aspect-ratio";
-//#region src/components/ui/aspect-ratio.tsx
+// src/components/ui/aspect-ratio.tsx
 var t = e.Root;
-//#endregion
 export { t as AspectRatio };

package/dist/components/ui/avatar.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../helpers/tailwind.helper.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-avatar";
-//#region src/components/ui/avatar.tsx
+// src/components/ui/avatar.tsx
 var i = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Root, {
 	ref: a,
 	className: e("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", t),
@@ -21,5 +21,4 @@ var o = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Fallback
 	...i
 }));
 o.displayName = r.Fallback.displayName;
-//#endregion
 export { i as Avatar, o as AvatarFallback, a as AvatarImage };

package/dist/components/ui/badge.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../helpers/tailwind.helper.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
-//#region src/components/ui/badge.tsx
+// src/components/ui/badge.tsx
 var r = n("inline-flex items-center rounded-control border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
 	variants: { variant: {
 		default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
@@ -18,5 +18,4 @@ function i({ className: n, variant: i, ...a }) {
 		...a
 	});
 }
-//#endregion
 export { i as Badge, r as badgeVariants };

package/dist/components/ui/breadcrumb.js

@@ -3,7 +3,7 @@ import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { ChevronRight as i, MoreHorizontal as a } from "lucide-react";
 import { Slot as o } from "@radix-ui/react-slot";
-//#region src/components/ui/breadcrumb.tsx
+// src/components/ui/breadcrumb.tsx
 var s = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ n("nav", {
 	ref: t,
 	"aria-label": "breadcrumb",
@@ -56,5 +56,4 @@ var p = ({ className: t, ...i }) => /* @__PURE__ */ r("span", {
 	})]
 });
 p.displayName = "BreadcrumbElipssis";
-//#endregion
 export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };

package/dist/components/ui/button.js

@@ -3,7 +3,7 @@ import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { cva as r } from "class-variance-authority";
 import { Slot as i } from "@radix-ui/react-slot";
-//#region src/components/ui/button.tsx
+// src/components/ui/button.tsx
 var a = r("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-control text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
 	variants: {
 		variant: {
@@ -36,5 +36,4 @@ var a = r("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 	...c
 }));
 o.displayName = "Button";
-//#endregion
 export { o as Button, a as buttonVariants };

package/dist/components/ui/calendar.js

@@ -1,27 +1,27 @@
-import { cn as e } from "../../helpers/tailwind.helper.js";
-import { buttonVariants as t } from "./button.js";
+import { buttonVariants as e } from "./button.js";
+import { cn as t } from "../../helpers/tailwind.helper.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 import { ChevronLeft as r, ChevronRight as i } from "lucide-react";
 import { DayPicker as a } from "react-day-picker";
-//#region src/components/ui/calendar.tsx
+// src/components/ui/calendar.tsx
 function o({ className: o, classNames: s, showOutsideDays: c = !0, ...l }) {
 	return /* @__PURE__ */ n(a, {
 		showOutsideDays: c,
-		className: e("p-3 pointer-events-auto", o),
+		className: t("p-3 pointer-events-auto", o),
 		classNames: {
 			months: "flex flex-col gap-2 relative sm:flex-row",
 			month: "flex flex-col gap-4",
 			month_caption: "flex justify-center pt-1 relative items-center w-full",
 			caption_label: "text-sm font-medium",
 			nav: "flex items-center gap-1 absolute h-7 w-full z-10",
-			button_previous: e(t({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute left-1"),
-			button_next: e(t({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute right-1"),
+			button_previous: t(e({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute left-1"),
+			button_next: t(e({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute right-1"),
 			weekdays: "flex justify-center",
 			weekday: "text-muted-foreground rounded-control w-9 font-normal text-[0.8rem] text-center flex items-center justify-center",
 			week: "flex w-full mt-2",
-			day: e("group relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20", "[&:has([aria-selected].day-range-end)]:rounded-r-control", "[&:has([aria-selected])]:bg-accent", "first:[&:has([aria-selected])]:rounded-l-control", "last:[&:has([aria-selected])]:rounded-r-control", "[&:has([aria-selected].day-outside)]:bg-accent/50"),
-			day_button: e(t({ variant: "ghost" }), "size-9 p-0 font-normal aria-selected:opacity-100"),
+			day: t("group relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20", "[&:has([aria-selected].day-range-end)]:rounded-r-control", "[&:has([aria-selected])]:bg-accent", "first:[&:has([aria-selected])]:rounded-l-control", "last:[&:has([aria-selected])]:rounded-r-control", "[&:has([aria-selected].day-outside)]:bg-accent/50"),
+			day_button: t(e({ variant: "ghost" }), "size-9 p-0 font-normal aria-selected:opacity-100"),
 			range_start: "day-range-start rounded-l-control",
 			range_end: "day-range-end rounded-r-control",
 			selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
@@ -40,5 +40,4 @@ function o({ className: o, classNames: s, showOutsideDays: c = !0, ...l }) {
 	});
 }
 o.displayName = "Calendar";
-//#endregion
 export { o as Calendar };

package/dist/components/ui/card.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../helpers/tailwind.helper.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/ui/card.tsx
+// src/components/ui/card.tsx
 var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 	ref: i,
 	className: e("rounded-surface border bg-card text-card-foreground shadow-sm", t),
@@ -38,5 +38,4 @@ var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
 	...r
 }));
 c.displayName = "CardFooter";
-//#endregion
 export { r as Card, s as CardContent, o as CardDescription, c as CardFooter, i as CardHeader, a as CardTitle };

package/dist/components/ui/carousel.js

@@ -4,7 +4,7 @@ import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { ArrowLeft as a, ArrowRight as o } from "lucide-react";
 import s from "embla-carousel-react";
-//#region src/components/ui/carousel.tsx
+// src/components/ui/carousel.tsx
 var c = n.createContext(null);
 function l() {
 	let e = n.useContext(c);
@@ -111,5 +111,4 @@ var m = n.forwardRef(({ className: n, variant: a = "outline", size: s = "icon",
 	});
 });
 m.displayName = "CarouselNext";
-//#endregion
 export { u as Carousel, d as CarouselContent, f as CarouselItem, m as CarouselNext, p as CarouselPrevious };

package/dist/components/ui/chart.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../helpers/tailwind.helper.js";
 import * as t from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import * as a from "recharts";
-//#region src/components/ui/chart.tsx
+// src/components/ui/chart.tsx
 var o = {
 	light: "",
 	dark: ".dark"
@@ -123,5 +123,4 @@ function h(e, t, n) {
 	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
 	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
-//#endregion
 export { l as ChartContainer, p as ChartLegend, m as ChartLegendContent, u as ChartStyle, d as ChartTooltip, f as ChartTooltipContent };

package/dist/components/ui/checkbox.js

@@ -3,7 +3,7 @@ import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { CheckIcon as r } from "lucide-react";
 import * as i from "@radix-ui/react-checkbox";
-//#region src/components/ui/checkbox.tsx
+// src/components/ui/checkbox.tsx
 var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(i.Root, {
 	ref: o,
 	className: e("peer size-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", t),
@@ -27,5 +27,4 @@ var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ n(i.Root, {
 	})
 }));
 a.displayName = i.Root.displayName;
-//#endregion
 export { a as Checkbox };

package/dist/components/ui/collapsible.js

@@ -1,5 +1,4 @@
 import * as e from "@radix-ui/react-collapsible";
-//#region src/components/ui/collapsible.tsx
+// src/components/ui/collapsible.tsx
 var t = e.Root, n = e.CollapsibleTrigger, r = e.CollapsibleContent;
-//#endregion
 export { t as Collapsible, r as CollapsibleContent, n as CollapsibleTrigger };