@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index30.js

@@ -1,35 +1,97 @@
-import { cn as e } from "./index3.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "@radix-ui/react-tooltip";
-//#region src/ui/tooltip.tsx
-function i({ delayDuration: e = 0, ...n }) {
-	return /* @__PURE__ */ t(r.Provider, {
-		"data-slot": "tooltip-provider",
-		delayDuration: e,
-		...n
+"use client";
+import { useLayoutEffect2 as e } from "./index16.js";
+import * as t from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
+var n = Object.defineProperty, r = (e, t) => n(e, "name", {
+	value: t,
+	configurable: !0
+});
+function i(e, n) {
+	return t.useReducer((e, t) => n[e][t] ?? e, e);
+}
+r(i, "useStateMachine");
+var a = /* @__PURE__ */ r((e) => {
+	let { present: n, children: r } = e, i = o(n), a = typeof r == "function" ? r({ present: i.isPresent }) : t.Children.only(r), s = c(i.ref, u(a));
+	return typeof r == "function" || i.isPresent ? t.cloneElement(a, { ref: s }) : null;
+}, "Presence");
+function o(n) {
+	let [a, o] = t.useState(), s = t.useRef(null), c = t.useRef(n), u = t.useRef("none"), d = t.useRef(void 0), [f, p] = i(n ? "mounted" : "unmounted", {
+		mounted: {
+			UNMOUNT: "unmounted",
+			ANIMATION_OUT: "unmountSuspended"
+		},
+		unmountSuspended: {
+			MOUNT: "mounted",
+			ANIMATION_END: "unmounted"
+		},
+		unmounted: { MOUNT: "mounted" }
 	});
+	return t.useEffect(() => {
+		f === "mounted" ? (u.current = d.current ?? l(s.current), d.current = void 0) : u.current = "none";
+	}, [f]), e(() => {
+		let e = s.current, t = c.current;
+		if (t !== n) {
+			let r = u.current, i = l(e);
+			n ? (d.current = i, p("MOUNT")) : i === "none" || e?.display === "none" ? p("UNMOUNT") : p(t && r !== i ? "ANIMATION_OUT" : "UNMOUNT"), c.current = n;
+		}
+	}, [n, p]), e(() => {
+		if (a) {
+			let e, t = a.ownerDocument.defaultView ?? window, n = /* @__PURE__ */ r((n) => {
+				let r = l(s.current).includes(CSS.escape(n.animationName));
+				if (n.target === a && r && (p("ANIMATION_END"), !c.current)) {
+					let n = a.style.animationFillMode;
+					a.style.animationFillMode = "forwards", e = t.setTimeout(() => {
+						a.style.animationFillMode === "forwards" && (a.style.animationFillMode = n);
+					});
+				}
+			}, "handleAnimationEnd"), i = /* @__PURE__ */ r((e) => {
+				e.target === a && (u.current = l(s.current));
+			}, "handleAnimationStart");
+			return a.addEventListener("animationstart", i), a.addEventListener("animationcancel", n), a.addEventListener("animationend", n), () => {
+				t.clearTimeout(e), a.removeEventListener("animationstart", i), a.removeEventListener("animationcancel", n), a.removeEventListener("animationend", n);
+			};
+		} else p("ANIMATION_END");
+	}, [a, p]), {
+		isPresent: ["mounted", "unmountSuspended"].includes(f),
+		ref: t.useCallback((e) => {
+			if (e) {
+				let t = getComputedStyle(e);
+				s.current = t, d.current = l(t);
+			} else s.current = null;
+			o(e);
+		}, [])
+	};
 }
-function a({ ...e }) {
-	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
-		"data-slot": "tooltip",
-		...e
-	}) });
+r(o, "usePresence");
+function s(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
 }
-function o({ ...e }) {
-	return /* @__PURE__ */ t(r.Trigger, {
-		"data-slot": "tooltip-trigger",
-		...e
-	});
+r(s, "setRef");
+function c(...e) {
+	let n = t.useRef(e);
+	return n.current = e, t.useCallback((e) => {
+		let t = n.current, r = !1, i = t.map((t) => {
+			let n = s(t, e);
+			return !r && typeof n == "function" && (r = !0), n;
+		});
+		if (r) return () => {
+			for (let e = 0; e < i.length; e++) {
+				let n = i[e];
+				typeof n == "function" ? n() : s(t[e], null);
+			}
+		};
+	}, []);
+}
+r(c, "useStableComposedRefs");
+function l(e) {
+	return e?.animationName || "none";
 }
-function s({ className: i, sideOffset: a = 0, children: o, ...s }) {
-	return /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
-		"data-slot": "tooltip-content",
-		sideOffset: a,
-		className: e("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", i),
-		...s,
-		children: [o, /* @__PURE__ */ t(r.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
-	}) });
+r(l, "getAnimationName");
+function u(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
+r(u, "getElementRef");
 //#endregion
-export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };
+export { a as Presence };

