@vlrc-fe/components 1.0.0

package/dist/index20.js

@@ -0,0 +1,116 @@
+import { cn as e } from "./index3.js";
+import { Separator as t } from "./index14.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as r } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+//#region src/ui/item.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: e("group/item-group flex flex-col", t),
+		...r
+	});
+}
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: e("my-0", r),
+		...i
+	});
+}
+var s = i("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border-border",
+			muted: "bg-muted/50"
+		},
+		size: {
+			default: "p-4 gap-4 ",
+			sm: "py-3 px-4 gap-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function c({ className: t, variant: i = "default", size: a = "default", asChild: o = !1, ...c }) {
+	return /* @__PURE__ */ n(o ? r : "div", {
+		"data-slot": "item",
+		"data-variant": i,
+		"data-size": a,
+		className: e(s({
+			variant: i,
+			size: a,
+			className: t
+		})),
+		...c
+	});
+}
+var l = i("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function u({ className: t, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-media",
+		"data-variant": r,
+		className: e(l({
+			variant: r,
+			className: t
+		})),
+		...i
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-content",
+		className: e("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-title",
+		className: e("flex w-fit items-center gap-2 text-sm leading-snug font-medium", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		"data-slot": "item-description",
+		className: e("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
+		...r
+	});
+}
+function m({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-actions",
+		className: e("flex items-center gap-2", t),
+		...r
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-header",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "item-footer",
+		className: e("flex basis-full items-center justify-between gap-2", t),
+		...r
+	});
+}
+//#endregion
+export { c as Item, m as ItemActions, d as ItemContent, p as ItemDescription, g as ItemFooter, a as ItemGroup, h as ItemHeader, u as ItemMedia, o as ItemSeparator, f as ItemTitle };

package/dist/index21.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index15.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot"),o=require("class-variance-authority");function s({className:e,...n}){return(0,i.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:t.cn(`group/item-group flex flex-col`,e),...n})}function c({className:e,...r}){return(0,i.jsx)(n.Separator,{"data-slot":`item-separator`,orientation:`horizontal`,className:t.cn(`my-0`,e),...r})}var l=(0,o.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted/50`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function u({className:e,variant:n=`default`,size:r=`default`,asChild:o=!1,...s}){return(0,i.jsx)(o?a.Slot:`div`,{"data-slot":`item`,"data-variant":n,"data-size":r,className:t.cn(l({variant:n,size:r,className:e})),...s})}var d=(0,o.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function f({className:e,variant:n=`default`,...r}){return(0,i.jsx)(`div`,{"data-slot":`item-media`,"data-variant":n,className:t.cn(d({variant:n,className:e})),...r})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-content`,className:t.cn(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-title`,className:t.cn(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(`p`,{"data-slot":`item-description`,className:t.cn(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-actions`,className:t.cn(`flex items-center gap-2`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-header`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}function v({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-footer`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}exports.Item=u,exports.ItemActions=g,exports.ItemContent=p,exports.ItemDescription=h,exports.ItemFooter=v,exports.ItemGroup=s,exports.ItemHeader=_,exports.ItemMedia=f,exports.ItemSeparator=c,exports.ItemTitle=m;

package/dist/index21.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+//#region src/ui/popover.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
+		"data-slot": "popover-content",
+		align: i,
+		sideOffset: a,
+		className: e("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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
+		...o
+	}) });
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(n.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+//#endregion
+export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };

package/dist/index22.cjs

@@ -0,0 +1 @@
+"use client";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-popover");i=e.__toESM(i,1);function a({...e}){return(0,r.jsx)(i.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,sideOffset:a=4,...o}){return(0,r.jsx)(i.Portal,{children:(0,r.jsx)(i.Content,{"data-slot":`popover-content`,align:n,sideOffset:a,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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}function c({...e}){return(0,r.jsx)(i.Anchor,{"data-slot":`popover-anchor`,...e})}exports.Popover=a,exports.PopoverAnchor=c,exports.PopoverContent=s,exports.PopoverTrigger=o;

package/dist/index22.js

