@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index120.js

@@ -0,0 +1,31 @@
+"use client";
+import { composeEventHandlers as e } from "./index8.js";
+import { Primitive as t } from "./index12.js";
+import { useControllableState as n } from "./index29.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@radix-ui+react-toggle@1.1.18_@types+react-dom@19.2.3_@types+react@19.2.17__@types+reac_bfc68b0fc9dd6fbca9be8cf294d00420/node_modules/@radix-ui/react-toggle/dist/index.mjs
+var a = Object.defineProperty, o = (e, t) => a(e, "name", {
+	value: t,
+	configurable: !0
+}), s = "Toggle", c = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ o(function(r, a) {
+	let { pressed: o, defaultPressed: c, onPressedChange: l, ...u } = r, [d, f] = n({
+		prop: o,
+		onChange: l,
+		defaultProp: c ?? !1,
+		caller: s
+	});
+	return /* @__PURE__ */ i(t.button, {
+		type: "button",
+		"aria-pressed": d,
+		"data-state": d ? "on" : "off",
+		"data-disabled": r.disabled ? "" : void 0,
+		...u,
+		ref: a,
+		onClick: e(r.onClick, () => {
+			r.disabled || f(!d);
+		})
+	});
+}, "Toggle")), l = c;
+//#endregion
+export { l as Root, c as Toggle };

package/dist/index121.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./index2.cjs"),t=require("./index9.cjs"),n=require("./index13.cjs"),r=require("./index30.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=Object.defineProperty,s=(e,t)=>o(e,`name`,{value:t,configurable:!0}),c=`Toggle`,l=i.forwardRef(s(function(e,i){let{pressed:o,defaultPressed:s,onPressedChange:l,...u}=e,[d,f]=r.useControllableState({prop:o,onChange:l,defaultProp:s??!1,caller:c});return(0,a.jsx)(n.Primitive.button,{type:`button`,"aria-pressed":d,"data-state":d?`on`:`off`,"data-disabled":e.disabled?``:void 0,...u,ref:i,onClick:t.composeEventHandlers(e.onClick,()=>{e.disabled||f(!d)})})},`Toggle`)),u=l;exports.Root=u,exports.Toggle=l;

package/dist/index121.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "./index3.js";
+import { Root as t } from "./index120.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region src/ui/toggle.tsx
+var i = r("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-1.5 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: r, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "toggle",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: r
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Toggle, i as toggleVariants };

package/dist/index122.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index121.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=(0,require("class-variance-authority").cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:e,variant:r,size:o,...s}){return(0,i.jsx)(n.Root,{"data-slot":`toggle`,className:t.cn(a({variant:r,size:o,className:e})),...s})}exports.Toggle=o,exports.toggleVariants=a;

package/dist/index122.js