package/dist/index31.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-tooltip");i=e.__toESM(i,1);function a({delayDuration:e=0,...t}){return(0,r.jsx)(i.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function o({...e}){return(0,r.jsx)(a,{children:(0,r.jsx)(i.Root,{"data-slot":`tooltip`,...e})})}function s({...e}){return(0,r.jsx)(i.Trigger,{"data-slot":`tooltip-trigger`,...e})}function c({className:e,sideOffset:n=0,children:a,...o}){return(0,r.jsx)(i.Portal,{children:(0,r.jsxs)(i.Content,{"data-slot":`tooltip-content`,sideOffset:n,className:t.cn(`bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance`,e),...o,children:[a,(0,r.jsx)(i.Arrow,{className:`bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]`})]})})}exports.Tooltip=o,exports.TooltipContent=c,exports.TooltipProvider=a,exports.TooltipTrigger=s;
+"use client";const e=require("./index2.cjs"),t=require("./index17.cjs");let n=require("react");n=e.__toESM(n,1);var r=Object.defineProperty,i=(e,t)=>r(e,`name`,{value:t,configurable:!0});function a(e,t){return n.useReducer((e,n)=>t[e][n]??e,e)}i(a,`useStateMachine`);var o=i(e=>{let{present:t,children:r}=e,i=s(t),a=typeof r==`function`?r({present:i.isPresent}):n.Children.only(r),o=l(i.ref,d(a));return typeof r==`function`||i.isPresent?n.cloneElement(a,{ref:o}):null},`Presence`);function s(e){let[r,o]=n.useState(),s=n.useRef(null),c=n.useRef(e),l=n.useRef(`none`),d=n.useRef(void 0),[f,p]=a(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return n.useEffect(()=>{f===`mounted`?(l.current=d.current??u(s.current),d.current=void 0):l.current=`none`},[f]),t.useLayoutEffect2(()=>{let t=s.current,n=c.current;if(n!==e){let r=l.current,i=u(t);e?(d.current=i,p(`MOUNT`)):i===`none`||t?.display===`none`?p(`UNMOUNT`):p(n&&r!==i?`ANIMATION_OUT`:`UNMOUNT`),c.current=e}},[e,p]),t.useLayoutEffect2(()=>{if(r){let e,t=r.ownerDocument.defaultView??window,n=i(n=>{let i=u(s.current).includes(CSS.escape(n.animationName));if(n.target===r&&i&&(p(`ANIMATION_END`),!c.current)){let n=r.style.animationFillMode;r.style.animationFillMode=`forwards`,e=t.setTimeout(()=>{r.style.animationFillMode===`forwards`&&(r.style.animationFillMode=n)})}},`handleAnimationEnd`),a=i(e=>{e.target===r&&(l.current=u(s.current))},`handleAnimationStart`);return r.addEventListener(`animationstart`,a),r.addEventListener(`animationcancel`,n),r.addEventListener(`animationend`,n),()=>{t.clearTimeout(e),r.removeEventListener(`animationstart`,a),r.removeEventListener(`animationcancel`,n),r.removeEventListener(`animationend`,n)}}else p(`ANIMATION_END`)},[r,p]),{isPresent:[`mounted`,`unmountSuspended`].includes(f),ref:n.useCallback(e=>{if(e){let t=getComputedStyle(e);s.current=t,d.current=u(t)}else s.current=null;o(e)},[])}}i(s,`usePresence`);function c(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}i(c,`setRef`);function l(...e){let t=n.useRef(e);return t.current=e,n.useCallback(e=>{let n=t.current,r=!1,i=n.map(t=>{let n=c(t,e);return!r&&typeof n==`function`&&(r=!0),n});if(r)return()=>{for(let e=0;e<i.length;e++){let t=i[e];typeof t==`function`?t():c(n[e],null)}}},[])}i(l,`useStableComposedRefs`);function u(e){return e?.animationName||`none`}i(u,`getAnimationName`);function d(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}i(d,`getElementRef`),exports.Presence=o;

package/dist/index31.js

@@ -1,43 +1,16 @@
-import { cn as e } from "./index3.js";
-import { Button as t } from "./index6.js";
-import { Dialog as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s } from "./index10.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]
-					})
-				})
-			]
-		})
-	});
+import { useLayoutEffect2 as e } from "./index16.js";
+import * as t from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-id@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-id/dist/index.mjs
+var n = Object.defineProperty, r = (e, t) => n(e, "name", {
+	value: t,
+	configurable: !0
+}), i = t.useId || (() => void 0), a = 0;
+function o(n) {
+	let [r, o] = t.useState(i());
+	return e(() => {
+		n || o((e) => e ?? String(a++));
+	}, [n]), n || (r ? `radix-${r}` : "");
 }