@@ -0,0 +1,18 @@
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/progress.tsx
+var n = e.forwardRef(({ className: e = "", value: n = 0, ...r }, i) => {
+	let a = Math.min(Math.max(n, 0), 100);
+	return /* @__PURE__ */ t("div", {
+		ref: i,
+		className: `relative h-4 w-full overflow-hidden rounded-full bg-slate-200 dark:bg-slate-700 ${e}`,
+		...r,
+		children: /* @__PURE__ */ t("div", {
+			className: "h-full w-full bg-blue-500 dark:bg-blue-600 transition-all",
+			style: { width: `${a}%` }
+		})
+	});
+});
+n.displayName = "Progress";
+//#endregion
+export { n as Progress };

package/dist/index23.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=t.forwardRef(({className:e=``,value:t=0,...r},i)=>{let a=Math.min(Math.max(t,0),100);return(0,n.jsx)(`div`,{ref:i,className:`relative h-4 w-full overflow-hidden rounded-full bg-slate-200 dark:bg-slate-700 ${e}`,...r,children:(0,n.jsx)(`div`,{className:`h-full w-full bg-blue-500 dark:bg-blue-600 transition-all`,style:{width:`${a}%`}})})});r.displayName=`Progress`,exports.Progress=r;

package/dist/index23.js

@@ -0,0 +1,27 @@
+import { cn as e } from "./index3.js";
+import { CircleIcon as t } from "lucide-react";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-radio-group";
+//#region src/ui/radio-group.tsx
+function i({ className: t, ...i }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "radio-group",
+		className: e("grid gap-3", t),
+		...i
+	});
+}
+function a({ className: i, ...a }) {
+	return /* @__PURE__ */ n(r.Item, {
+		"data-slot": "radio-group-item",
+		className: e("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
+		...a,
+		children: /* @__PURE__ */ n(r.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "relative flex items-center justify-center",
+			children: /* @__PURE__ */ n(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+		})
+	});
+}
+//#endregion
+export { i as RadioGroup, a as RadioGroupItem };

package/dist/index24.cjs

@@ -0,0 +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-radio-group");a=e.__toESM(a,1);function o({className:e,...n}){return(0,i.jsx)(a.Root,{"data-slot":`radio-group`,className:t.cn(`grid gap-3`,e),...n})}function s({className:e,...r}){return(0,i.jsx)(a.Item,{"data-slot":`radio-group-item`,className:t.cn(`border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50`,e),...r,children:(0,i.jsx)(a.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center`,children:(0,i.jsx)(n.CircleIcon,{className:`fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2`})})})}exports.RadioGroup=o,exports.RadioGroupItem=s;

package/dist/index24.js

@@ -0,0 +1,35 @@
+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-scroll-area";
+//#region src/ui/scroll-area.tsx
+function i({ className: i, children: o, ...s }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "scroll-area",
+		className: e("relative", i),
+		...s,
+		children: [
+			/* @__PURE__ */ t(r.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				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: o
+			}),
+			/* @__PURE__ */ t(a, {}),
+			/* @__PURE__ */ t(r.Corner, {})
+		]
+	});
+}
+function a({ className: n, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ t(r.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: i,
+		className: e("flex touch-none p-px transition-colors select-none", i === "vertical" && "h-full w-2.5 border-l border-l-transparent", i === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", n),
+		...a,
+		children: /* @__PURE__ */ t(r.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
+	});
+}
+//#endregion
+export { i as ScrollArea, a as ScrollBar };

package/dist/index25.cjs

@@ -0,0 +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-scroll-area");i=e.__toESM(i,1);function a({className:e,children:n,...a}){return(0,r.jsxs)(i.Root,{"data-slot":`scroll-area`,className:t.cn(`relative`,e),...a,children:[(0,r.jsx)(i.Viewport,{"data-slot":`scroll-area-viewport`,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:n}),(0,r.jsx)(o,{}),(0,r.jsx)(i.Corner,{})]})}function o({className:e,orientation:n=`vertical`,...a}){return(0,r.jsx)(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:n,className:t.cn(`flex touch-none p-px transition-colors select-none`,n===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,n===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,r.jsx)(i.ScrollAreaThumb,{"data-slot":`scroll-area-thumb`,className:`bg-border relative flex-1 rounded-full`})})}exports.ScrollArea=a,exports.ScrollBar=o;

package/dist/index25.js

@@ -0,0 +1,97 @@
+import { cn as e } from "./index3.js";
+import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r } from "lucide-react";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-select";
+//#region src/ui/select.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "select",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Group, {
+		"data-slot": "select-group",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Value, {
+		"data-slot": "select-value",
+		...e
+	});
+}
+function u({ className: t, size: r = "default", children: s, ...c }) {
+	return /* @__PURE__ */ a(o.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": r,
+		className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...c,
+		children: [s, /* @__PURE__ */ i(o.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ i(n, { className: "size-4 opacity-50" })
+		})]
+	});
+}
+function d({ className: t, children: n, position: r = "item-aligned", align: s = "center", ...c }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
+		"data-slot": "select-content",
+		className: e("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
+		position: r,
+		align: s,
+		...c,
+		children: [
+			/* @__PURE__ */ i(h, {}),
+			/* @__PURE__ */ i(o.Viewport, {
+				className: e("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children: n
+			}),
+			/* @__PURE__ */ i(g, {})
+		]
+	}) });
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Label, {
+		"data-slot": "select-label",
+		className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
+		...n
+	});
+}
+function p({ className: n, children: r, ...s }) {
+	return /* @__PURE__ */ a(o.Item, {
+		"data-slot": "select-item",
+		className: e("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", n),
+		...s,
+		children: [/* @__PURE__ */ i("span", {
+			"data-slot": "select-item-indicator",
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "size-4" }) })
+		}), /* @__PURE__ */ i(o.ItemText, { children: r })]
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		"data-slot": "select-separator",
+		className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: e("flex cursor-default items-center justify-center py-1", t),
+		...n,
+		children: /* @__PURE__ */ i(r, { className: "size-4" })
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ i(o.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: e("flex cursor-default items-center justify-center py-1", t),
+		...r,
+		children: /* @__PURE__ */ i(n, { className: "size-4" })
+	});
+}
+//#endregion
+export { s as Select, d as SelectContent, c as SelectGroup, p as SelectItem, f as SelectLabel, g as SelectScrollDownButton, h as SelectScrollUpButton, m as SelectSeparator, u as SelectTrigger, l as SelectValue };