@@ -0,0 +1,123 @@
+"use client";
+import { createContextScope as e } from "./index6.js";
+import { Primitive as t } from "./index12.js";
+import { useControllableState as n } from "./index29.js";
+import { Item as r, Root as i, createRovingFocusGroupScope as a } from "./index49.js";
+import { Toggle as o } from "./index120.js";
+import * as s from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useDirection as l } from "@radix-ui/react-direction";
+//#region ../../node_modules/.pnpm/@radix-ui+react-toggle-group@1.1.19_@types+react-dom@19.2.3_@types+react@19.2.17__@type_8d974b08799a7a6c081744aa632f25fd/node_modules/@radix-ui/react-toggle-group/dist/index.mjs
+var u = Object.defineProperty, d = (e, t) => u(e, "name", {
+	value: t,
+	configurable: !0
+}), f = "ToggleGroup", [p, m] = e(f, [a]), h = a(), g = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { type: n, ...r } = e;
+	if (n === "single") return /* @__PURE__ */ c(y, {
+		role: "radiogroup",
+		...r,
+		ref: t
+	});
+	if (n === "multiple") return /* @__PURE__ */ c(b, {
+		role: "toolbar",
+		...r,
+		ref: t
+	});
+	throw Error(`Missing prop \`type\` expected on \`${f}\``);
+}, "ToggleGroup")), [_, v] = p(f), y = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { value: r, defaultValue: i, onValueChange: a = /* @__PURE__ */ d(() => {}, "onValueChange"), ...o } = e, [l, u] = n({
+		prop: r,
+		defaultProp: i ?? "",
+		onChange: a,
+		caller: f
+	});
+	return /* @__PURE__ */ c(_, {
+		scope: e.__scopeToggleGroup,
+		type: "single",
+		value: s.useMemo(() => l ? [l] : [], [l]),
+		onItemActivate: u,
+		onItemDeactivate: s.useCallback(() => u(""), [u]),
+		children: /* @__PURE__ */ c(C, {
+			...o,
+			ref: t
+		})
+	});
+}, "ToggleGroupImplSingle")), b = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { value: r, defaultValue: i, onValueChange: a = /* @__PURE__ */ d(() => {}, "onValueChange"), ...o } = e, [l, u] = n({
+		prop: r,
+		defaultProp: i ?? [],
+		onChange: a,
+		caller: f
+	}), p = s.useCallback((e) => u((t = []) => [...t, e]), [u]), m = s.useCallback((e) => u((t = []) => t.filter((t) => t !== e)), [u]);
+	return /* @__PURE__ */ c(_, {
+		scope: e.__scopeToggleGroup,
+		type: "multiple",
+		value: l,
+		onItemActivate: p,
+		onItemDeactivate: m,
+		children: /* @__PURE__ */ c(C, {
+			...o,
+			ref: t
+		})
+	});
+}, "ToggleGroupImplMultiple")), [x, S] = p(f), C = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, n) {
+	let { __scopeToggleGroup: r, disabled: a = !1, rovingFocus: o = !0, orientation: s, dir: u, loop: d = !0, ...f } = e, p = h(r), m = l(u), g = {
+		dir: m,
+		...f
+	};
+	return /* @__PURE__ */ c(x, {
+		scope: r,
+		rovingFocus: o,
+		disabled: a,
+		children: o ? /* @__PURE__ */ c(i, {
+			asChild: !0,
+			...p,
+			orientation: s,
+			dir: m,
+			loop: d,
+			children: /* @__PURE__ */ c(t.div, {
+				...g,
+				ref: n
+			})
+		}) : /* @__PURE__ */ c(t.div, {
+			...g,
+			ref: n
+		})
+	});
+}, "ToggleGroupImpl")), w = "ToggleGroupItem", T = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let n = v(w, e.__scopeToggleGroup), i = S(w, e.__scopeToggleGroup), a = h(e.__scopeToggleGroup), o = n.value.includes(e.value), l = i.disabled || e.disabled, u = {
+		...e,
+		pressed: o,
+		disabled: l
+	}, d = s.useRef(null);
+	return i.rovingFocus ? /* @__PURE__ */ c(r, {
+		asChild: !0,
+		...a,
+		focusable: !l,
+		active: o,
+		ref: d,
+		children: /* @__PURE__ */ c(E, {
+			...u,
+			ref: t
+		})
+	}) : /* @__PURE__ */ c(E, {
+		...u,
+		ref: t
+	});
+}, "ToggleGroupItem")), E = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { __scopeToggleGroup: n, value: r, ...i } = e, a = v(w, n), s = {
+		role: "radio",
+		"aria-checked": e.pressed,
+		"aria-pressed": void 0
+	};
+	return /* @__PURE__ */ c(o, {
+		...a.type === "single" ? s : void 0,
+		...i,
+		ref: t,
+		onPressedChange: (e) => {
+			e ? a.onItemActivate(r) : a.onItemDeactivate(r);
+		}
+	});
+}, "ToggleGroupItemImpl"));
+//#endregion
+export { g as ToggleGroup, T as ToggleGroupItem };