+r(o, "useId");
 //#endregion
-export { u as Modal };
+export { o as useId };

package/dist/index32.cjs

@@ -1 +1 @@
-const e=require("./index4.cjs"),t=require("./index7.cjs"),n=require("./index11.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;
+const e=require("./index2.cjs"),t=require("./index17.cjs");let n=require("react");n=e.__toESM(n,1);var r=Object.defineProperty,i=(e,t)=>r(e,`name`,{value:t,configurable:!0}),a=n.useId||(()=>void 0),o=0;function s(e){let[r,i]=n.useState(a());return t.useLayoutEffect2(()=>{e||i(e=>e??String(o++))},[e]),e||(r?`radix-${r}`:``)}i(s,`useId`),exports.useId=s;

package/dist/index32.js

@@ -1,14 +1,95 @@
-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 })
-		});
-	};
+"use client";
+import { createContextScope as e } from "./index6.js";
+import { useComposedRefs as t } from "./index7.js";
+import { composeEventHandlers as n } from "./index8.js";
+import { Primitive as r } from "./index12.js";
+import { useLayoutEffect2 as i } from "./index16.js";
+import { useControllableState as a } from "./index29.js";
+import { Presence as o } from "./index30.js";
+import { useId as s } from "./index31.js";
+import * as c from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@radix-ui+react-collapsible@1.1.20_@types+react-dom@19.2.3_@types+react@19.2.17__@types_8ccab72b6d36cb21f6789c4ac3698ef5/node_modules/@radix-ui/react-collapsible/dist/index.mjs
+var u = Object.defineProperty, d = (e, t) => u(e, "name", {
+	value: t,
+	configurable: !0
+}), f = "Collapsible", [p, m] = e(f), [h, g] = p(f), _ = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { __scopeCollapsible: n, open: i, defaultOpen: o, disabled: u, onOpenChange: d, ...p } = e, [m, g] = a({
+		prop: i,
+		defaultProp: o ?? !1,
+		onChange: d,
+		caller: f
+	});
+	return /* @__PURE__ */ l(h, {
+		scope: n,
+		disabled: u,
+		contentId: s(),
+		open: m,
+		onOpenToggle: c.useCallback(() => g((e) => !e), [g]),
+		children: /* @__PURE__ */ l(r.div, {
+			"data-state": C(m),
+			"data-disabled": u ? "" : void 0,
+			...p,
+			ref: t
+		})
+	});
+}, "Collapsible")), v = "CollapsibleTrigger", y = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { __scopeCollapsible: i, ...a } = e, o = g(v, i);
+	return /* @__PURE__ */ l(r.button, {
+		type: "button",
+		"aria-controls": o.open ? o.contentId : void 0,
+		"aria-expanded": o.open || !1,
+		"data-state": C(o.open),
+		"data-disabled": o.disabled ? "" : void 0,
+		disabled: o.disabled,
+		...a,
+		ref: t,
+		onClick: n(e.onClick, o.onOpenToggle)
+	});
+}, "CollapsibleTrigger")), b = "CollapsibleContent", x = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ d(function(e, t) {
+	let { forceMount: n, ...r } = e, i = g(b, e.__scopeCollapsible);
+	return /* @__PURE__ */ l(o, {
+		present: n || i.open,
+		children: ({ present: e }) => /* @__PURE__ */ l(S, {
+			...r,
+			ref: t,
+			present: e
+		})
+	});
+}, "CollapsibleContent")), S = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ d(function(e, n) {
+	let { __scopeCollapsible: a, present: o, children: s, ...u } = e, d = g(b, a), [f, p] = c.useState(o), m = c.useRef(null), h = t(n, m), _ = c.useRef(0), v = _.current, y = c.useRef(0), x = y.current, S = d.open || f, w = c.useRef(S), T = c.useRef(void 0);
+	return c.useEffect(() => {
+		let e = requestAnimationFrame(() => w.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), i(() => {
+		let e = m.current;
+		if (e) {
+			T.current = T.current || {
+				transitionDuration: e.style.transitionDuration,
+				animationName: e.style.animationName
+			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
+			let t = e.getBoundingClientRect();
+			_.current = t.height, y.current = t.width, w.current || (e.style.transitionDuration = T.current.transitionDuration, e.style.animationName = T.current.animationName), p(o);
+		}
+	}, [d.open, o]), /* @__PURE__ */ l(r.div, {
+		"data-state": C(d.open),
+		"data-disabled": d.disabled ? "" : void 0,
+		id: d.contentId,
+		hidden: !S,
+		...u,
+		ref: h,
+		style: {
+			"--radix-collapsible-content-height": v ? `${v}px` : void 0,
+			"--radix-collapsible-content-width": x ? `${x}px` : void 0,
+			...e.style
+		},
+		children: S && s
+	});
+}, "CollapsibleContentImpl"));
+function C(e) {
+	return e ? "open" : "closed";
 }
+d(C, "getState");
+var w = _;
 //#endregion
-export { r as lazyLoad };
+export { x as CollapsibleContent, y as CollapsibleTrigger, w as Root };

package/dist/index33.cjs

@@ -1 +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;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index8.cjs"),r=require("./index9.cjs"),i=require("./index13.cjs"),a=require("./index17.cjs"),o=require("./index30.cjs"),s=require("./index31.cjs"),c=require("./index32.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=Object.defineProperty,f=(e,t)=>d(e,`name`,{value:t,configurable:!0}),p=`Collapsible`,[m,h]=t.createContextScope(p),[g,_]=m(p),v=l.forwardRef(f(function(e,t){let{__scopeCollapsible:n,open:r,defaultOpen:a,disabled:s,onOpenChange:d,...f}=e,[m,h]=o.useControllableState({prop:r,defaultProp:a??!1,onChange:d,caller:p});return(0,u.jsx)(g,{scope:n,disabled:s,contentId:c.useId(),open:m,onOpenToggle:l.useCallback(()=>h(e=>!e),[h]),children:(0,u.jsx)(i.Primitive.div,{"data-state":w(m),"data-disabled":s?``:void 0,...f,ref:t})})},`Collapsible`)),y=`CollapsibleTrigger`,b=l.forwardRef(f(function(e,t){let{__scopeCollapsible:n,...a}=e,o=_(y,n);return(0,u.jsx)(i.Primitive.button,{type:`button`,"aria-controls":o.open?o.contentId:void 0,"aria-expanded":o.open||!1,"data-state":w(o.open),"data-disabled":o.disabled?``:void 0,disabled:o.disabled,...a,ref:t,onClick:r.composeEventHandlers(e.onClick,o.onOpenToggle)})},`CollapsibleTrigger`)),x=`CollapsibleContent`,S=l.forwardRef(f(function(e,t){let{forceMount:n,...r}=e,i=_(x,e.__scopeCollapsible);return(0,u.jsx)(s.Presence,{present:n||i.open,children:({present:e})=>(0,u.jsx)(C,{...r,ref:t,present:e})})},`CollapsibleContent`)),C=l.forwardRef(f(function(e,t){let{__scopeCollapsible:r,present:o,children:s,...c}=e,d=_(x,r),[f,p]=l.useState(o),m=l.useRef(null),h=n.useComposedRefs(t,m),g=l.useRef(0),v=g.current,y=l.useRef(0),b=y.current,S=d.open||f,C=l.useRef(S),T=l.useRef(void 0);return l.useEffect(()=>{let e=requestAnimationFrame(()=>C.current=!1);return()=>cancelAnimationFrame(e)},[]),a.useLayoutEffect2(()=>{let e=m.current;if(e){T.current=T.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration=`0s`,e.style.animationName=`none`;let t=e.getBoundingClientRect();g.current=t.height,y.current=t.width,C.current||(e.style.transitionDuration=T.current.transitionDuration,e.style.animationName=T.current.animationName),p(o)}},[d.open,o]),(0,u.jsx)(i.Primitive.div,{"data-state":w(d.open),"data-disabled":d.disabled?``:void 0,id:d.contentId,hidden:!S,...c,ref:h,style:{"--radix-collapsible-content-height":v?`${v}px`:void 0,"--radix-collapsible-content-width":b?`${b}px`:void 0,...e.style},children:S&&s})},`CollapsibleContentImpl`));function w(e){return e?`open`:`closed`}f(w,`getState`);var T=v;exports.CollapsibleContent=S,exports.CollapsibleTrigger=b,exports.Root=T;

package/dist/index33.js

@@ -1,64 +1,24 @@
-import { Button as e } from "./index6.js";
-import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuTrigger as i } from "./index12.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
-					]
-				})
-			]
-		})]
+"use client";
+import { CollapsibleContent as e, CollapsibleTrigger as t, Root as n } from "./index32.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/collapsible.tsx
+function i({ ...e }) {
+	return /* @__PURE__ */ r(n, {
+		"data-slot": "collapsible",
+		...e
 	});
-};
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "collapsible-trigger",
+		...e
+	});
+}
+function o({ ...t }) {
+	return /* @__PURE__ */ r(e, {
+		"data-slot": "collapsible-content",
+		...t
+	});
+}
 //#endregion