package/dist/index26.cjs

@@ -0,0 +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-select");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`select`,...e})}function s({...e}){return(0,i.jsx)(a.Group,{"data-slot":`select-group`,...e})}function c({...e}){return(0,i.jsx)(a.Value,{"data-slot":`select-value`,...e})}function l({className:e,size:r=`default`,children:o,...s}){return(0,i.jsxs)(a.Trigger,{"data-slot":`select-trigger`,"data-size":r,className:t.cn(`border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(a.Icon,{asChild:!0,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-4 opacity-50`})})]})}function u({className:e,children:n,position:r=`item-aligned`,align:o=`center`,...s}){return(0,i.jsx)(a.Portal,{children:(0,i.jsxs)(a.Content,{"data-slot":`select-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md`,r===`popper`&&`data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1`,e),position:r,align:o,...s,children:[(0,i.jsx)(m,{}),(0,i.jsx)(a.Viewport,{className:t.cn(`p-1`,r===`popper`&&`h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1`),children:n}),(0,i.jsx)(h,{})]})})}function d({className:e,...n}){return(0,i.jsx)(a.Label,{"data-slot":`select-label`,className:t.cn(`text-muted-foreground px-2 py-1.5 text-xs`,e),...n})}function f({className:e,children:r,...o}){return(0,i.jsxs)(a.Item,{"data-slot":`select-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,e),...o,children:[(0,i.jsx)(`span`,{"data-slot":`select-item-indicator`,className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-4`})})}),(0,i.jsx)(a.ItemText,{children:r})]})}function p({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`select-separator`,className:t.cn(`bg-border pointer-events-none -mx-1 my-1 h-px`,e),...n})}function m({className:e,...r}){return(0,i.jsx)(a.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...r,children:(0,i.jsx)(n.ChevronUpIcon,{className:`size-4`})})}function h({className:e,...r}){return(0,i.jsx)(a.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:t.cn(`flex cursor-default items-center justify-center py-1`,e),...r,children:(0,i.jsx)(n.ChevronDownIcon,{className:`size-4`})})}exports.Select=o,exports.SelectContent=u,exports.SelectGroup=s,exports.SelectItem=f,exports.SelectLabel=d,exports.SelectScrollDownButton=h,exports.SelectScrollUpButton=m,exports.SelectSeparator=p,exports.SelectTrigger=l,exports.SelectValue=c;