package/dist/index123.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index13.cjs"),r=require("./index30.cjs"),i=require("./index50.cjs"),a=require("./index121.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("@radix-ui/react-direction");var l=Object.defineProperty,u=(e,t)=>l(e,`name`,{value:t,configurable:!0}),d=`ToggleGroup`,[f,p]=t.createContextScope(d,[i.createRovingFocusGroupScope]),m=i.createRovingFocusGroupScope(),h=o.forwardRef(u(function(e,t){let{type:n,...r}=e;if(n===`single`)return(0,s.jsx)(v,{role:`radiogroup`,...r,ref:t});if(n===`multiple`)return(0,s.jsx)(y,{role:`toolbar`,...r,ref:t});throw Error(`Missing prop \`type\` expected on \`${d}\``)},`ToggleGroup`)),[g,_]=f(d),v=o.forwardRef(u(function(e,t){let{value:n,defaultValue:i,onValueChange:a=u(()=>{},`onValueChange`),...c}=e,[l,f]=r.useControllableState({prop:n,defaultProp:i??``,onChange:a,caller:d});return(0,s.jsx)(g,{scope:e.__scopeToggleGroup,type:`single`,value:o.useMemo(()=>l?[l]:[],[l]),onItemActivate:f,onItemDeactivate:o.useCallback(()=>f(``),[f]),children:(0,s.jsx)(S,{...c,ref:t})})},`ToggleGroupImplSingle`)),y=o.forwardRef(u(function(e,t){let{value:n,defaultValue:i,onValueChange:a=u(()=>{},`onValueChange`),...c}=e,[l,f]=r.useControllableState({prop:n,defaultProp:i??[],onChange:a,caller:d}),p=o.useCallback(e=>f((t=[])=>[...t,e]),[f]),m=o.useCallback(e=>f((t=[])=>t.filter(t=>t!==e)),[f]);return(0,s.jsx)(g,{scope:e.__scopeToggleGroup,type:`multiple`,value:l,onItemActivate:p,onItemDeactivate:m,children:(0,s.jsx)(S,{...c,ref:t})})},`ToggleGroupImplMultiple`)),[b,x]=f(d),S=o.forwardRef(u(function(e,t){let{__scopeToggleGroup:r,disabled:a=!1,rovingFocus:o=!0,orientation:l,dir:u,loop:d=!0,...f}=e,p=m(r),h=(0,c.useDirection)(u),g={dir:h,...f};return(0,s.jsx)(b,{scope:r,rovingFocus:o,disabled:a,children:o?(0,s.jsx)(i.Root,{asChild:!0,...p,orientation:l,dir:h,loop:d,children:(0,s.jsx)(n.Primitive.div,{...g,ref:t})}):(0,s.jsx)(n.Primitive.div,{...g,ref:t})})},`ToggleGroupImpl`)),C=`ToggleGroupItem`,w=o.forwardRef(u(function(e,t){let n=_(C,e.__scopeToggleGroup),r=x(C,e.__scopeToggleGroup),a=m(e.__scopeToggleGroup),c=n.value.includes(e.value),l=r.disabled||e.disabled,u={...e,pressed:c,disabled:l},d=o.useRef(null);return r.rovingFocus?(0,s.jsx)(i.Item,{asChild:!0,...a,focusable:!l,active:c,ref:d,children:(0,s.jsx)(T,{...u,ref:t})}):(0,s.jsx)(T,{...u,ref:t})},`ToggleGroupItem`)),T=o.forwardRef(u(function(e,t){let{__scopeToggleGroup:n,value:r,...i}=e,o=_(C,n),c={role:`radio`,"aria-checked":e.pressed,"aria-pressed":void 0};return(0,s.jsx)(a.Toggle,{...o.type===`single`?c:void 0,...i,ref:t,onPressedChange:e=>{e?o.onItemActivate(r):o.onItemDeactivate(r)}})},`ToggleGroupItemImpl`));exports.ToggleGroup=h,exports.ToggleGroupItem=w;

package/dist/index123.js

