@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index106.cjs

@@ -1 +1 @@
-function e(e){let{rules:r={},value:i,onChange:a,showEmpty:o}=e,s=r.required!==void 0&&r.required!==!1;return{isRequired:s,processedRules:n(r,s),parseValue:e=>i===void 0?o?``:String(e??``):String(i),emitChange:(e,t)=>{e(t),a?.(t)},sizeClasses:t}}var t={large:`size-5`,middle:`size-4`,small:`size-3.5`};function n(e={},t){let n={...e};return t&&typeof n.required!=`string`&&typeof n.required!=`object`?n.required=`Trường này là bắt buộc`:typeof n.required==`object`&&!n.required.message&&(n.required={...n.required,message:`Trường này là bắt buộc`}),n}exports.useFormRadio=e;
+"use client";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":`sheet`,...e})}function s({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`sheet-trigger`,...e})}function c({...e}){return(0,i.jsx)(a.Close,{"data-slot":`sheet-close`,...e})}function l({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`sheet-portal`,...e})}function u({className:e,...n}){return(0,i.jsx)(a.Overlay,{"data-slot":`sheet-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,side:o=`right`,...s}){return(0,i.jsxs)(l,{children:[(0,i.jsx)(u,{}),(0,i.jsxs)(a.Content,{"data-slot":`sheet-content`,className:t.cn(`bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,o===`right`&&`data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`left`&&`data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`top`&&`data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,o===`bottom`&&`data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,e),...s,children:[r,(0,i.jsxs)(a.Close,{className:`ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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`,children:[(0,i.jsx)(n.XIcon,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-1.5 p-4`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`mt-auto flex flex-col gap-2 p-4`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(a.Title,{"data-slot":`sheet-title`,className:t.cn(`text-foreground font-semibold`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(a.Description,{"data-slot":`sheet-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}exports.Sheet=o,exports.SheetClose=c,exports.SheetContent=d,exports.SheetDescription=h,exports.SheetFooter=p,exports.SheetHeader=f,exports.SheetTitle=m,exports.SheetTrigger=s;

package/dist/index106.js

@@ -1,53 +1,12 @@
-import { Label as e } from "./index13.js";
-import { FormControl as t, FormField as n, FormItem as r, FormLabel as i, FormMessage as a } from "./index18.js";
-import { RadioGroup as o, RadioGroupItem as s } from "./index23.js";
-import { useFormRadio as c } from "./index105.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/Form/FormRadioGroup/FormRadio.tsx
-function d({ name: d, control: f, label: p = "", size: m = "middle", options: h = [], onChange: g, value: _, rules: v = {}, disabled: y = !1, optionType: b = "default", buttonStyle: x, autoHeightMax: S, showEmpty: C = !1, hideErrorMessage: w = !1, className: T }) {
-	let { isRequired: E, processedRules: D, parseValue: O, emitChange: k, sizeClasses: A } = c({
-		rules: v,
-		value: _,
-		onChange: g,
-		showEmpty: C
-	}), j = (t, n, r) => /* @__PURE__ */ l(o, {
-		value: O(n),
-		onValueChange: (e) => k(r, e),
-		disabled: y,
-		style: S ? {
-			maxHeight: `${S}px`,
-			overflowY: "auto"
-		} : void 0,
-		children: h.map((n) => /* @__PURE__ */ u("div", {
-			className: "flex items-center space-x-2",
-			children: [/* @__PURE__ */ l(s, {
-				value: String(n.value),
-				id: `${t}-${n.value}`,
-				disabled: y || n.disabled,
-				className: A[m]
-			}), /* @__PURE__ */ l(e, {
-				htmlFor: `${t}-${n.value}`,
-				className: "cursor-pointer font-normal",
-				children: n.label
-			})]
-		}, String(n.value)))
-	});
-	return /* @__PURE__ */ l(n, {
-		control: f,
-		name: d,
-		rules: D,
-		render: ({ field: e }) => /* @__PURE__ */ u(r, {
-			className: T,
-			children: [
-				p && /* @__PURE__ */ u(i, { children: [p, E && /* @__PURE__ */ l("span", {
-					className: "text-destructive ml-1",
-					children: "*"
-				})] }),
-				/* @__PURE__ */ l(t, { children: j(d, _ ?? e.value, e.onChange) }),
-				!w && /* @__PURE__ */ l(a, {})
-			]
-		})
+import { cn as e } from "./index3.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/skeleton.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "skeleton",
+		className: e("bg-accent animate-pulse rounded-md", n),
+		...r
 	});
 }
 //#endregion