package/dist/index26.js

@@ -0,0 +1,28 @@
+import { CircleCheckIcon as e, InfoIcon as t, Loader2Icon as n, OctagonXIcon as r, TriangleAlertIcon as i } from "lucide-react";
+import { jsx as a } from "react/jsx-runtime";
+import { useTheme as o } from "next-themes";
+import { Toaster as s } from "sonner";
+//#region src/ui/sonner.tsx
+var c = ({ ...c }) => {
+	let { theme: l = "system" } = o();
+	return /* @__PURE__ */ a(s, {
+		theme: l,
+		className: "toaster group",
+		icons: {
+			success: /* @__PURE__ */ a(e, { className: "size-4" }),
+			info: /* @__PURE__ */ a(t, { className: "size-4" }),
+			warning: /* @__PURE__ */ a(i, { className: "size-4" }),
+			error: /* @__PURE__ */ a(r, { className: "size-4" }),
+			loading: /* @__PURE__ */ a(n, { className: "size-4 animate-spin" })
+		},
+		style: {
+			"--normal-bg": "var(--popover)",
+			"--normal-text": "var(--popover-foreground)",
+			"--normal-border": "var(--border)",
+			"--border-radius": "var(--radius)"
+		},
+		...c
+	});
+};
+//#endregion
+export { c as Toaster };

package/dist/index27.cjs