@@ -0,0 +1,44 @@
+"use client";
+import { cn as e } from "./index3.js";
+import { toggleVariants as t } from "./index121.js";
+import { ToggleGroup as n, ToggleGroupItem as r } from "./index122.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+import "class-variance-authority";
+//#region src/ui/toggle-group.tsx
+var o = i.createContext({
+	size: "default",
+	variant: "default"
+});
+function s({ className: t, variant: r, size: i, children: s, ...c }) {
+	return /* @__PURE__ */ a(n, {
+		"data-slot": "toggle-group",
+		"data-variant": r,
+		"data-size": i,
+		className: e("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", t),
+		...c,
+		children: /* @__PURE__ */ a(o.Provider, {
+			value: {
+				variant: r,
+				size: i
+			},
+			children: s
+		})
+	});
+}
+function c({ className: n, children: s, variant: c, size: l, ...u }) {
+	let d = i.useContext(o);
+	return /* @__PURE__ */ a(r, {
+		"data-slot": "toggle-group-item",
+		"data-variant": d.variant || c,
+		"data-size": d.size || l,
+		className: e(t({
+			variant: d.variant || c,
+			size: d.size || l
+		}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", n),
+		...u,
+		children: s
+	});
+}
+//#endregion
+export { s as ToggleGroup, c as ToggleGroupItem };

package/dist/index124.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index122.cjs"),r=require("./index123.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");require("class-variance-authority");var o=i.createContext({size:`default`,variant:`default`});function s({className:e,variant:n,size:i,children:s,...c}){return(0,a.jsx)(r.ToggleGroup,{"data-slot":`toggle-group`,"data-variant":n,"data-size":i,className:t.cn(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,a.jsx)(o.Provider,{value:{variant:n,size:i},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=i.useContext(o);return(0,a.jsx)(r.ToggleGroupItem,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:t.cn(n.toggleVariants({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;

package/dist/index124.js

@@ -0,0 +1,43 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index10.js";
+import { Dialog as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s } from "./index34.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/Modal.tsx
+function u({ open: u = !0, title: d, description: f, children: p, footer: m, width: h = 900, confirmText: g = "Xác nhận", cancelText: _ = "Hủy", isLoading: v = !1, onCancel: y, onConfirm: b }) {
+	return /* @__PURE__ */ c(n, {
+		open: u,
+		onOpenChange: (e) => !e && y(),
+		children: /* @__PURE__ */ l(r, {
+			className: e("flex max-h-[calc(100vh-150px)] flex-col gap-0 p-0 sm:max-w-175"),
+			style: { maxWidth: h },
+			children: [
+				/* @__PURE__ */ l(o, {
+					className: "px-6 py-4 border-b",
+					children: [/* @__PURE__ */ c(s, { children: d }), f ? /* @__PURE__ */ c(i, { children: f }) : null]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-y-auto px-6 py-4",
+					children: p
+				}),
+				(m || b) && /* @__PURE__ */ c(a, {
+					className: "px-6 py-4 border-t",
+					children: m || /* @__PURE__ */ l("div", {
+						className: "flex w-full justify-end gap-2",
+						children: [/* @__PURE__ */ c(t, {
+							variant: "outline",
+							onClick: y,
+							disabled: v,
+							children: _
+						}), b ? /* @__PURE__ */ c(t, {
+							onClick: b,
+							disabled: v,
+							children: g
+						}) : null]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as Modal };

package/dist/index125.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index11.cjs"),n=require("./index35.cjs");let r=require("react/jsx-runtime");function i({open:i=!0,title:a,description:o,children:s,footer:c,width:l=900,confirmText:u=`Xác nhận`,cancelText:d=`Hủy`,isLoading:f=!1,onCancel:p,onConfirm:m}){return(0,r.jsx)(n.Dialog,{open:i,onOpenChange:e=>!e&&p(),children:(0,r.jsxs)(n.DialogContent,{className:e.cn(`flex max-h-[calc(100vh-150px)] flex-col gap-0 p-0 sm:max-w-175`),style:{maxWidth:l},children:[(0,r.jsxs)(n.DialogHeader,{className:`px-6 py-4 border-b`,children:[(0,r.jsx)(n.DialogTitle,{children:a}),o?(0,r.jsx)(n.DialogDescription,{children:o}):null]}),(0,r.jsx)(`div`,{className:`flex-1 overflow-y-auto px-6 py-4`,children:s}),(c||m)&&(0,r.jsx)(n.DialogFooter,{className:`px-6 py-4 border-t`,children:c||(0,r.jsxs)(`div`,{className:`flex w-full justify-end gap-2`,children:[(0,r.jsx)(t.Button,{variant:`outline`,onClick:p,disabled:f,children:d}),m?(0,r.jsx)(t.Button,{onClick:m,disabled:f,children:u}):null]})})]})})}exports.Modal=i;

package/dist/index125.js

@@ -0,0 +1,14 @@
+import { Suspense as e, lazy as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lazyLoad.tsx
+function r(r, i = /* @__PURE__ */ n("div", { children: "Loading..." })) {
+	let a = t(r);
+	return function(t) {
+		return /* @__PURE__ */ n(e, {
+			fallback: i,
+			children: /* @__PURE__ */ n(a, { ...t })
+		});
+	};
+}
+//#endregion
+export { r as lazyLoad };

package/dist/index126.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");function n(n,r=(0,t.jsx)(`div`,{children:`Loading...`})){let i=(0,e.lazy)(n);return function(n){return(0,t.jsx)(e.Suspense,{fallback:r,children:(0,t.jsx)(i,{...n})})}}exports.lazyLoad=n;

package/dist/index126.js

@@ -0,0 +1,64 @@
+import { Button as e } from "./index10.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "./index78.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { map as s } from "lodash-es";
+//#region src/DataTable/components/DataTablePagination.tsx
+var c = ({ table: c, tableState: l, pageSizeOptions: u, apiConfig: d }) => {
+	let f = l.pagination.pageIndex, p = l.pagination.pageSize, m = d.mode === "server" ? d.totalRows : c.getFilteredRowModel().rows.length, h = p > 0 ? Math.ceil(m / p) : 0;
+	return /* @__PURE__ */ o("div", {
+		className: "flex items-center justify-between gap-4 py-4",
+		children: [/* @__PURE__ */ o("div", {
+			className: "text-muted-foreground flex-1 text-sm",
+			children: [
+				c.getFilteredSelectedRowModel().rows.length,
+				" of ",
+				m,
+				" row(s) selected."
+			]
+		}), /* @__PURE__ */ o("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(i, {
+					asChild: !0,
+					children: /* @__PURE__ */ o(e, {
+						variant: "outline",
+						size: "sm",
+						children: ["Rows: ", p]
+					})
+				}), /* @__PURE__ */ a(n, {
+					align: "end",
+					children: s(u, (e) => /* @__PURE__ */ a(r, {
+						onClick: () => c.setPageSize(e),
+						disabled: e === p,
+						children: e
+					}, String(e)))
+				})] }),
+				/* @__PURE__ */ a(e, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => c.previousPage(),
+					disabled: !c.getCanPreviousPage(),
+					children: "Previous"
+				}),
+				/* @__PURE__ */ a(e, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => c.nextPage(),
+					disabled: !c.getCanNextPage(),
+					children: "Next"
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "text-muted-foreground px-2 text-sm",
+					children: [
+						"Page ",
+						f + 1,
+						" / ",
+						h === 0 ? 1 : h
+					]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { c as DataTablePagination };

package/dist/index127.cjs

@@ -0,0 +1 @@
+const e=require("./index11.cjs"),t=require("./index79.cjs");let n=require("react/jsx-runtime"),r=require("lodash-es");var i=({table:i,tableState:a,pageSizeOptions:o,apiConfig:s})=>{let c=a.pagination.pageIndex,l=a.pagination.pageSize,u=s.mode===`server`?s.totalRows:i.getFilteredRowModel().rows.length,d=l>0?Math.ceil(u/l):0;return(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-4 py-4`,children:[(0,n.jsxs)(`div`,{className:`text-muted-foreground flex-1 text-sm`,children:[i.getFilteredSelectedRowModel().rows.length,` of `,u,` row(s) selected.`]}),(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,n.jsxs)(t.DropdownMenu,{children:[(0,n.jsx)(t.DropdownMenuTrigger,{asChild:!0,children:(0,n.jsxs)(e.Button,{variant:`outline`,size:`sm`,children:[`Rows: `,l]})}),(0,n.jsx)(t.DropdownMenuContent,{align:`end`,children:(0,r.map)(o,e=>(0,n.jsx)(t.DropdownMenuItem,{onClick:()=>i.setPageSize(e),disabled:e===l,children:e},String(e)))})]}),(0,n.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>i.previousPage(),disabled:!i.getCanPreviousPage(),children:`Previous`}),(0,n.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>i.nextPage(),disabled:!i.getCanNextPage(),children:`Next`}),(0,n.jsxs)(`div`,{className:`text-muted-foreground px-2 text-sm`,children:[`Page `,c+1,` / `,d===0?1:d]})]})]})};exports.DataTablePagination=i;

package/dist/index127.js

@@ -0,0 +1,23 @@
+import { Table as e, TableBody as t, TableCell as n, TableHead as r, TableHeader as i, TableRow as a } from "./index116.js";
+import { Fragment as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { isEmpty as l, map as u } from "lodash-es";
+import { flexRender as d } from "@tanstack/react-table";
+//#region src/DataTable/components/DataTableTable.tsx
+var f = ({ table: f, columnVisibility: p, expandedState: m, expandConfig: h, empty: g, columnsCount: _ }) => {
+	let v = f.getRowModel().rows;
+	return /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s(i, { children: u(f.getHeaderGroups(), (e) => /* @__PURE__ */ s(a, { children: u(e.headers, (e) => e.isPlaceholder || p[e.column.id] === !1 || e.column.columnDef.header === void 0 ? null : /* @__PURE__ */ s(r, { children: d(e.column.columnDef.header, e.getContext()) }, e.id)) }, e.id)) }), /* @__PURE__ */ s(t, { children: l(v) ? /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(n, {
+		colSpan: _,
+		className: "h-24 text-center",
+		children: g.render()
+	}) }) : u(v, (e) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(a, {
+		"data-state": e.getIsSelected() ? "selected" : void 0,
+		children: u(e.getVisibleCells(), (e) => /* @__PURE__ */ s(n, { children: d(e.column.columnDef.cell, e.getContext()) }, e.id))
+	}), h.enabled && e.getIsExpanded() ? /* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(n, {
+		colSpan: _,
+		className: "p-0",
+		children: h.renderSubComponent(e)
+	}) }) : null] }, e.id)) })] });
+};
+//#endregion
+export { f as DataTableTable };

package/dist/index128.cjs

@@ -0,0 +1 @@
+const e=require("./index117.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("lodash-es"),i=require("@tanstack/react-table");var a=({table:a,columnVisibility:o,expandedState:s,expandConfig:c,empty:l,columnsCount:u})=>{let d=a.getRowModel().rows;return(0,n.jsxs)(e.Table,{children:[(0,n.jsx)(e.TableHeader,{children:(0,r.map)(a.getHeaderGroups(),t=>(0,n.jsx)(e.TableRow,{children:(0,r.map)(t.headers,t=>t.isPlaceholder||o[t.column.id]===!1||t.column.columnDef.header===void 0?null:(0,n.jsx)(e.TableHead,{children:(0,i.flexRender)(t.column.columnDef.header,t.getContext())},t.id))},t.id))}),(0,n.jsx)(e.TableBody,{children:(0,r.isEmpty)(d)?(0,n.jsx)(e.TableRow,{children:(0,n.jsx)(e.TableCell,{colSpan:u,className:`h-24 text-center`,children:l.render()})}):(0,r.map)(d,a=>(0,n.jsxs)(t.Fragment,{children:[(0,n.jsx)(e.TableRow,{"data-state":a.getIsSelected()?`selected`:void 0,children:(0,r.map)(a.getVisibleCells(),t=>(0,n.jsx)(e.TableCell,{children:(0,i.flexRender)(t.column.columnDef.cell,t.getContext())},t.id))}),c.enabled&&a.getIsExpanded()?(0,n.jsx)(e.TableRow,{children:(0,n.jsx)(e.TableCell,{colSpan:u,className:`p-0`,children:c.renderSubComponent(a)})}):null]},a.id))})]})};exports.DataTableTable=a;

package/dist/index128.js

@@ -0,0 +1,34 @@
+import { Input as e } from "./index87.js";
+import { useEffect as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { debounce as a, isEmpty as o } from "lodash-es";
+//#region src/DataTable/components/DataTableToolbar.tsx
+var s = ({ table: s, placeholder: c, debounceMs: l, right: u }) => {
+	let d = s.getState().globalFilter, f = typeof d == "string" ? d : "", p = n(a((e) => {
+		s.setGlobalFilter(e);
+	}, l));
+	return t(() => (p.current = a((e) => {
+		s.setGlobalFilter(e);
+	}, l), () => {
+		p.current.cancel();
+	}), [s, l]), t(() => () => {
+		p.current.cancel();
+	}, []), /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-2 py-4",
+		children: [/* @__PURE__ */ r(e, {
+			placeholder: c,
+			defaultValue: f,
+			onChange: (e) => {
+				let t = e.target.value;
+				if (o(t)) {
+					p.current("");
+					return;
+				}
+				p.current(t);
+			},
+			className: "max-w-sm"
+		}), u]
+	});
+};
+//#endregion
+export { s as DataTableToolbar };

package/dist/index129.cjs

@@ -0,0 +1 @@
+const e=require("./index88.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("lodash-es");var i=({table:i,placeholder:a,debounceMs:o,right:s})=>{let c=i.getState().globalFilter,l=typeof c==`string`?c:``,u=(0,t.useRef)((0,r.debounce)(e=>{i.setGlobalFilter(e)},o));return(0,t.useEffect)(()=>(u.current=(0,r.debounce)(e=>{i.setGlobalFilter(e)},o),()=>{u.current.cancel()}),[i,o]),(0,t.useEffect)(()=>()=>{u.current.cancel()},[]),(0,n.jsxs)(`div`,{className:`flex items-center gap-2 py-4`,children:[(0,n.jsx)(e.Input,{placeholder:a,defaultValue:l,onChange:e=>{let t=e.target.value;if((0,r.isEmpty)(t)){u.current(``);return}u.current(t)},className:`max-w-sm`}),s]})};exports.DataTableToolbar=i;

package/dist/index129.js

@@ -0,0 +1,27 @@
+import { Button as e } from "./index10.js";
+import { DropdownMenu as t, DropdownMenuCheckboxItem as n, DropdownMenuContent as r, DropdownMenuTrigger as i } from "./index78.js";
+import { ChevronDown as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { map as c } from "lodash-es";
+//#region src/DataTable/components/DataTableViewOptions.tsx
+var l = ({ table: l, columnVisibility: u }) => {
+	let d = l.getAllColumns().filter((e) => e.getCanHide());
+	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(i, {
+		asChild: !0,
+		children: /* @__PURE__ */ s(e, {
+			variant: "outline",
+			className: "ml-auto",
+			children: ["Columns ", /* @__PURE__ */ o(a, {})]
+		})
+	}), /* @__PURE__ */ o(r, {
+		align: "end",
+		children: c(d, (e) => /* @__PURE__ */ o(n, {
+			className: "capitalize",
+			checked: u[e.id] !== !1,
+			onCheckedChange: () => e.toggleVisibility(u[e.id] === !1),
+			children: e.id
+		}, e.id))
+	})] });
+};
+//#endregion
+export { l as DataTableViewOptions };

package/dist/index13.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-dropdown-menu");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({className:e,sideOffset:n=4,...r}){return(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{"data-slot":`dropdown-menu-content`,sideOffset:n,className:t.cn(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...r})})}function u({...e}){return(0,i.jsx)(a.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function f({className:e,children:r,checked:o,...s}){return(0,i.jsxs)(a.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-4`})})}),r]})}function p({...e}){return(0,i.jsx)(a.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function m({className:e,children:r,...o}){return(0,i.jsxs)(a.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CircleIcon,{className:`size-2 fill-current`})})}),r]})}function h({className:e,inset:n,...r}){return(0,i.jsx)(a.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...r})}function g({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}function v({...e}){return(0,i.jsx)(a.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,inset:r,children:o,...s}){return(0,i.jsxs)(a.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(n.ChevronRightIcon,{className:`ml-auto size-4`})]})}function b({className:e,...n}){return(0,i.jsx)(a.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=f,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=h,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=p,exports.DropdownMenuRadioItem=m,exports.DropdownMenuSeparator=g,exports.DropdownMenuShortcut=_,exports.DropdownMenuSub=v,exports.DropdownMenuSubContent=b,exports.DropdownMenuSubTrigger=y,exports.DropdownMenuTrigger=c;
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime"),r=require("@radix-ui/react-slot"),i=require("react-dom");i=e.__toESM(i,1);var a=Object.defineProperty,o=(e,t)=>a(e,`name`,{value:t,configurable:!0}),s=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,i)=>{let a=(0,r.createSlot)(`Primitive.${i}`),o=t.forwardRef((e,t)=>{let{asChild:r,...o}=e,s=r?a:i;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,n.jsx)(s,{...o,ref:t})});return o.displayName=`Primitive.${i}`,{...e,[i]:o}},{});function c(e,t){e&&i.flushSync(()=>e.dispatchEvent(t))}o(c,`dispatchDiscreteCustomEvent`),exports.Primitive=s,exports.dispatchDiscreteCustomEvent=c;

package/dist/index13.js

@@ -1,14 +1,32 @@
-import { cn as e } from "./index3.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-label";
-//#region src/ui/label.tsx
-function r({ className: r, ...i }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "label",
-		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
-		...i
+import { Primitive as e } from "./index12.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@radix-ui+react-aspect-ratio@1.1.15_@types+react-dom@19.2.3_@types+react@19.2.17__@type_10aa7c245e36f921a290d66c57b9e119/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs
+var r = Object.defineProperty, i = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ ((e, t) => r(e, "name", {
+	value: t,
+	configurable: !0
+}))(function(t, r) {
+	let { ratio: i = 1 / 1, style: a, ...o } = t;
+	return /* @__PURE__ */ n("div", {
+		style: {
+			position: "relative",
+			width: "100%",
+			paddingBottom: `${100 / i}%`
+		},
+		"data-radix-aspect-ratio-wrapper": "",
+		children: /* @__PURE__ */ n(e.div, {
+			...o,
+			ref: r,
+			style: {
+				...a,
+				position: "absolute",
+				top: 0,
+				right: 0,
+				bottom: 0,
+				left: 0
+			}
+		})
 	});
-}
+}, "AspectRatio"));
 //#endregion
-export { r as Label };
+export { i as Root };

package/dist/index130.cjs

@@ -0,0 +1 @@
+const e=require("./index11.cjs"),t=require("./index79.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("lodash-es");var a=({table:a,columnVisibility:o})=>{let s=a.getAllColumns().filter(e=>e.getCanHide());return(0,r.jsxs)(t.DropdownMenu,{children:[(0,r.jsx)(t.DropdownMenuTrigger,{asChild:!0,children:(0,r.jsxs)(e.Button,{variant:`outline`,className:`ml-auto`,children:[`Columns `,(0,r.jsx)(n.ChevronDown,{})]})}),(0,r.jsx)(t.DropdownMenuContent,{align:`end`,children:(0,i.map)(s,e=>(0,r.jsx)(t.DropdownMenuCheckboxItem,{className:`capitalize`,checked:o[e.id]!==!1,onCheckedChange:()=>e.toggleVisibility(o[e.id]===!1),children:e.id},e.id))})]})};exports.DataTableViewOptions=a;

package/dist/index130.js

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+import { noop as t } from "lodash-es";
+//#region src/DataTable/render/defaults.tsx
+var n = {
+	placeholder: "Search...",
+	debounceMs: 300
+}, r = { pageSizeOptions: [
+	10,
+	20,
+	50,
+	100
+] }, i = { render: () => /* @__PURE__ */ e("div", {
+	className: "text-muted-foreground py-8 text-center text-sm",
+	children: "No results."
+}) }, a = {
+	mode: "client",
+	isFetching: !1,
+	totalRows: 0,
+	onQueryChange: t
+}, o = {
+	enabled: !1,
+	thresholdPx: 200,
+	onEndReached: t
+}, s = () => ({ getRowActions: () => [] });
+//#endregion
+export { a as DEFAULT_API, i as DEFAULT_EMPTY, o as DEFAULT_INFINITE_SCROLL, r as DEFAULT_PAGINATION, n as DEFAULT_SEARCH, s as createDefaultActions };

package/dist/index131.cjs

@@ -0,0 +1 @@
+let e=require("react/jsx-runtime"),t=require("lodash-es");var n={placeholder:`Search...`,debounceMs:300},r={pageSizeOptions:[10,20,50,100]},i={render:()=>(0,e.jsx)(`div`,{className:`text-muted-foreground py-8 text-center text-sm`,children:`No results.`})},a={mode:`client`,isFetching:!1,totalRows:0,onQueryChange:t.noop},o={enabled:!1,thresholdPx:200,onEndReached:t.noop},s=()=>({getRowActions:()=>[]});exports.DEFAULT_API=a,exports.DEFAULT_EMPTY=i,exports.DEFAULT_INFINITE_SCROLL=o,exports.DEFAULT_PAGINATION=r,exports.DEFAULT_SEARCH=n,exports.createDefaultActions=s;