@yusr_systems/ui 3.1.5 → 3.1.7

package/dist/index.d.ts

@@ -1368,6 +1368,8 @@ export declare type YusrSidBarProps = {
  * @param {YusrSidBarMainMenuProps["items"]} [navMain] The main navigation items for the sidebar.
  * @param {YusrSidBarMainMenuProps["items"]} [navSecondary] The secondary navigation items for the sidebar.
  * @param {React.ReactNode} [children] The children of the sidebar component.
+ *
+ * for more details about, read the documentation [here](https://yusrsystems.github.io/yusr-ui-docs/docs/Templates/yusr-sidebar/)
  */
 export declare function YusrSideBar({ LinkComponent, logos, displayCompany, navMain, navSecondary, children, ...props }: React.ComponentProps<typeof Sidebar> & YusrSidBarProps & PropsWithChildren): JSX.Element;
 

package/dist/yusr-ui.js

@@ -3541,139 +3541,76 @@ var la = n(null), ua = () => {
 	return e;
 };
 //#endregion
-//#region src/components/custom/sideBar/yusrSideBar.tsx
-function da({ LinkComponent: e = "a", logos: t, displayCompany: n = {
-	name: "Yusr UI",
-	logo: "/yusr-logo.png"
-}, navMain: r, navSecondary: i, children: a, ...o }) {
-	return /* @__PURE__ */ u(la.Provider, {
-		value: {
-			LinkComponent: e,
-			logos: t,
-			displayCompany: n,
-			navMain: r,
-			navSecondary: i
-		},
-		children: /* @__PURE__ */ u(ai, { children: /* @__PURE__ */ u(oi, {
-			collapsible: "icon",
-			side: "right",
-			...o,
-			children: a
-		}) })
-	});
-}
-da.Header = function() {
-	let { displayCompany: e, logos: t } = ua();
-	return /* @__PURE__ */ u(di, { children: /* @__PURE__ */ u(H, { children: /* @__PURE__ */ d(U, { children: [/* @__PURE__ */ u(ea, { logos: {
-		full: {
-			light: t.logoFullLight,
-			dark: t.logoFullDark
-		},
-		collapsed: {
-			light: t.logoOnlyLight,
-			dark: t.logoOnlyDark
-		}
-	} }), e && /* @__PURE__ */ u($i, { company: e })] }) }) });
-}, da.Content = function({ LogoutHandler: e }) {
-	let { navMain: t, navSecondary: n, LinkComponent: r } = ua();
-	return !t || !n ? /* @__PURE__ */ u(mi, {}) : /* @__PURE__ */ d(mi, { children: [/* @__PURE__ */ u(ca, {
-		items: t,
-		LinkComponent: r
-	}), e !== void 0 && /* @__PURE__ */ u(oa, {
-		items: n,
-		className: "pt-10 mt-auto text-center",
-		onLogout: e,
-		LinkComponent: r
-	})] });
-}, da.Footer = function({ loggedInUser: e = void 0 }) {
-	return /* @__PURE__ */ u(fi, { children: /* @__PURE__ */ u(sa, { user: e }) });
-};
-//#endregion
-//#region src/components/custom/status/loading.tsx
-function fa({ entityName: e }) {
-	return /* @__PURE__ */ d("div", {
-		className: "sm:max-w-xl flex flex-col items-center justify-center py-20",
-		children: [/* @__PURE__ */ u(ae, { className: "h-10 w-10 animate-spin text-primary" }), /* @__PURE__ */ d("p", {
-			className: "mt-4 text-sm text-muted-foreground",
-			children: [
-				"جاري تحميل بيانات ",
-				e,
-				"..."
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/components/pure/alert-dialog.tsx
-function pa({ ...e }) {
+function da({ ...e }) {
 	return /* @__PURE__ */ u(k.Root, {
 		"data-slot": "alert-dialog",
 		...e
 	});
 }
-function ma({ ...e }) {
+function fa({ ...e }) {
 	return /* @__PURE__ */ u(k.Trigger, {
 		"data-slot": "alert-dialog-trigger",
 		...e
 	});
 }
-function ha({ ...e }) {
+function pa({ ...e }) {
 	return /* @__PURE__ */ u(k.Portal, {
 		"data-slot": "alert-dialog-portal",
 		...e
 	});
 }
-function ga({ className: e, ...t }) {
+function ma({ className: e, ...t }) {
 	return /* @__PURE__ */ u(k.Overlay, {
 		"data-slot": "alert-dialog-overlay",
 		className: N("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", e),
 		...t
 	});
 }
-function _a({ className: e, size: t = "default", ...n }) {
-	return /* @__PURE__ */ d(ha, { children: [/* @__PURE__ */ u(ga, {}), /* @__PURE__ */ u(k.Content, {
+function ha({ className: e, size: t = "default", ...n }) {
+	return /* @__PURE__ */ d(pa, { children: [/* @__PURE__ */ u(ma, {}), /* @__PURE__ */ u(k.Content, {
 		"data-slot": "alert-dialog-content",
 		"data-size": t,
 		className: N("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-4 rounded-xl p-4 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm group/alert-dialog-content fixed top-1/2 start-1/2 z-50 grid w-full -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 outline-none", e),
 		...n
 	})] });
 }
-function va({ className: e, ...t }) {
+function ga({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-dialog-header",
 		className: N("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", e),
 		...t
 	});
 }
-function ya({ className: e, ...t }) {
+function _a({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-dialog-footer",
 		className: N("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
-function ba({ className: e, ...t }) {
+function va({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-dialog-media",
 		className: N("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", e),
 		...t
 	});
 }
-function xa({ className: e, ...t }) {
+function ya({ className: e, ...t }) {
 	return /* @__PURE__ */ u(k.Title, {
 		"data-slot": "alert-dialog-title",
 		className: N("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", e),
 		...t
 	});
 }
-function Sa({ className: e, ...t }) {
+function ba({ className: e, ...t }) {
 	return /* @__PURE__ */ u(k.Description, {
 		"data-slot": "alert-dialog-description",
 		className: N("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", e),
 		...t
 	});
 }
-function Ca({ className: e, variant: t = "default", size: n = "default", ...r }) {
+function xa({ className: e, variant: t = "default", size: n = "default", ...r }) {
 	return /* @__PURE__ */ u(P, {
 		variant: t,
 		size: n,
@@ -3685,7 +3622,7 @@ function Ca({ className: e, variant: t = "default", size: n = "default", ...r })
 		})
 	});
 }
-function wa({ className: e, variant: t = "outline", size: n = "default", ...r }) {
+function Sa({ className: e, variant: t = "outline", size: n = "default", ...r }) {
 	return /* @__PURE__ */ u(P, {
 		variant: t,
 		size: n,
@@ -3699,36 +3636,36 @@ function wa({ className: e, variant: t = "outline", size: n = "default", ...r })
 }
 //#endregion
 //#region src/components/pure/alert.tsx
-var Ta = b("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
+var Ca = b("group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-start text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pe-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4", {
 	variants: { variant: {
 		default: "bg-card text-card-foreground",
 		destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Ea({ className: e, variant: t, ...n }) {
+function wa({ className: e, variant: t, ...n }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert",
 		role: "alert",
-		className: N(Ta({ variant: t }), e),
+		className: N(Ca({ variant: t }), e),
 		...n
 	});
 }
-function Da({ className: e, ...t }) {
+function Ta({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-title",
 		className: N("font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground", e),
 		...t
 	});
 }
-function Oa({ className: e, ...t }) {
+function Ea({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-description",
 		className: N("text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", e),
 		...t
 	});
 }
-function ka({ className: e, ...t }) {
+function Da({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "alert-action",
 		className: N("absolute top-2 end-2", e),
@@ -3737,7 +3674,7 @@ function ka({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/pure/badge.tsx
-var Aa = b("h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge", {
+var Oa = b("h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive overflow-hidden group/badge", {
 	variants: { variant: {
 		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
 		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
@@ -3748,17 +3685,17 @@ var Aa = b("h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs
 	} },
 	defaultVariants: { variant: "default" }
 });
-function ja({ className: e, variant: t = "default", asChild: n = !1, ...r }) {
+function ka({ className: e, variant: t = "default", asChild: n = !1, ...r }) {
 	return /* @__PURE__ */ u(n ? x : "span", {
 		"data-slot": "badge",
 		"data-variant": t,
-		className: N(Aa({ variant: t }), e),
+		className: N(Oa({ variant: t }), e),
 		...r
 	});
 }
 //#endregion
 //#region src/components/pure/breadcrumb.tsx
-function Ma({ className: e, ...t }) {
+function Aa({ className: e, ...t }) {
 	return /* @__PURE__ */ u("nav", {
 		"aria-label": "breadcrumb",
 		"data-slot": "breadcrumb",
@@ -3766,28 +3703,28 @@ function Ma({ className: e, ...t }) {
 		...t
 	});
 }
-function Na({ className: e, ...t }) {
+function ja({ className: e, ...t }) {
 	return /* @__PURE__ */ u("ol", {
 		"data-slot": "breadcrumb-list",
 		className: N("text-muted-foreground gap-1.5 text-sm flex flex-wrap items-center wrap-break-word", e),
 		...t
 	});
 }
-function Pa({ className: e, ...t }) {
+function Ma({ className: e, ...t }) {
 	return /* @__PURE__ */ u("li", {
 		"data-slot": "breadcrumb-item",
 		className: N("gap-1 inline-flex items-center", e),
 		...t
 	});
 }
-function Fa({ asChild: e, className: t, ...n }) {
+function Na({ asChild: e, className: t, ...n }) {
 	return /* @__PURE__ */ u(e ? x : "a", {
 		"data-slot": "breadcrumb-link",
 		className: N("hover:text-foreground transition-colors", t),
 		...n
 	});
 }
-function Ia({ className: e, ...t }) {
+function Pa({ className: e, ...t }) {
 	return /* @__PURE__ */ u("span", {
 		"data-slot": "breadcrumb-page",
 		role: "link",
@@ -3797,7 +3734,7 @@ function Ia({ className: e, ...t }) {
 		...t
 	});
 }
-function La({ children: e, className: t, ...n }) {
+function Fa({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ u("li", {
 		"data-slot": "breadcrumb-separator",
 		role: "presentation",
@@ -3807,7 +3744,7 @@ function La({ children: e, className: t, ...n }) {
 		children: e ?? /* @__PURE__ */ u(g, { className: "rtl:rotate-180" })
 	});
 }
-function Ra({ className: e, ...t }) {
+function Ia({ className: e, ...t }) {
 	return /* @__PURE__ */ d("span", {
 		"data-slot": "breadcrumb-ellipsis",
 		role: "presentation",
@@ -3822,34 +3759,34 @@ function Ra({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/pure/chart.tsx
-var za = {
+var La = {
 	light: "",
 	dark: ".dark"
-}, Ba = e.createContext(null);
-function Va() {
-	let t = e.useContext(Ba);
+}, Ra = e.createContext(null);
+function za() {
+	let t = e.useContext(Ra);
 	if (!t) throw Error("useChart must be used within a <ChartContainer />");
 	return t;
 }
-function Ha({ id: t, className: n, children: r, config: i, ...a }) {
+function Ba({ id: t, className: n, children: r, config: i, ...a }) {
 	let o = e.useId(), s = `chart-${t || o.replace(/:/g, "")}`;
-	return /* @__PURE__ */ u(Ba.Provider, {
+	return /* @__PURE__ */ u(Ra.Provider, {
 		value: { config: i },
 		children: /* @__PURE__ */ d("div", {
 			"data-slot": "chart",
 			"data-chart": s,
 			className: N("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border[&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent[&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", n),
 			...a,
-			children: [/* @__PURE__ */ u(Ua, {
+			children: [/* @__PURE__ */ u(Va, {
 				id: s,
 				config: i
 			}), /* @__PURE__ */ u(ze.ResponsiveContainer, { children: r })]
 		})
 	});
 }
-var Ua = ({ id: e, config: t }) => {
+var Va = ({ id: e, config: t }) => {
 	let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-	return n.length ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: Object.entries(za).map(([t, r]) => `
+	return n.length ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: Object.entries(La).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 		let r = n.theme?.[t] || n.color;
@@ -3857,11 +3794,11 @@ ${n.map(([e, n]) => {
 	}).join("\n")}
 }
 `).join("\n") } }) : null;
-}, Wa = ze.Tooltip;
-function Ga({ active: t, payload: n, className: r, indicator: i = "dot", hideLabel: a = !1, hideIndicator: o = !1, label: s, labelFormatter: c, labelClassName: f, formatter: p, color: m, nameKey: h, labelKey: g }) {
-	let { config: _ } = Va(), v = e.useMemo(() => {
+}, Ha = ze.Tooltip;
+function Ua({ active: t, payload: n, className: r, indicator: i = "dot", hideLabel: a = !1, hideIndicator: o = !1, label: s, labelFormatter: c, labelClassName: f, formatter: p, color: m, nameKey: h, labelKey: g }) {
+	let { config: _ } = za(), v = e.useMemo(() => {
 		if (a || !n?.length) return null;
-		let [e] = n, t = Ja(_, e, `${g || e?.dataKey || e?.name || "value"}`), r = !g && typeof s == "string" ? _[s]?.label || s : t?.label;
+		let [e] = n, t = Ka(_, e, `${g || e?.dataKey || e?.name || "value"}`), r = !g && typeof s == "string" ? _[s]?.label || s : t?.label;
 		return c ? /* @__PURE__ */ u("div", {
 			className: N("font-medium", f),
 			children: c(r, n)
@@ -3885,7 +3822,7 @@ function Ga({ active: t, payload: n, className: r, indicator: i = "dot", hideLab
 		children: [y ? null : v, /* @__PURE__ */ u("div", {
 			className: "grid gap-1.5",
 			children: n.filter((e) => e.type !== "none").map((e, t) => {
-				let n = Ja(_, e, `${h || e.name || e.dataKey || "value"}`), r = m || e.payload.fill || e.color;
+				let n = Ka(_, e, `${h || e.name || e.dataKey || "value"}`), r = m || e.payload.fill || e.color;
 				return /* @__PURE__ */ u("div", {
 					className: N("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", i === "dot" && "items-center"),
 					children: p && e?.value !== void 0 && e.name ? p(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ d(l, { children: [n?.icon ? /* @__PURE__ */ u(n.icon, {}) : !o && /* @__PURE__ */ u("div", {
@@ -3917,13 +3854,13 @@ function Ga({ active: t, payload: n, className: r, indicator: i = "dot", hideLab
 		})]
 	});
 }
-var Ka = ze.Legend;
-function qa({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
-	let { config: a } = Va();
+var Wa = ze.Legend;
+function Ga({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = za();
 	return n?.length ? /* @__PURE__ */ u("div", {
 		className: N("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
 		children: n.filter((e) => e.type !== "none").map((e) => {
-			let n = Ja(a, e, `${i || e.dataKey || "value"}`);
+			let n = Ka(a, e, `${i || e.dataKey || "value"}`);
 			return /* @__PURE__ */ d("div", {
 				className: N("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
 				children: [n?.icon && !t ? /* @__PURE__ */ u(n.icon, {}) : /* @__PURE__ */ u("div", {
@@ -3934,14 +3871,14 @@ function qa({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bo
 		})
 	}) : null;
 }
-function Ja(e, t, n) {
+function Ka(e, t, n) {
 	if (typeof t != "object" || !t) return;
 	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
 //#region src/components/pure/checkbox.tsx
-function Ya({ className: e, ...t }) {
+function qa({ className: e, ...t }) {
 	return /* @__PURE__ */ u(Be.Root, {
 		"data-slot": "checkbox",
 		className: N("border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50", e),
@@ -3955,14 +3892,14 @@ function Ya({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/pure/combobox.tsx
-var Xa = A.Root;
-function Za({ ...e }) {
+var Ja = A.Root;
+function Ya({ ...e }) {
 	return /* @__PURE__ */ u(A.Value, {
 		"data-slot": "combobox-value",
 		...e
 	});
 }
-function Qa({ className: e, children: t, ...n }) {
+function Xa({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ d(A.Trigger, {
 		"data-slot": "combobox-trigger",
 		className: N("[&_svg:not([class*='size-'])]:size-4", e),
@@ -3970,7 +3907,7 @@ function Qa({ className: e, children: t, ...n }) {
 		children: [t, /* @__PURE__ */ u(m, { className: "text-muted-foreground size-4 pointer-events-none" })]
 	});
 }
-function $a({ className: e, ...t }) {
+function Za({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Clear, {
 		"data-slot": "combobox-clear",
 		render: /* @__PURE__ */ u(Ni, {
@@ -3982,7 +3919,7 @@ function $a({ className: e, ...t }) {
 		children: /* @__PURE__ */ u(Ee, { className: "pointer-events-none" })
 	});
 }
-function eo({ className: e, children: t, disabled: n = !1, showTrigger: r = !0, showClear: i = !1, ...a }) {
+function Qa({ className: e, children: t, disabled: n = !1, showTrigger: r = !0, showClear: i = !1, ...a }) {
 	return /* @__PURE__ */ d(ki, {
 		className: N("w-auto", e),
 		children: [
@@ -3999,14 +3936,14 @@ function eo({ className: e, children: t, disabled: n = !1, showTrigger: r = !0,
 					"data-slot": "input-group-button",
 					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
 					disabled: n,
-					children: /* @__PURE__ */ u(Qa, {})
-				}), i && /* @__PURE__ */ u($a, { disabled: n })]
+					children: /* @__PURE__ */ u(Xa, {})
+				}), i && /* @__PURE__ */ u(Za, { disabled: n })]
 			}),
 			t
 		]
 	});
 }
-function to({ className: e, side: t = "bottom", sideOffset: n = 6, align: r = "start", alignOffset: i = 0, anchor: a, ...o }) {
+function $a({ className: e, side: t = "bottom", sideOffset: n = 6, align: r = "start", alignOffset: i = 0, anchor: a, ...o }) {
 	return /* @__PURE__ */ u(A.Portal, { children: /* @__PURE__ */ u(A.Positioner, {
 		side: t,
 		sideOffset: n,
@@ -4022,14 +3959,14 @@ function to({ className: e, side: t = "bottom", sideOffset: n = 6, align: r = "s
 		})
 	}) });
 }
-function no({ className: e, ...t }) {
+function eo({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.List, {
 		"data-slot": "combobox-list",
 		className: N("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 p-1 data-empty:p-0 overflow-y-auto overscroll-contain", e),
 		...t
 	});
 }
-function ro({ className: e, children: t, ...n }) {
+function to({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ d(A.Item, {
 		"data-slot": "combobox-item",
 		className: N("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pe-8 ps-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
@@ -4040,48 +3977,48 @@ function ro({ className: e, children: t, ...n }) {
 		})]
 	});
 }
-function io({ className: e, ...t }) {
+function no({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Group, {
 		"data-slot": "combobox-group",
 		className: N(e),
 		...t
 	});
 }
-function ao({ className: e, ...t }) {
+function ro({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.GroupLabel, {
 		"data-slot": "combobox-label",
 		className: N("text-muted-foreground px-2 py-1.5 text-xs", e),
 		...t
 	});
 }
-function oo({ ...e }) {
+function io({ ...e }) {
 	return /* @__PURE__ */ u(A.Collection, {
 		"data-slot": "combobox-collection",
 		...e
 	});
 }
-function so({ className: e, ...t }) {
+function ao({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Empty, {
 		"data-slot": "combobox-empty",
 		className: N("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", e),
 		...t
 	});
 }
-function co({ className: e, ...t }) {
+function oo({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Separator, {
 		"data-slot": "combobox-separator",
 		className: N("bg-border -mx-1 my-1 h-px", e),
 		...t
 	});
 }
-function lo({ className: e, ...t }) {
+function so({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Chips, {
 		"data-slot": "combobox-chips",
 		className: N("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1", e),
 		...t
 	});
 }
-function uo({ className: e, children: t, showRemove: n = !0, ...r }) {
+function co({ className: e, children: t, showRemove: n = !0, ...r }) {
 	return /* @__PURE__ */ d(A.Chip, {
 		"data-slot": "combobox-chip",
 		className: N("bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-data-[slot=combobox-chip-remove]:pe-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50", e),
@@ -4097,62 +4034,62 @@ function uo({ className: e, children: t, showRemove: n = !0, ...r }) {
 		})]
 	});
 }
-function fo({ className: e, ...t }) {
+function lo({ className: e, ...t }) {
 	return /* @__PURE__ */ u(A.Input, {
 		"data-slot": "combobox-chip-input",
 		className: N("min-w-16 flex-1 outline-none", e),
 		...t
 	});
 }
-function po() {
+function uo() {
 	return e.useRef(null);
 }
 //#endregion
 //#region src/components/pure/direction.tsx
-function mo({ dir: e, direction: t, children: n }) {
+function fo({ dir: e, direction: t, children: n }) {
 	return /* @__PURE__ */ u(Ve.DirectionProvider, {
 		dir: t ?? e,
 		children: n
 	});
 }
-var ho = Ve.useDirection;
+var po = Ve.useDirection;
 //#endregion
 //#region src/components/pure/drawer.tsx
-function go({ ...e }) {
+function mo({ ...e }) {
 	return /* @__PURE__ */ u(j.Root, {
 		"data-slot": "drawer",
 		...e
 	});
 }
-function _o({ ...e }) {
+function ho({ ...e }) {
 	return /* @__PURE__ */ u(j.Trigger, {
 		"data-slot": "drawer-trigger",
 		...e
 	});
 }
-function vo({ ...e }) {
+function go({ ...e }) {
 	return /* @__PURE__ */ u(j.Portal, {
 		"data-slot": "drawer-portal",
 		...e
 	});
 }
-function yo({ ...e }) {
+function _o({ ...e }) {
 	return /* @__PURE__ */ u(j.Close, {
 		"data-slot": "drawer-close",
 		...e
 	});
 }
-function bo({ className: e, ...t }) {
+function vo({ className: e, ...t }) {
 	return /* @__PURE__ */ u(j.Overlay, {
 		"data-slot": "drawer-overlay",
 		className: N("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", e),
 		...t
 	});
 }
-function xo({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ d(vo, {
+function yo({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d(go, {
 		"data-slot": "drawer-portal",
-		children: [/* @__PURE__ */ u(bo, {}), /* @__PURE__ */ d(j.Content, {
+		children: [/* @__PURE__ */ u(vo, {}), /* @__PURE__ */ d(j.Content, {
 			"data-slot": "drawer-content",
 			className: N("bg-background flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-e-xl data-[vaul-drawer-direction=left]:border-e data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-s-xl data-[vaul-drawer-direction=right]:border-s data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", e),
 			...n,
@@ -4160,28 +4097,28 @@ function xo({ className: e, children: t, ...n }) {
 		})]
 	});
 }
-function So({ className: e, ...t }) {
+function bo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "drawer-header",
 		className: N("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-start flex flex-col", e),
 		...t
 	});
 }
-function Co({ className: e, ...t }) {
+function xo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "drawer-footer",
 		className: N("gap-2 p-4 mt-auto flex flex-col", e),
 		...t
 	});
 }
-function wo({ className: e, ...t }) {
+function So({ className: e, ...t }) {
 	return /* @__PURE__ */ u(j.Title, {
 		"data-slot": "drawer-title",
 		className: N("text-foreground text-base font-medium", e),
 		...t
 	});
 }
-function To({ className: e, ...t }) {
+function Co({ className: e, ...t }) {
 	return /* @__PURE__ */ u(j.Description, {
 		"data-slot": "drawer-description",
 		className: N("text-muted-foreground text-sm", e),
@@ -4190,14 +4127,14 @@ function To({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/pure/field.tsx
-function Eo({ className: e, ...t }) {
+function wo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("fieldset", {
 		"data-slot": "field-set",
 		className: N("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", e),
 		...t
 	});
 }
-function Do({ className: e, variant: t = "legend", ...n }) {
+function To({ className: e, variant: t = "legend", ...n }) {
 	return /* @__PURE__ */ u("legend", {
 		"data-slot": "field-legend",
 		"data-variant": t,
@@ -4205,14 +4142,14 @@ function Do({ className: e, variant: t = "legend", ...n }) {
 		...n
 	});
 }
-function Oo({ className: e, ...t }) {
+function Eo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "field-group",
 		className: N("gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col", e),
 		...t
 	});
 }
-var ko = b("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+var Do = b("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
 	variants: { orientation: {
 		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
 		horizontal: "flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
@@ -4220,44 +4157,44 @@ var ko = b("data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
-function Ao({ className: e, orientation: t = "vertical", ...n }) {
+function Oo({ className: e, orientation: t = "vertical", ...n }) {
 	return /* @__PURE__ */ u("div", {
 		role: "group",
 		"data-slot": "field",
 		"data-orientation": t,
-		className: N(ko({ orientation: t }), e),
+		className: N(Do({ orientation: t }), e),
 		...n
 	});
 }
-function jo({ className: e, ...t }) {
+function ko({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "field-content",
 		className: N("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", e),
 		...t
 	});
 }
-function Mo({ className: e, ...t }) {
+function Ao({ className: e, ...t }) {
 	return /* @__PURE__ */ u(It, {
 		"data-slot": "field-label",
 		className: N("has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", e),
 		...t
 	});
 }
-function No({ className: e, ...t }) {
+function jo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("div", {
 		"data-slot": "field-label",
 		className: N("gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug", e),
 		...t
 	});
 }
-function Po({ className: e, ...t }) {
+function Mo({ className: e, ...t }) {
 	return /* @__PURE__ */ u("p", {
 		"data-slot": "field-description",
 		className: N("text-muted-foreground text-start text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
 		...t
 	});
 }
-function Fo({ children: e, className: t, ...n }) {
+function No({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ d("div", {
 		"data-slot": "field-separator",
 		"data-content": !!e,
@@ -4270,7 +4207,7 @@ function Fo({ children: e, className: t, ...n }) {
 		})]
 	});
 }
-function Io({ className: e, children: t, errors: n, ...r }) {
+function Po({ className: e, children: t, errors: n, ...r }) {
 	let i = o(() => {
 		if (t) return t;
 		if (!n?.length) return null;
@@ -4290,7 +4227,7 @@ function Io({ className: e, children: t, errors: n, ...r }) {
 }
 //#endregion
 //#region src/components/pure/scroll-area.tsx
-function Lo({ className: e, children: t, ...n }) {
+function Fo({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ d(He.Root, {
 		"data-slot": "scroll-area",
 		className: N("relative", e),
@@ -4301,12 +4238,12 @@ function Lo({ className: e, children: t, ...n }) {
 				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
 				children: t
 			}),
-			/* @__PURE__ */ u(Ro, {}),
+			/* @__PURE__ */ u(Io, {}),
 			/* @__PURE__ */ u(He.Corner, {})
 		]
 	});
 }
-function Ro({ className: e, orientation: t = "vertical", ...n }) {
+function Io({ className: e, orientation: t = "vertical", ...n }) {
 	return /* @__PURE__ */ u(He.ScrollAreaScrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		"data-orientation": t,
@@ -4321,7 +4258,7 @@ function Ro({ className: e, orientation: t = "vertical", ...n }) {
 }
 //#endregion
 //#region src/components/pure/sonner.tsx
-var zo = ({ ...e }) => {
+var Lo = ({ ...e }) => {
 	let { theme: t = "system" } = Ue();
 	return /* @__PURE__ */ u(We, {
 		theme: t,
@@ -4345,7 +4282,7 @@ var zo = ({ ...e }) => {
 };
 //#endregion
 //#region src/components/pure/switch.tsx
-function Bo({ className: e, size: t = "default", ...n }) {
+function Ro({ className: e, size: t = "default", ...n }) {
 	return /* @__PURE__ */ u(Ge.Root, {
 		"data-slot": "switch",
 		"data-size": t,
@@ -4359,7 +4296,7 @@ function Bo({ className: e, size: t = "default", ...n }) {
 }
 //#endregion
 //#region src/components/pure/tabs.tsx
-function Vo({ className: e, orientation: t = "horizontal", ...n }) {
+function zo({ className: e, orientation: t = "horizontal", ...n }) {
 	return /* @__PURE__ */ u(Ke.Root, {
 		"data-slot": "tabs",
 		"data-orientation": t,
@@ -4367,29 +4304,29 @@ function Vo({ className: e, orientation: t = "horizontal", ...n }) {
 		...n
 	});
 }
-var Ho = b("rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", {
+var Bo = b("rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col", {
 	variants: { variant: {
 		default: "bg-muted",
 		line: "gap-1 bg-transparent"
 	} },
 	defaultVariants: { variant: "default" }
 });
-function Uo({ className: e, variant: t = "default", ...n }) {
+function Vo({ className: e, variant: t = "default", ...n }) {
 	return /* @__PURE__ */ u(Ke.List, {
 		"data-slot": "tabs-list",
 		"data-variant": t,
-		className: N(Ho({ variant: t }), e),
+		className: N(Bo({ variant: t }), e),
 		...n
 	});
 }
-function Wo({ className: e, ...t }) {
+function Ho({ className: e, ...t }) {
 	return /* @__PURE__ */ u(Ke.Trigger, {
 		"data-slot": "tabs-trigger",
 		className: N("gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent", "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-end-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100", e),
 		...t
 	});
 }
-function Go({ className: e, ...t }) {
+function Uo({ className: e, ...t }) {
 	return /* @__PURE__ */ u(Ke.Content, {
 		"data-slot": "tabs-content",
 		className: N("text-sm flex-1 outline-none", e),
@@ -4398,7 +4335,7 @@ function Go({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/pure/toggle.tsx
-var Ko = b("hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+var Wo = b("hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[state=on]:bg-muted gap-1 rounded-lg text-sm font-medium transition-all [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "bg-transparent",
@@ -4415,10 +4352,10 @@ var Ko = b("hover:text-foreground aria-pressed:bg-muted focus-visible:border-rin
 		size: "default"
 	}
 });
-function qo({ className: e, variant: t = "default", size: n = "default", ...r }) {
+function Go({ className: e, variant: t = "default", size: n = "default", ...r }) {
 	return /* @__PURE__ */ u(Je.Root, {
 		"data-slot": "toggle",
-		className: N(Ko({
+		className: N(Wo({
 			variant: t,
 			size: n,
 			className: e
@@ -4428,13 +4365,13 @@ function qo({ className: e, variant: t = "default", size: n = "default", ...r })
 }
 //#endregion
 //#region src/components/pure/toggle-group.tsx
-var Jo = e.createContext({
+var Ko = e.createContext({
 	size: "default",
 	variant: "default",
 	spacing: 0,
 	orientation: "horizontal"
 });
-function Yo({ className: e, variant: t, size: n, spacing: r = 0, orientation: i = "horizontal", children: a, ...o }) {
+function qo({ className: e, variant: t, size: n, spacing: r = 0, orientation: i = "horizontal", children: a, ...o }) {
 	return /* @__PURE__ */ u(qe.Root, {
 		"data-slot": "toggle-group",
 		"data-variant": t,
@@ -4444,7 +4381,7 @@ function Yo({ className: e, variant: t, size: n, spacing: r = 0, orientation: i
 		style: { "--gap": r },
 		className: N("rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch", e),
 		...o,
-		children: /* @__PURE__ */ u(Jo.Provider, {
+		children: /* @__PURE__ */ u(Ko.Provider, {
 			value: {
 				variant: t,
 				size: n,
@@ -4455,14 +4392,14 @@ function Yo({ className: e, variant: t, size: n, spacing: r = 0, orientation: i
 		})
 	});
 }
-function Xo({ className: t, children: n, variant: r = "default", size: i = "default", ...a }) {
-	let o = e.useContext(Jo);
+function Jo({ className: t, children: n, variant: r = "default", size: i = "default", ...a }) {
+	let o = e.useContext(Ko);
 	return /* @__PURE__ */ u(qe.Item, {
 		"data-slot": "toggle-group-item",
 		"data-variant": o.variant || r,
 		"data-size": o.size || i,
 		"data-spacing": o.spacing,
-		className: N("group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", Ko({
+		className: N("group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-s-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-e-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-s-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-s group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", Wo({
 			variant: o.variant || r,
 			size: o.size || i
 		}), t),
@@ -4471,6 +4408,69 @@ function Xo({ className: t, children: n, variant: r = "default", size: i = "defa
 	});
 }
 //#endregion
+//#region src/components/custom/sideBar/yusrSideBar.tsx
+function Yo({ LinkComponent: e = "a", logos: t, displayCompany: n = {
+	name: "Yusr UI",
+	logo: "/yusr-logo.png"
+}, navMain: r, navSecondary: i, children: a, ...o }) {
+	return /* @__PURE__ */ u(Jr, { children: /* @__PURE__ */ u(la.Provider, {
+		value: {
+			LinkComponent: e,
+			logos: t,
+			displayCompany: n,
+			navMain: r,
+			navSecondary: i
+		},
+		children: /* @__PURE__ */ u(ai, { children: /* @__PURE__ */ u(oi, {
+			collapsible: "icon",
+			side: "right",
+			...o,
+			children: a
+		}) })
+	}) });
+}
+Yo.Header = function() {
+	let { displayCompany: e, logos: t } = ua();
+	return /* @__PURE__ */ u(di, { children: /* @__PURE__ */ u(H, { children: /* @__PURE__ */ d(U, { children: [/* @__PURE__ */ u(ea, { logos: {
+		full: {
+			light: t.logoFullLight,
+			dark: t.logoFullDark
+		},
+		collapsed: {
+			light: t.logoOnlyLight,
+			dark: t.logoOnlyDark
+		}
+	} }), e && /* @__PURE__ */ u($i, { company: e })] }) }) });
+}, Yo.Content = function({ LogoutHandler: e }) {
+	let { navMain: t, navSecondary: n, LinkComponent: r } = ua();
+	return !t || !n ? /* @__PURE__ */ u(mi, {}) : /* @__PURE__ */ d(mi, { children: [/* @__PURE__ */ u(ca, {
+		items: t,
+		LinkComponent: r
+	}), e !== void 0 && /* @__PURE__ */ u(oa, {
+		items: n,
+		className: "pt-10 mt-auto text-center",
+		onLogout: e,
+		LinkComponent: r
+	})] });
+}, Yo.Footer = function({ loggedInUser: e = void 0 }) {
+	return /* @__PURE__ */ u(fi, { children: /* @__PURE__ */ u(sa, { user: e }) });
+};
+//#endregion
+//#region src/components/custom/status/loading.tsx
+function Xo({ entityName: e }) {
+	return /* @__PURE__ */ d("div", {
+		className: "sm:max-w-xl flex flex-col items-center justify-center py-20",
+		children: [/* @__PURE__ */ u(ae, { className: "h-10 w-10 animate-spin text-primary" }), /* @__PURE__ */ d("p", {
+			className: "mt-4 text-sm text-muted-foreground",
+			children: [
+				"جاري تحميل بيانات ",
+				e,
+				"..."
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/hooks/useDialog.ts
 function Zo() {
 	let [e, t] = c(null), [n, r] = c(!1), [i, a] = c(!1);
@@ -5222,4 +5222,4 @@ function vc(e, t, n, r) {
 	};
 }
 //#endregion
-export { Ea as Alert, ka as AlertAction, Oa as AlertDescription, pa as AlertDialog, Ca as AlertDialogAction, wa as AlertDialogCancel, _a as AlertDialogContent, Sa as AlertDialogDescription, ya as AlertDialogFooter, va as AlertDialogHeader, ba as AlertDialogMedia, ga as AlertDialogOverlay, ha as AlertDialogPortal, xa as AlertDialogTitle, ma as AlertDialogTrigger, Da as AlertTitle, qi as Avatar, Xi as AvatarBadge, Yi as AvatarFallback, Zi as AvatarGroup, Qi as AvatarGroupCount, Ji as AvatarImage, ja as Badge, Rt as BaseInput, Ma as Breadcrumb, Ra as BreadcrumbEllipsis, Pa as BreadcrumbItem, Fa as BreadcrumbLink, Na as BreadcrumbList, Ia as BreadcrumbPage, La as BreadcrumbSeparator, P as Button, Et as Calendar, Dt as CalendarDayButton, sn as Card, dn as CardAction, fn as CardContent, un as CardDescription, pn as CardFooter, cn as CardHeader, ln as CardTitle, hn as Carousel, gn as CarouselContent, _n as CarouselItem, yn as CarouselNext, vn as CarouselPrevious, pt as ChangeDialog, Ha as ChartContainer, Ka as ChartLegend, qa as ChartLegendContent, Ua as ChartStyle, Wa as ChartTooltip, Ga as ChartTooltipContent, Ya as Checkbox, Xa as Combobox, uo as ComboboxChip, lo as ComboboxChips, fo as ComboboxChipsInput, oo as ComboboxCollection, to as ComboboxContent, so as ComboboxEmpty, io as ComboboxGroup, eo as ComboboxInput, ro as ComboboxItem, ao as ComboboxLabel, no as ComboboxList, co as ComboboxSeparator, Qa as ComboboxTrigger, Za as ComboboxValue, Li as Command, Ri as CommandDialog, Vi as CommandEmpty, Hi as CommandGroup, zi as CommandInput, Wi as CommandItem, Bi as CommandList, Ui as CommandSeparator, Gi as CommandShortcut, Yn as ContextMenu, ar as ContextMenuCheckboxItem, tr as ContextMenuContent, Zn as ContextMenuGroup, nr as ContextMenuItem, sr as ContextMenuLabel, Qn as ContextMenuPortal, er as ContextMenuRadioGroup, or as ContextMenuRadioItem, cr as ContextMenuSeparator, lr as ContextMenuShortcut, $n as ContextMenuSub, ir as ContextMenuSubContent, rr as ContextMenuSubTrigger, Xn as ContextMenuTrigger, Wn as CrudEmptyTablePreview, Oi as CrudPage, Jn as CrudTable, ur as CrudTableBodyRow, dr as CrudTableCard, fr as CrudTableHeader, pr as CrudTableHeaderRows, Ei as CrudTablePagination, Di as CrudTableRowActionsMenu, Lt as DateField, Ft as DateInput, Bt as DateTimeField, zt as DateTimeInput, mt as DeleteDialog, F as Dialog, ot as DialogClose, ct as DialogContent, ft as DialogDescription, ut as DialogFooter, lt as DialogHeader, st as DialogOverlay, at as DialogPortal, dt as DialogTitle, it as DialogTrigger, mo as DirectionProvider, go as Drawer, yo as DrawerClose, xo as DrawerContent, To as DrawerDescription, Co as DrawerFooter, So as DrawerHeader, bo as DrawerOverlay, vo as DrawerPortal, wo as DrawerTitle, _o as DrawerTrigger, xr as DropdownMenu, Er as DropdownMenuCheckboxItem, wr as DropdownMenuContent, Tr as DropdownMenuGroup, B as DropdownMenuItem, kr as DropdownMenuLabel, Sr as DropdownMenuPortal, Dr as DropdownMenuRadioGroup, Or as DropdownMenuRadioItem, Ar as DropdownMenuSeparator, jr as DropdownMenuShortcut, Mr as DropdownMenuSub, Pr as DropdownMenuSubContent, Nr as DropdownMenuSubTrigger, Cr as DropdownMenuTrigger, rt as DynamicListContainer, Ln as Empty, Un as EmptyContent, Hn as EmptyDescription, Rn as EmptyHeader, Bn as EmptyMedia, Vn as EmptyTitle, Ao as Field, jo as FieldContent, Po as FieldDescription, Io as FieldError, Oo as FieldGroup, Mo as FieldLabel, Do as FieldLegend, Fo as FieldSeparator, Eo as FieldSet, No as FieldTitle, Ht as FieldsSection, L as FormField, R as Input, Ut as InputField, ki as InputGroup, ji as InputGroupAddon, Ni as InputGroupButton, Fi as InputGroupInput, Pi as InputGroupText, Ii as InputGroupTextarea, It as Label, En as Lightbox, fa as Loading, Gt as NumberField, Wt as NumberInput, mr as Pagination, hr as PaginationContent, br as PaginationEllipsis, gr as PaginationItem, _r as PaginationLink, yr as PaginationNext, vr as PaginationPrevious, Kt as PasswordField, qt as PhoneField, Ot as Popover, jt as PopoverAnchor, At as PopoverContent, Pt as PopoverDescription, Mt as PopoverHeader, Nt as PopoverTitle, kt as PopoverTrigger, $e as ProtectedRoute, nt as SaveButton, Lo as ScrollArea, Ro as ScrollBar, On as SearchInput, Ki as SearchableSelect, Jt as Select, Qt as SelectContent, on as SelectField, Yt as SelectGroup, an as SelectInput, en as SelectItem, $t as SelectLabel, rn as SelectScrollDownButton, nn as SelectScrollUpButton, tn as SelectSeparator, Zt as SelectTrigger, Xt as SelectValue, I as Separator, Lr as Sheet, zr as SheetClose, Hr as SheetContent, Kr as SheetDescription, Wr as SheetFooter, Ur as SheetHeader, Gr as SheetTitle, Rr as SheetTrigger, $i as SideBarCompanyData, ta as SideBarMainMenu, oa as SideBarSecondaryMenu, sa as SideBarUserData, oi as Sidebar, mi as SidebarContent, la as SidebarContext, fi as SidebarFooter, hi as SidebarGroup, _i as SidebarGroupAction, vi as SidebarGroupContent, gi as SidebarGroupLabel, di as SidebarHeader, ui as SidebarInput, li as SidebarInset, ea as SidebarLogo, H as SidebarMenu, bi as SidebarMenuAction, xi as SidebarMenuBadge, W as SidebarMenuButton, U as SidebarMenuItem, Si as SidebarMenuSkeleton, Ci as SidebarMenuSub, Ti as SidebarMenuSubButton, wi as SidebarMenuSubItem, ai as SidebarProvider, ci as SidebarRail, pi as SidebarSeparator, si as SidebarTrigger, qr as Skeleton, xn as StorageFileField, Bo as Switch, kn as Table, jn as TableBody, In as TableCaption, Fn as TableCell, Mn as TableFooter, Pn as TableHead, An as TableHeader, Nn as TableRow, Vo as Tabs, Go as TabsContent, Uo as TabsList, Wo as TabsTrigger, wn as TextAreaField, Cn as TextAreaInput, Tn as TextField, Sn as Textarea, ra as ThemeProvider, aa as ThemeToggle, Vt as TitleSeparator, zo as Toaster, qo as Toggle, Yo as ToggleGroup, Xo as ToggleGroupItem, Yr as Tooltip, Zr as TooltipContent, Jr as TooltipProvider, Xr as TooltipTrigger, et as YusrBusBackground, da as YusrSideBar, ca as YusrSideBarMainMenu, Dn as ZoomableImage, Aa as badgeVariants, tt as buttonVariants, N as cn, is as createGenericDialogSlice, vc as createGenericEntitySlice, bn as isPDF, rs as setupAuthListeners, Ho as tabsListVariants, Ko as toggleVariants, z as useCarousel, po as useComboboxAnchor, Zo as useDialog, ho as useDirection, Qo as useDynamicList, es as useEntityForm, $o as useFormValidation, Ir as useIsMobile, ts as useLightBox, V as useSidebar, ua as useSidebarContext, ns as useStorageFile, ia as useTheme };
+export { wa as Alert, Da as AlertAction, Ea as AlertDescription, da as AlertDialog, xa as AlertDialogAction, Sa as AlertDialogCancel, ha as AlertDialogContent, ba as AlertDialogDescription, _a as AlertDialogFooter, ga as AlertDialogHeader, va as AlertDialogMedia, ma as AlertDialogOverlay, pa as AlertDialogPortal, ya as AlertDialogTitle, fa as AlertDialogTrigger, Ta as AlertTitle, qi as Avatar, Xi as AvatarBadge, Yi as AvatarFallback, Zi as AvatarGroup, Qi as AvatarGroupCount, Ji as AvatarImage, ka as Badge, Rt as BaseInput, Aa as Breadcrumb, Ia as BreadcrumbEllipsis, Ma as BreadcrumbItem, Na as BreadcrumbLink, ja as BreadcrumbList, Pa as BreadcrumbPage, Fa as BreadcrumbSeparator, P as Button, Et as Calendar, Dt as CalendarDayButton, sn as Card, dn as CardAction, fn as CardContent, un as CardDescription, pn as CardFooter, cn as CardHeader, ln as CardTitle, hn as Carousel, gn as CarouselContent, _n as CarouselItem, yn as CarouselNext, vn as CarouselPrevious, pt as ChangeDialog, Ba as ChartContainer, Wa as ChartLegend, Ga as ChartLegendContent, Va as ChartStyle, Ha as ChartTooltip, Ua as ChartTooltipContent, qa as Checkbox, Ja as Combobox, co as ComboboxChip, so as ComboboxChips, lo as ComboboxChipsInput, io as ComboboxCollection, $a as ComboboxContent, ao as ComboboxEmpty, no as ComboboxGroup, Qa as ComboboxInput, to as ComboboxItem, ro as ComboboxLabel, eo as ComboboxList, oo as ComboboxSeparator, Xa as ComboboxTrigger, Ya as ComboboxValue, Li as Command, Ri as CommandDialog, Vi as CommandEmpty, Hi as CommandGroup, zi as CommandInput, Wi as CommandItem, Bi as CommandList, Ui as CommandSeparator, Gi as CommandShortcut, Yn as ContextMenu, ar as ContextMenuCheckboxItem, tr as ContextMenuContent, Zn as ContextMenuGroup, nr as ContextMenuItem, sr as ContextMenuLabel, Qn as ContextMenuPortal, er as ContextMenuRadioGroup, or as ContextMenuRadioItem, cr as ContextMenuSeparator, lr as ContextMenuShortcut, $n as ContextMenuSub, ir as ContextMenuSubContent, rr as ContextMenuSubTrigger, Xn as ContextMenuTrigger, Wn as CrudEmptyTablePreview, Oi as CrudPage, Jn as CrudTable, ur as CrudTableBodyRow, dr as CrudTableCard, fr as CrudTableHeader, pr as CrudTableHeaderRows, Ei as CrudTablePagination, Di as CrudTableRowActionsMenu, Lt as DateField, Ft as DateInput, Bt as DateTimeField, zt as DateTimeInput, mt as DeleteDialog, F as Dialog, ot as DialogClose, ct as DialogContent, ft as DialogDescription, ut as DialogFooter, lt as DialogHeader, st as DialogOverlay, at as DialogPortal, dt as DialogTitle, it as DialogTrigger, fo as DirectionProvider, mo as Drawer, _o as DrawerClose, yo as DrawerContent, Co as DrawerDescription, xo as DrawerFooter, bo as DrawerHeader, vo as DrawerOverlay, go as DrawerPortal, So as DrawerTitle, ho as DrawerTrigger, xr as DropdownMenu, Er as DropdownMenuCheckboxItem, wr as DropdownMenuContent, Tr as DropdownMenuGroup, B as DropdownMenuItem, kr as DropdownMenuLabel, Sr as DropdownMenuPortal, Dr as DropdownMenuRadioGroup, Or as DropdownMenuRadioItem, Ar as DropdownMenuSeparator, jr as DropdownMenuShortcut, Mr as DropdownMenuSub, Pr as DropdownMenuSubContent, Nr as DropdownMenuSubTrigger, Cr as DropdownMenuTrigger, rt as DynamicListContainer, Ln as Empty, Un as EmptyContent, Hn as EmptyDescription, Rn as EmptyHeader, Bn as EmptyMedia, Vn as EmptyTitle, Oo as Field, ko as FieldContent, Mo as FieldDescription, Po as FieldError, Eo as FieldGroup, Ao as FieldLabel, To as FieldLegend, No as FieldSeparator, wo as FieldSet, jo as FieldTitle, Ht as FieldsSection, L as FormField, R as Input, Ut as InputField, ki as InputGroup, ji as InputGroupAddon, Ni as InputGroupButton, Fi as InputGroupInput, Pi as InputGroupText, Ii as InputGroupTextarea, It as Label, En as Lightbox, Xo as Loading, Gt as NumberField, Wt as NumberInput, mr as Pagination, hr as PaginationContent, br as PaginationEllipsis, gr as PaginationItem, _r as PaginationLink, yr as PaginationNext, vr as PaginationPrevious, Kt as PasswordField, qt as PhoneField, Ot as Popover, jt as PopoverAnchor, At as PopoverContent, Pt as PopoverDescription, Mt as PopoverHeader, Nt as PopoverTitle, kt as PopoverTrigger, $e as ProtectedRoute, nt as SaveButton, Fo as ScrollArea, Io as ScrollBar, On as SearchInput, Ki as SearchableSelect, Jt as Select, Qt as SelectContent, on as SelectField, Yt as SelectGroup, an as SelectInput, en as SelectItem, $t as SelectLabel, rn as SelectScrollDownButton, nn as SelectScrollUpButton, tn as SelectSeparator, Zt as SelectTrigger, Xt as SelectValue, I as Separator, Lr as Sheet, zr as SheetClose, Hr as SheetContent, Kr as SheetDescription, Wr as SheetFooter, Ur as SheetHeader, Gr as SheetTitle, Rr as SheetTrigger, $i as SideBarCompanyData, ta as SideBarMainMenu, oa as SideBarSecondaryMenu, sa as SideBarUserData, oi as Sidebar, mi as SidebarContent, la as SidebarContext, fi as SidebarFooter, hi as SidebarGroup, _i as SidebarGroupAction, vi as SidebarGroupContent, gi as SidebarGroupLabel, di as SidebarHeader, ui as SidebarInput, li as SidebarInset, ea as SidebarLogo, H as SidebarMenu, bi as SidebarMenuAction, xi as SidebarMenuBadge, W as SidebarMenuButton, U as SidebarMenuItem, Si as SidebarMenuSkeleton, Ci as SidebarMenuSub, Ti as SidebarMenuSubButton, wi as SidebarMenuSubItem, ai as SidebarProvider, ci as SidebarRail, pi as SidebarSeparator, si as SidebarTrigger, qr as Skeleton, xn as StorageFileField, Ro as Switch, kn as Table, jn as TableBody, In as TableCaption, Fn as TableCell, Mn as TableFooter, Pn as TableHead, An as TableHeader, Nn as TableRow, zo as Tabs, Uo as TabsContent, Vo as TabsList, Ho as TabsTrigger, wn as TextAreaField, Cn as TextAreaInput, Tn as TextField, Sn as Textarea, ra as ThemeProvider, aa as ThemeToggle, Vt as TitleSeparator, Lo as Toaster, Go as Toggle, qo as ToggleGroup, Jo as ToggleGroupItem, Yr as Tooltip, Zr as TooltipContent, Jr as TooltipProvider, Xr as TooltipTrigger, et as YusrBusBackground, Yo as YusrSideBar, ca as YusrSideBarMainMenu, Dn as ZoomableImage, Oa as badgeVariants, tt as buttonVariants, N as cn, is as createGenericDialogSlice, vc as createGenericEntitySlice, bn as isPDF, rs as setupAuthListeners, Bo as tabsListVariants, Wo as toggleVariants, z as useCarousel, uo as useComboboxAnchor, Zo as useDialog, po as useDirection, Qo as useDynamicList, es as useEntityForm, $o as useFormValidation, Ir as useIsMobile, ts as useLightBox, V as useSidebar, ua as useSidebarContext, ns as useStorageFile, ia as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yusr_systems/ui",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"