@@ -0,0 +1 @@
+let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("next-themes"),r=require("sonner");var i=({...i})=>{let{theme:a=`system`}=(0,n.useTheme)();return(0,t.jsx)(r.Toaster,{theme:a,className:`toaster group`,icons:{success:(0,t.jsx)(e.CircleCheckIcon,{className:`size-4`}),info:(0,t.jsx)(e.InfoIcon,{className:`size-4`}),warning:(0,t.jsx)(e.TriangleAlertIcon,{className:`size-4`}),error:(0,t.jsx)(e.OctagonXIcon,{className:`size-4`}),loading:(0,t.jsx)(e.Loader2Icon,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--popover)`,"--normal-text":`var(--popover-foreground)`,"--normal-border":`var(--border)`,"--border-radius":`var(--radius)`},...i})};exports.Toaster=i;

package/dist/index27.js

@@ -0,0 +1,14 @@
+import { cn as e } from "./index3.js";
+import { Loader2Icon as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ui/spinner.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		role: "status",
+		"aria-label": "Loading",
+		className: e("size-4 animate-spin", r),
+		...i
+	});
+}
+//#endregion
+export { r as Spinner };

package/dist/index28.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs");let t=require("lucide-react"),n=require("react/jsx-runtime");function r({className:r,...i}){return(0,n.jsx)(t.Loader2Icon,{role:`status`,"aria-label":`Loading`,className:e.cn(`size-4 animate-spin`,r),...i})}exports.Spinner=r;

package/dist/index28.js

@@ -0,0 +1,67 @@
+"use client";
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/table.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("[&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tfoot", {
+		"data-slot": "table-footer",
+		className: e("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("text-muted-foreground mt-4 text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };

package/dist/index29.cjs

@@ -0,0 +1 @@
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`table-container`,className:`relative w-full overflow-x-auto`,children:(0,r.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...n})})}function a({className:e,...n}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`[&_tr]:border-b`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-muted/50 border-t font-medium [&>tr]:last:border-b-0`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:t.cn(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`text-muted-foreground mt-4 text-sm`,e),...n})}exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;

package/dist/index29.js

@@ -0,0 +1,13 @@
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/textarea.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("textarea", {
+		"data-slot": "textarea",
+		className: e("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Textarea };

package/dist/index3.cjs

@@ -0,0 +1 @@
+let e=require("lucide-react"),t=require("react"),n=require("react/jsx-runtime");function r({isOpen:r,onClose:i,onConfirm:a,title:o,message:s,confirmText:c=`Xác nhận`,cancelText:l=`Hủy`,closeLabel:u=`Đóng`,processingText:d=`Đang xử lý...`,type:f=`warning`,isLoading:p=!1}){let[m,h]=(0,t.useState)(r),g=(0,t.useRef)(null),_=(0,t.useRef)(null);(0,t.useEffect)(()=>{r&&h(!0)},[r]),(0,t.useEffect)(()=>{if(!m||r)return;let e=window.setTimeout(()=>h(!1),200);return()=>window.clearTimeout(e)},[r,m]);let v=()=>{p||i()},y=()=>{p||a()},b=e=>{e.target===e.currentTarget&&!p&&i()};if((0,t.useEffect)(()=>{let e=e=>{e.key===`Escape`&&r&&!p&&i()};return r&&document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[r,i,p]),(0,t.useEffect)(()=>(r?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[r]),(0,t.useEffect)(()=>{if(!r)return;let e=_.current;if(!e)return;let t=e.querySelectorAll(`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])`),n=t[0],i=t[t.length-1],a=e=>{e.key===`Tab`&&(e.shiftKey&&document.activeElement===n?(e.preventDefault(),i?.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n?.focus()))};e.addEventListener(`keydown`,a);let o=window.setTimeout(()=>n?.focus(),100);return()=>{e.removeEventListener(`keydown`,a),window.clearTimeout(o)}},[r]),!m)return null;let x={warning:e.AlertTriangleIcon,info:e.InfoIcon,success:e.CheckCircleIcon,danger:e.XCircleIcon}[f],S={warning:`text-yellow-500`,info:`text-blue-500`,success:`text-green-500`,danger:`text-red-500`}[f],C={warning:`bg-yellow-500 hover:bg-yellow-600 focus:ring-yellow-500`,info:`bg-blue-500 hover:bg-blue-600 focus:ring-blue-500`,success:`bg-green-500 hover:bg-green-600 focus:ring-green-500`,danger:`bg-red-500 hover:bg-red-600 focus:ring-red-500`}[f];return(0,n.jsxs)(`div`,{ref:g,className:`fixed inset-0 z-10000 flex items-center justify-center`,children:[(0,n.jsx)(`div`,{className:`absolute inset-0 bg-black/50 transition-opacity duration-200 ${r?`opacity-100`:`opacity-0`}`,onClick:b}),(0,n.jsxs)(`div`,{ref:_,className:`relative z-10000 mx-4 w-full max-w-md rounded-lg bg-white p-6 shadow-xl transition-all duration-200 ${r?`translate-y-0 scale-100 opacity-100`:`translate-y-5 scale-95 opacity-0`}`,onClick:e=>e.stopPropagation(),children:[(0,n.jsx)(`button`,{type:`button`,onClick:v,disabled:p,className:`absolute right-4 top-4 rounded-full p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":u,children:(0,n.jsx)(e.XIcon,{className:`h-5 w-5`})}),(0,n.jsxs)(`div`,{className:`flex items-start space-x-4 pr-8`,children:[(0,n.jsx)(`div`,{className:`mt-1 flex-shrink-0`,children:(0,n.jsx)(x,{className:`h-6 w-6 ${S}`})}),(0,n.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,n.jsx)(`h3`,{className:`mb-2 text-lg font-medium text-gray-900`,children:o}),(0,n.jsx)(`p`,{className:`text-sm leading-relaxed text-gray-500`,children:s})]})]}),(0,n.jsxs)(`div`,{className:`mt-6 flex justify-end space-x-3`,children:[(0,n.jsx)(`button`,{type:`button`,onClick:v,disabled:p,className:`rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,children:l}),(0,n.jsx)(`button`,{type:`button`,onClick:y,disabled:p,className:`rounded-md px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${C}`,children:p?(0,n.jsxs)(`span`,{className:`flex items-center`,children:[(0,n.jsx)(`span`,{className:`mr-2 h-4 w-4 animate-spin rounded-full border-2 border-white/40 border-t-white`}),d]}):c})]})]})]})}exports.default=r;

package/dist/index3.js

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };

package/dist/index30.cjs

@@ -0,0 +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");function i({className:e,...n}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t.cn(`border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`,e),...n})}exports.Textarea=i;

package/dist/index30.js

@@ -0,0 +1,35 @@
+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
+	});
+}
+function a({ ...e }) {
+	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(r.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+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]" })]
+	}) });
+}
+//#endregion
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };

package/dist/index31.cjs

@@ -0,0 +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;

package/dist/index31.js

@@ -0,0 +1,43 @@
+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]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as Modal };

package/dist/index32.cjs

@@ -0,0 +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;