-export { d as FormRadio };
+export { n as Skeleton };

package/dist/index107.cjs

@@ -1 +1 @@
-const e=require("./index14.cjs"),t=require("./index19.cjs"),n=require("./index24.cjs"),r=require("./index106.cjs");let i=require("react/jsx-runtime");function a({name:a,control:o,label:s=``,size:c=`middle`,options:l=[],onChange:u,value:d,rules:f={},disabled:p=!1,optionType:m=`default`,buttonStyle:h,autoHeightMax:g,showEmpty:_=!1,hideErrorMessage:v=!1,className:y}){let{isRequired:b,processedRules:x,parseValue:S,emitChange:C,sizeClasses:w}=r.useFormRadio({rules:f,value:d,onChange:u,showEmpty:_}),T=(t,r,a)=>(0,i.jsx)(n.RadioGroup,{value:S(r),onValueChange:e=>C(a,e),disabled:p,style:g?{maxHeight:`${g}px`,overflowY:`auto`}:void 0,children:l.map(r=>(0,i.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,i.jsx)(n.RadioGroupItem,{value:String(r.value),id:`${t}-${r.value}`,disabled:p||r.disabled,className:w[c]}),(0,i.jsx)(e.Label,{htmlFor:`${t}-${r.value}`,className:`cursor-pointer font-normal`,children:r.label})]},String(r.value)))});return(0,i.jsx)(t.FormField,{control:o,name:a,rules:x,render:({field:e})=>(0,i.jsxs)(t.FormItem,{className:y,children:[s&&(0,i.jsxs)(t.FormLabel,{children:[s,b&&(0,i.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,i.jsx)(t.FormControl,{children:T(a,d??e.value,e.onChange)}),!v&&(0,i.jsx)(t.FormMessage,{})]})})}exports.FormRadio=a;
+const e=require("./index4.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`skeleton`,className:e.cn(`bg-accent animate-pulse rounded-md`,n),...r})}exports.Skeleton=n;

package/dist/index107.js

@@ -1,161 +1,35 @@
-import { Button as e } from "./index6.js";
-import { FileUploadDropzone as t, FileUploadItem as n, FileUploadItemDelete as r, FileUploadItemMetadata as i, FileUploadItemPreview as a, FileUploadItemProgress as o, FileUploadList as s, FileUploadRoot as c, useStore as l } from "./index16.js";
-import { CameraIcon as u, CloudUploadIcon as d, Trash2Icon as f } from "lucide-react";
-import { useEffect as p, useRef as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/Form/FormFileUpload/FileUpload.tsx
-function v({ onChange: e, autoUpload: t, maxFiles: n }) {
-	let r = l((e) => e), i = m(null);
-	return p(() => {
-		if (!e) return;
-		let a = Array.from(r.files.values()), o = (() => {
-			if (t) {
-				let e = a.filter((e) => e.status === "success").map((e) => e.file.uploadedUrl).filter((e) => !!e);
-				return n === 1 ? e.length > 0 ? e[e.length - 1] : null : e;
-			}
-			let e = a.map((e) => e.file);
-			return n === 1 ? e.length > 0 ? e[e.length - 1] : null : e;
-		})(), s = i.current;
-		(t ? JSON.stringify(s) === JSON.stringify(o) : Array.isArray(o) && Array.isArray(s) ? o.length === s.length && o.every((e, t) => e === s[t]) : o === s) || (i.current = o, e(o));
-	}, [
-		r,
-		t,
-		n,
-		e
-	]), null;
+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 y(e, t = "") {
-	let n = e.split("/").pop()?.split("?")[0] || "file", r = n.split(".").pop()?.toLowerCase(), i = r && {
-		jpg: "image/jpeg",
-		jpeg: "image/jpeg",
-		png: "image/png",
-		gif: "image/gif",
-		webp: "image/webp"
-	}[r];
-	i ||= t.includes("image") ? "image/jpeg" : "application/octet-stream";
-	let a = new File([""], n, { type: i });
-	return a.isUploadedUrl = !0, a.uploadedUrl = e, a;
+function a({ ...e }) {
+	return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
 }
-function b({ value: l, onChange: p, autoUpload: m = !1, uploadFile: b, maxFiles: x = 1, maxSize: S = 1024 * 1024 * 5, accept: C = "image/*", disabled: w, className: T, variant: E = "default" }) {
-	let D = (Array.isArray(l) ? l : l ? [l] : []).map((e) => e instanceof File ? e : typeof e == "string" ? y(e, C) : e);
-	return /* @__PURE__ */ _(c, {
-		value: D,
-		maxFiles: E === "avatar" ? 1 : x,
-		maxSize: S,
-		accept: C,
-		disabled: w,
-		onUpload: async (e, t) => {
-			if (!m) {
-				e.forEach((e) => t.onSuccess(e));
-				return;
-			}
-			if (!b) {
-				console.warn("uploadFile prop is required when autoUpload is true"), e.forEach((e) => t.onError(e, /* @__PURE__ */ Error("Missing uploadFile function")));
-				return;
-			}
-			await Promise.all(e.map(async (e) => {
-				let n = e;
-				if (n.isUploadedUrl) {
-					t.onSuccess(e);
-					return;
-				}
-				try {
-					t.onProgress(e, 20), n.uploadedUrl = await b(e), t.onProgress(e, 100), t.onSuccess(e);
-				} catch (n) {
-					t.onError(e, n instanceof Error ? n : /* @__PURE__ */ Error("Upload failed"));
-				}
-			}));
-		},
-		className: T,
-		children: [/* @__PURE__ */ g(v, {
-			onChange: p,
-			autoUpload: m,
-			maxFiles: E === "avatar" ? 1 : x
-		}), E === "avatar" ? /* @__PURE__ */ _("div", {
-			className: "flex flex-col items-center gap-2",
-			children: [/* @__PURE__ */ g(t, {
-				className: "group relative size-32 cursor-pointer overflow-hidden rounded-full border-2 border-dashed border-border p-0 hover:border-primary",
-				children: D[0] ? /* @__PURE__ */ _(n, {
-					value: D[0],
-					className: "relative flex size-full flex-col rounded-none border-none p-0",
-					children: [
-						/* @__PURE__ */ g(a, {
-							className: "size-full rounded-none border-none bg-transparent",
-							render: (e) => {
-								let t = e.uploadedUrl;
-								return t ? /* @__PURE__ */ g("img", {
-									src: t,
-									alt: "Avatar",
-									className: "size-full object-cover"
-								}) : /* @__PURE__ */ g("img", {
-									src: URL.createObjectURL(e),
-									alt: "Avatar",
-									className: "size-full object-cover"
-								});
-							}
-						}),
-						/* @__PURE__ */ _("div", {
-							className: "absolute inset-0 flex flex-col items-center justify-center gap-1 bg-black/40 opacity-0 transition-opacity group-hover:opacity-100",
-							children: [/* @__PURE__ */ g(u, { className: "size-6 text-white" }), /* @__PURE__ */ g("span", {
-								className: "text-[10px] text-white",
-								children: "Đổi ảnh"
-							})]
-						}),
-						/* @__PURE__ */ g(o, {
-							variant: "fill",
-							className: "opacity-50"
-						})
-					]
-				}) : /* @__PURE__ */ _("div", {
-					className: "flex size-full flex-col items-center justify-center gap-1 bg-accent text-muted-foreground transition-colors group-hover:bg-accent/80",
-					children: [/* @__PURE__ */ g(u, { className: "size-6" }), /* @__PURE__ */ g("span", {
-						className: "text-[10px]",
-						children: "Tải lên"
-					})]
-				})
-			}), /* @__PURE__ */ g("div", {
-				className: "text-xs text-muted-foreground",
-				children: S ? `Max ${Math.round(S / (1024 * 1024))}MB` : ""
-			})]
-		}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(t, { children: [
-			/* @__PURE__ */ g(d, { className: "h-10 w-10 text-muted-foreground" }),
-			/* @__PURE__ */ g("p", {
-				className: "text-sm font-medium",
-				children: "Drag & drop files here, or click to select"
-			}),
-			/* @__PURE__ */ _("p", {
-				className: "text-xs text-muted-foreground",
-				children: [
-					x > 1 ? `Up to ${x} files` : "1 file max",
-					" ",
-					S ? `(Max ${Math.round(S / (1024 * 1024))}MB)` : ""
-				]
-			})
-		] }), /* @__PURE__ */ g(s, { children: D.map((t, s) => /* @__PURE__ */ _(n, {
-			value: t,
-			children: [
-				/* @__PURE__ */ g(a, { render: (e, t) => {
-					let n = e.uploadedUrl;
-					return n && e.type.startsWith("image/") ? /* @__PURE__ */ g("img", {
-						src: n,
-						alt: e.name,
-						className: "size-full object-cover"
-					}) : t();
-				} }),
-				/* @__PURE__ */ g(i, {}),
-				/* @__PURE__ */ g(o, { className: "absolute bottom-0 left-0 right-0 h-1 w-auto rounded-none" }),
-				/* @__PURE__ */ g(r, {
-					asChild: !0,
-					children: /* @__PURE__ */ g(e, {
-						variant: "ghost",
-						size: "icon",
-						className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
-						children: /* @__PURE__ */ g(f, { className: "h-4 w-4" })
-					})
-				})
-			]
-		}, s)) })] })]
+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 { b as FileUpload };
+export { a as Tooltip, s as TooltipContent, i as TooltipProvider, o as TooltipTrigger };

package/dist/index108.cjs

@@ -1 +1 @@
-const e=require("./index7.cjs"),t=require("./index17.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime");function a({onChange:e,autoUpload:n,maxFiles:i}){let a=t.useStore(e=>e),o=(0,r.useRef)(null);return(0,r.useEffect)(()=>{if(!e)return;let t=Array.from(a.files.values()),r=(()=>{if(n){let e=t.filter(e=>e.status===`success`).map(e=>e.file.uploadedUrl).filter(e=>!!e);return i===1?e.length>0?e[e.length-1]:null:e}let e=t.map(e=>e.file);return i===1?e.length>0?e[e.length-1]:null:e})(),s=o.current;(n?JSON.stringify(s)===JSON.stringify(r):Array.isArray(r)&&Array.isArray(s)?r.length===s.length&&r.every((e,t)=>e===s[t]):r===s)||(o.current=r,e(r))},[a,n,i,e]),null}function o(e,t=``){let n=e.split(`/`).pop()?.split(`?`)[0]||`file`,r=n.split(`.`).pop()?.toLowerCase(),i=r&&{jpg:`image/jpeg`,jpeg:`image/jpeg`,png:`image/png`,gif:`image/gif`,webp:`image/webp`}[r];i||=t.includes(`image`)?`image/jpeg`:`application/octet-stream`;let a=new File([``],n,{type:i});return a.isUploadedUrl=!0,a.uploadedUrl=e,a}function s({value:r,onChange:s,autoUpload:c=!1,uploadFile:l,maxFiles:u=1,maxSize:d=1024*1024*5,accept:f=`image/*`,disabled:p,className:m,variant:h=`default`}){let g=(Array.isArray(r)?r:r?[r]:[]).map(e=>e instanceof File?e:typeof e==`string`?o(e,f):e);return(0,i.jsxs)(t.FileUploadRoot,{value:g,maxFiles:h===`avatar`?1:u,maxSize:d,accept:f,disabled:p,onUpload:async(e,t)=>{if(!c){e.forEach(e=>t.onSuccess(e));return}if(!l){console.warn(`uploadFile prop is required when autoUpload is true`),e.forEach(e=>t.onError(e,Error(`Missing uploadFile function`)));return}await Promise.all(e.map(async e=>{let n=e;if(n.isUploadedUrl){t.onSuccess(e);return}try{t.onProgress(e,20),n.uploadedUrl=await l(e),t.onProgress(e,100),t.onSuccess(e)}catch(n){t.onError(e,n instanceof Error?n:Error(`Upload failed`))}}))},className:m,children:[(0,i.jsx)(a,{onChange:s,autoUpload:c,maxFiles:h===`avatar`?1:u}),h===`avatar`?(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(t.FileUploadDropzone,{className:`group relative size-32 cursor-pointer overflow-hidden rounded-full border-2 border-dashed border-border p-0 hover:border-primary`,children:g[0]?(0,i.jsxs)(t.FileUploadItem,{value:g[0],className:`relative flex size-full flex-col rounded-none border-none p-0`,children:[(0,i.jsx)(t.FileUploadItemPreview,{className:`size-full rounded-none border-none bg-transparent`,render:e=>{let t=e.uploadedUrl;return t?(0,i.jsx)(`img`,{src:t,alt:`Avatar`,className:`size-full object-cover`}):(0,i.jsx)(`img`,{src:URL.createObjectURL(e),alt:`Avatar`,className:`size-full object-cover`})}}),(0,i.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center gap-1 bg-black/40 opacity-0 transition-opacity group-hover:opacity-100`,children:[(0,i.jsx)(n.CameraIcon,{className:`size-6 text-white`}),(0,i.jsx)(`span`,{className:`text-[10px] text-white`,children:`Đổi ảnh`})]}),(0,i.jsx)(t.FileUploadItemProgress,{variant:`fill`,className:`opacity-50`})]}):(0,i.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-1 bg-accent text-muted-foreground transition-colors group-hover:bg-accent/80`,children:[(0,i.jsx)(n.CameraIcon,{className:`size-6`}),(0,i.jsx)(`span`,{className:`text-[10px]`,children:`Tải lên`})]})}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:d?`Max ${Math.round(d/(1024*1024))}MB`:``})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.FileUploadDropzone,{children:[(0,i.jsx)(n.CloudUploadIcon,{className:`h-10 w-10 text-muted-foreground`}),(0,i.jsx)(`p`,{className:`text-sm font-medium`,children:`Drag & drop files here, or click to select`}),(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[u>1?`Up to ${u} files`:`1 file max`,` `,d?`(Max ${Math.round(d/(1024*1024))}MB)`:``]})]}),(0,i.jsx)(t.FileUploadList,{children:g.map((r,a)=>(0,i.jsxs)(t.FileUploadItem,{value:r,children:[(0,i.jsx)(t.FileUploadItemPreview,{render:(e,t)=>{let n=e.uploadedUrl;return n&&e.type.startsWith(`image/`)?(0,i.jsx)(`img`,{src:n,alt:e.name,className:`size-full object-cover`}):t()}}),(0,i.jsx)(t.FileUploadItemMetadata,{}),(0,i.jsx)(t.FileUploadItemProgress,{className:`absolute bottom-0 left-0 right-0 h-1 w-auto rounded-none`}),(0,i.jsx)(t.FileUploadItemDelete,{asChild:!0,children:(0,i.jsx)(e.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,i.jsx)(n.Trash2Icon,{className:`h-4 w-4`})})})]},a))})]})]})}exports.FileUpload=s;
+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;