-export { c as DataTablePagination };
+export { i as Collapsible, o as CollapsibleContent, a as CollapsibleTrigger };

package/dist/index34.cjs

@@ -1 +1 @@
-const e=require("./index7.cjs"),t=require("./index13.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;
+"use client";const e=require("./index33.cjs");let t=require("react/jsx-runtime");function n({...n}){return(0,t.jsx)(e.Root,{"data-slot":`collapsible`,...n})}function r({...n}){return(0,t.jsx)(e.CollapsibleTrigger,{"data-slot":`collapsible-trigger`,...n})}function i({...n}){return(0,t.jsx)(e.CollapsibleContent,{"data-slot":`collapsible-content`,...n})}exports.Collapsible=n,exports.CollapsibleContent=i,exports.CollapsibleTrigger=r;

package/dist/index34.js

@@ -1,23 +1,85 @@
-import { Table as e, TableBody as t, TableCell as n, TableHead as r, TableHeader as i, TableRow as a } from "./index28.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)) })] });
-};
+import { cn as e } from "./index3.js";
+import { XIcon as t } from "lucide-react";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-dialog";
+//#region src/ui/dialog.tsx
+function a({ ...e }) {
+	return /* @__PURE__ */ n(i.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ n(i.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(i.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ n(i.Close, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
+		...r
+	});
+}
+function u({ className: a, children: o, showCloseButton: c = !0, ...u }) {
+	return /* @__PURE__ */ r(s, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ n(l, {}), /* @__PURE__ */ r(i.Content, {
+			"data-slot": "dialog-content",
+			className: e("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", a),
+			...u,
+			children: [o, c && /* @__PURE__ */ r(i.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ n(t, {}), /* @__PURE__ */ n("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-header",
+		className: e("flex flex-col gap-2 text-center sm:text-left", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "dialog-footer",
+		className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Title, {
+		"data-slot": "dialog-title",
+		className: e("text-lg leading-none font-semibold", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n(i.Description, {
+		"data-slot": "dialog-description",
+		className: e("text-muted-foreground text-sm", t),
+		...r
+	});
+}
 //#endregion
-export { f as DataTableTable };
+export { a as Dialog, c as DialogClose, u as DialogContent, m as DialogDescription, f as DialogFooter, d as DialogHeader, l as DialogOverlay, s as DialogPortal, p as DialogTitle, o as DialogTrigger };

package/dist/index35.cjs

@@ -1 +1 @@
-const e=require("./index29.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;
+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-dialog");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`dialog`,...e})}function s({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`dialog-trigger`,...e})}function c({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`dialog-portal`,...e})}function l({...e}){return(0,i.jsx)(a.Close,{"data-slot":`dialog-close`,...e})}function u({className:e,...n}){return(0,i.jsx)(a.Overlay,{"data-slot":`dialog-overlay`,className:t.cn(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50`,e),...n})}function d({className:e,children:r,showCloseButton:o=!0,...s}){return(0,i.jsxs)(c,{"data-slot":`dialog-portal`,children:[(0,i.jsx)(u,{}),(0,i.jsxs)(a.Content,{"data-slot":`dialog-content`,className:t.cn(`bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg`,e),...s,children:[r,o&&(0,i.jsxs)(a.Close,{"data-slot":`dialog-close`,className:`ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,children:[(0,i.jsx)(n.XIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`flex flex-col gap-2 text-center sm:text-left`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(a.Title,{"data-slot":`dialog-title`,className:t.cn(`text-lg leading-none font-semibold`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(a.Description,{"data-slot":`dialog-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}exports.Dialog=o,exports.DialogClose=l,exports.DialogContent=d,exports.DialogDescription=h,exports.DialogFooter=p,exports.DialogHeader=f,exports.DialogOverlay=u,exports.DialogPortal=c,exports.DialogTitle=m,exports.DialogTrigger=s;