@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index184.js

@@ -0,0 +1,55 @@
+import e from "./index171.js";
+import t from "./index183.js";
+//#region src/Form/FormDatePicker/useFormDatePicker.ts
+function n(e) {
+	let { pickerType: t = "date", showTime: n, dateFormat: r, rules: i = {}, onChangeDate: a, onChangeRange: o } = e, s = r || c(t, n), d = i.required !== void 0 && i.required !== !1;
+	return {
+		dateFormat: s,
+		isRequired: d,
+		processedRules: u(i, d),
+		handleRangeChange: (e, t) => {
+			e.onChange(t), o && o(t, [t[0] ? l(t[0], s) : "", t[1] ? l(t[1], s) : ""]);
+		},
+		handleSingleChange: (e, t) => {
+			e.onChange(t), a && a(t, t ? l(t, s) : "");
+		}
+	};
+}
+var r = (e, t) => {
+	if (typeof e == "object") return e;
+	if (e === !0 || t === "time") return { showSecond: !0 };
+}, i = (e, t) => {
+	if (t) return typeof t == "function" && e ? t(e) : t;
+}, a = (e, t, n) => {
+	if (!e && !t) return "";
+	let r = e ? l(e, n) : "", i = t ? l(t, n) : "";
+	return r && i ? `${r} ~ ${i}` : r || "";
+}, o = (e) => {
+	switch (e) {
+		case "small": return "h-8 text-xs";
+		case "large": return "h-12 text-base";
+		default: return "h-10 text-sm";
+	}
+}, s = (e) => {
+	switch (e) {
+		case "error": return "border-destructive focus-visible:ring-destructive";
+		case "warning": return "border-yellow-500 focus-visible:ring-yellow-500";
+		default: return "";
+	}
+}, c = (e, t) => e === "time" ? typeof t == "object" && t.format ? t.format : "HH:mm:ss" : e === "month" ? "MM/yyyy" : e === "year" ? "yyyy" : e === "datetime" || t ? typeof t == "object" && t.format ? `dd/MM/yyyy ${t.format}` : "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy", l = (n, r) => {
+	if (!n || !e(n)) return "";
+	try {
+		return t(n, r);
+	} catch (e) {
+		return console.warn("Error formatting date:", e), "";
+	}
+};
+function u(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;
+}
+//#endregion
+export { i as buildDisabledTime, a as buildRangeDisplayValue, r as buildTimeConfig, l as formatDateValue, o as getSizeClassName, s as getStatusClassName, n as useFormDatePicker };

package/dist/index185.cjs

@@ -0,0 +1 @@
+const e=require("./index172.cjs"),t=require("./index184.cjs");function n(e){let{pickerType:t=`date`,showTime:n,dateFormat:r,rules:i={},onChangeDate:a,onChangeRange:o}=e,s=r||c(t,n),d=i.required!==void 0&&i.required!==!1;return{dateFormat:s,isRequired:d,processedRules:u(i,d),handleRangeChange:(e,t)=>{e.onChange(t),o&&o(t,[t[0]?l(t[0],s):``,t[1]?l(t[1],s):``])},handleSingleChange:(e,t)=>{e.onChange(t),a&&a(t,t?l(t,s):``)}}}var r=(e,t)=>{if(typeof e==`object`)return e;if(e===!0||t===`time`)return{showSecond:!0}},i=(e,t)=>{if(t)return typeof t==`function`&&e?t(e):t},a=(e,t,n)=>{if(!e&&!t)return``;let r=e?l(e,n):``,i=t?l(t,n):``;return r&&i?`${r} ~ ${i}`:r||``},o=e=>{switch(e){case`small`:return`h-8 text-xs`;case`large`:return`h-12 text-base`;default:return`h-10 text-sm`}},s=e=>{switch(e){case`error`:return`border-destructive focus-visible:ring-destructive`;case`warning`:return`border-yellow-500 focus-visible:ring-yellow-500`;default:return``}},c=(e,t)=>e===`time`?typeof t==`object`&&t.format?t.format:`HH:mm:ss`:e===`month`?`MM/yyyy`:e===`year`?`yyyy`:e===`datetime`||t?typeof t==`object`&&t.format?`dd/MM/yyyy ${t.format}`:`dd/MM/yyyy HH:mm:ss`:`dd/MM/yyyy`,l=(n,r)=>{if(!n||!e.default(n))return``;try{return t.default(n,r)}catch(e){return console.warn(`Error formatting date:`,e),``}};function u(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.buildDisabledTime=i,exports.buildRangeDisplayValue=a,exports.buildTimeConfig=r,exports.formatDateValue=l,exports.getSizeClassName=o,exports.getStatusClassName=s,exports.useFormDatePicker=n;

package/dist/index185.js

@@ -0,0 +1,54 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index10.js";
+import { Calendar as n } from "./index21.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index98.js";
+import { Icons as o } from "./index134.js";
+import s from "./index163.js";
+import { buildRangeDisplayValue as c, getSizeClassName as l, getStatusClassName as u } from "./index184.js";
+import d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/Form/FormDatePicker/RangeDatePicker.tsx
+function m({ value: m, onChange: h, placeholder: g = "Select Date Range", dateFormat: _, showTime: v, size: y = "large", status: b, width: x = "auto", disabled: S, allowClear: C, hideValue: w, suffixIcon: T, className: E, disabledDate: D }) {
+	let [O, k] = d.useState(!1), [A, j] = d.useState(!1), [M, N] = m, P = c(M, N, _);
+	return /* @__PURE__ */ p(r, {
+		open: O,
+		onOpenChange: (e) => {
+			k(e), e || j(!1);
+		},
+		children: [/* @__PURE__ */ f(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ p(t, {
+				variant: "outline",
+				disabled: S,
+				className: e("justify-between font-normal", l(y), u(b), !P && "text-muted-foreground", x === "auto" ? "w-full" : "", E),
+				style: x === "auto" ? void 0 : { width: x },
+				children: [!w && P ? P : /* @__PURE__ */ f("span", { children: g }), /* @__PURE__ */ p("div", {
+					className: "ml-auto flex items-center gap-1",
+					children: [C && (M || N) && /* @__PURE__ */ f("span", {
+						onClick: (e) => {
+							e.stopPropagation(), h([void 0, void 0]), j(!1);
+						},
+						className: "hover:text-destructive cursor-pointer",
+						children: "×"
+					}), T || /* @__PURE__ */ f(o.CalendarIcon, { className: "h-4 w-4 opacity-50" })]
+				})]
+			})
+		}), /* @__PURE__ */ f(i, {
+			className: "w-auto p-0",
+			align: "start",
+			children: /* @__PURE__ */ f(n, {
+				mode: "single",
+				selected: A ? N : M,
+				onSelect: (e) => {
+					e && (!M || A ? M ? (h([e < M ? e : M, e < M ? M : e]), v || (k(!1), j(!1))) : (h([e, void 0]), j(!0)) : (h([e < M ? e : M, e < M ? M : e]), v || (k(!1), j(!1))));
+				},
+				disabled: D,
+				captionLayout: "dropdown",
+				hidden: { after: new Date((/* @__PURE__ */ new Date()).getFullYear() + 50, 11, 31) },
+				locale: s
+			})
+		})]
+	});
+}
+//#endregion
+export { m as default };

package/dist/index186.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index11.cjs"),r=require("./index22.cjs"),i=require("./index99.cjs"),a=require("./index135.cjs"),o=require("./index164.cjs"),s=require("./index185.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({value:e,onChange:u,placeholder:d=`Select Date Range`,dateFormat:f,showTime:p,size:m=`large`,status:h,width:g=`auto`,disabled:_,allowClear:v,hideValue:y,suffixIcon:b,className:x,disabledDate:S}){let[C,w]=c.default.useState(!1),[T,E]=c.default.useState(!1),[D,O]=e,k=s.buildRangeDisplayValue(D,O,f);return(0,l.jsxs)(i.Popover,{open:C,onOpenChange:e=>{w(e),e||E(!1)},children:[(0,l.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,l.jsxs)(n.Button,{variant:`outline`,disabled:_,className:t.cn(`justify-between font-normal`,s.getSizeClassName(m),s.getStatusClassName(h),!k&&`text-muted-foreground`,g===`auto`?`w-full`:``,x),style:g===`auto`?void 0:{width:g},children:[!y&&k?k:(0,l.jsx)(`span`,{children:d}),(0,l.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[v&&(D||O)&&(0,l.jsx)(`span`,{onClick:e=>{e.stopPropagation(),u([void 0,void 0]),E(!1)},className:`hover:text-destructive cursor-pointer`,children:`×`}),b||(0,l.jsx)(a.Icons.CalendarIcon,{className:`h-4 w-4 opacity-50`})]})]})}),(0,l.jsx)(i.PopoverContent,{className:`w-auto p-0`,align:`start`,children:(0,l.jsx)(r.Calendar,{mode:`single`,selected:T?O:D,onSelect:e=>{e&&(!D||T?D?(u([e<D?e:D,e<D?D:e]),p||(w(!1),E(!1))):(u([e,void 0]),E(!0)):(u([e<D?e:D,e<D?D:e]),p||(w(!1),E(!1))))},disabled:S,captionLayout:`dropdown`,hidden:{after:new Date(new Date().getFullYear()+50,11,31)},locale:o.default})})]})}exports.default=u;

package/dist/index186.js

@@ -0,0 +1,57 @@
+import { cn as e } from "./index3.js";
+import { Input as t } from "./index87.js";
+import n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/Form/FormDatePicker/TimeInput.tsx
+function o({ value: o, onChange: s, timeConfig: c, className: l }) {
+	let u = c?.showHour !== !1, d = c?.showMinute !== !1, f = c?.showSecond ?? !1, p = o || /* @__PURE__ */ new Date(), m = p.getHours(), h = p.getMinutes(), g = p.getSeconds(), [_, v] = n.useState(m.toString().padStart(2, "0")), [y, b] = n.useState(h.toString().padStart(2, "0")), [x, S] = n.useState(g.toString().padStart(2, "0"));
+	n.useEffect(() => {
+		v(m.toString().padStart(2, "0")), b(h.toString().padStart(2, "0")), S(g.toString().padStart(2, "0"));
+	}, [
+		m,
+		h,
+		g
+	]);
+	let C = (e, t) => {
+		let n = parseInt(t, 10);
+		if (Number.isNaN(n)) return;
+		let r = 59;
+		if (e === "hour" && (r = 23), n < 0 || n > r) return;
+		let i = new Date(p);
+		e === "hour" ? i.setHours(n) : e === "minute" ? i.setMinutes(n) : i.setSeconds(n), s(i);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("flex items-center gap-1", l),
+		children: [
+			u && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
+				type: "number",
+				min: 0,
+				max: 23,
+				value: _,
+				onChange: (e) => v(e.target.value),
+				onBlur: (e) => C("hour", e.target.value),
+				className: "w-14 text-center"
+			}), (d || f) && /* @__PURE__ */ i("span", { children: ":" })] }),
+			d && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
+				type: "number",
+				min: 0,
+				max: 59,
+				value: y,
+				onChange: (e) => b(e.target.value),
+				onBlur: (e) => C("minute", e.target.value),
+				className: "w-14 text-center"
+			}), f && /* @__PURE__ */ i("span", { children: ":" })] }),
+			f && /* @__PURE__ */ i(t, {
+				type: "number",
+				min: 0,
+				max: 59,
+				value: x,
+				onChange: (e) => S(e.target.value),
+				onBlur: (e) => C("second", e.target.value),
+				className: "w-14 text-center"
+			})
+		]
+	});
+}
+//#endregion
+export { o as default };

package/dist/index187.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index88.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({value:e,onChange:a,timeConfig:o,className:s}){let c=o?.showHour!==!1,l=o?.showMinute!==!1,u=o?.showSecond??!1,d=e||new Date,f=d.getHours(),p=d.getMinutes(),m=d.getSeconds(),[h,g]=r.default.useState(f.toString().padStart(2,`0`)),[_,v]=r.default.useState(p.toString().padStart(2,`0`)),[y,b]=r.default.useState(m.toString().padStart(2,`0`));r.default.useEffect(()=>{g(f.toString().padStart(2,`0`)),v(p.toString().padStart(2,`0`)),b(m.toString().padStart(2,`0`))},[f,p,m]);let x=(e,t)=>{let n=parseInt(t,10);if(Number.isNaN(n))return;let r=59;if(e===`hour`&&(r=23),n<0||n>r)return;let i=new Date(d);e===`hour`?i.setHours(n):e===`minute`?i.setMinutes(n):i.setSeconds(n),a(i)};return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,s),children:[c&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Input,{type:`number`,min:0,max:23,value:h,onChange:e=>g(e.target.value),onBlur:e=>x(`hour`,e.target.value),className:`w-14 text-center`}),(l||u)&&(0,i.jsx)(`span`,{children:`:`})]}),l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.Input,{type:`number`,min:0,max:59,value:_,onChange:e=>v(e.target.value),onBlur:e=>x(`minute`,e.target.value),className:`w-14 text-center`}),u&&(0,i.jsx)(`span`,{children:`:`})]}),u&&(0,i.jsx)(n.Input,{type:`number`,min:0,max:59,value:y,onChange:e=>b(e.target.value),onBlur:e=>x(`second`,e.target.value),className:`w-14 text-center`})]})}exports.default=a;

package/dist/index187.js

@@ -0,0 +1,57 @@
+import { cn as e } from "./index3.js";
+import { ScrollArea as t } from "./index103.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/Form/FormDatePicker/TimePicker.tsx
+function i({ value: i, onChange: a, timeConfig: o, disabledTime: s }) {
+	let c = o?.showHour !== !1, l = o?.showMinute !== !1, u = o?.showSecond ?? !1, d = o?.hourStep ?? 1, f = o?.minuteStep ?? 1, p = o?.secondStep ?? 1, m = i || /* @__PURE__ */ new Date(), h = m.getHours(), g = m.getMinutes(), _ = m.getSeconds(), v = s?.disabledHours?.() || [], y = s?.disabledMinutes?.(h) || [], b = s?.disabledSeconds?.(h, g) || [], x = (e, t) => {
+		let n = new Date(m);
+		e === "hour" ? n.setHours(t) : e === "minute" ? n.setMinutes(t) : n.setSeconds(t), a(n);
+	}, S = (r, i, a, o, s) => {
+		let c = [];
+		for (let e = 0; e < i; e += a) c.push(e);
+		return /* @__PURE__ */ n(t, {
+			className: "h-60 w-16",
+			children: /* @__PURE__ */ n("div", {
+				className: "flex flex-col",
+				children: c.map((t) => {
+					let i = s.includes(t);
+					return /* @__PURE__ */ n("button", {
+						type: "button",
+						disabled: i,
+						onClick: () => x(r, t),
+						className: e("px-2 py-1 text-center hover:bg-accent transition-colors", o === t && "bg-primary text-primary-foreground hover:bg-primary/90", i && "opacity-50 cursor-not-allowed hover:bg-transparent"),
+						children: t.toString().padStart(2, "0")
+					}, t);
+				})
+			})
+		});
+	};
+	return /* @__PURE__ */ r("div", {
+		className: "flex gap-1 p-1",
+		children: [
+			c && /* @__PURE__ */ r("div", {
+				className: "flex flex-col items-center",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-xs font-medium mb-1",
+					children: "Giờ"
+				}), S("hour", 24, d, h, v)]
+			}),
+			l && /* @__PURE__ */ r("div", {
+				className: "flex flex-col items-center",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-xs font-medium mb-1",
+					children: "Phút"
+				}), S("minute", 60, f, g, y)]
+			}),
+			u && /* @__PURE__ */ r("div", {
+				className: "flex flex-col items-center",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-xs font-medium mb-1",
+					children: "Giây"
+				}), S("second", 60, p, _, b)]
+			})
+		]
+	});
+}
+//#endregion
+export { i as default };

package/dist/index188.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index104.cjs");let n=require("react/jsx-runtime");function r({value:r,onChange:i,timeConfig:a,disabledTime:o}){let s=a?.showHour!==!1,c=a?.showMinute!==!1,l=a?.showSecond??!1,u=a?.hourStep??1,d=a?.minuteStep??1,f=a?.secondStep??1,p=r||new Date,m=p.getHours(),h=p.getMinutes(),g=p.getSeconds(),_=o?.disabledHours?.()||[],v=o?.disabledMinutes?.(m)||[],y=o?.disabledSeconds?.(m,h)||[],b=(e,t)=>{let n=new Date(p);e===`hour`?n.setHours(t):e===`minute`?n.setMinutes(t):n.setSeconds(t),i(n)},x=(r,i,a,o,s)=>{let c=[];for(let e=0;e<i;e+=a)c.push(e);return(0,n.jsx)(t.ScrollArea,{className:`h-60 w-16`,children:(0,n.jsx)(`div`,{className:`flex flex-col`,children:c.map(t=>{let i=s.includes(t);return(0,n.jsx)(`button`,{type:`button`,disabled:i,onClick:()=>b(r,t),className:e.cn(`px-2 py-1 text-center hover:bg-accent transition-colors`,o===t&&`bg-primary text-primary-foreground hover:bg-primary/90`,i&&`opacity-50 cursor-not-allowed hover:bg-transparent`),children:t.toString().padStart(2,`0`)},t)})})})};return(0,n.jsxs)(`div`,{className:`flex gap-1 p-1`,children:[s&&(0,n.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,n.jsx)(`span`,{className:`text-xs font-medium mb-1`,children:`Giờ`}),x(`hour`,24,u,m,_)]}),c&&(0,n.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,n.jsx)(`span`,{className:`text-xs font-medium mb-1`,children:`Phút`}),x(`minute`,60,d,h,v)]}),l&&(0,n.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,n.jsx)(`span`,{className:`text-xs font-medium mb-1`,children:`Giây`}),x(`second`,60,f,g,y)]})]})}exports.default=r;

package/dist/index188.js

@@ -0,0 +1,88 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index10.js";
+import { Calendar as n } from "./index21.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index98.js";
+import o from "./index163.js";
+import { buildDisabledTime as s, buildTimeConfig as c, formatDateValue as l, getSizeClassName as u, getStatusClassName as d } from "./index184.js";
+import f from "./index186.js";
+import p from "./index187.js";
+import { CalendarIcon as m, Clock as h } from "lucide-react";
+import g from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/Form/FormDatePicker/SingleDatePicker.tsx
+function y({ value: y, onChange: b, placeholder: x = "Select Date", pickerType: S, dateFormat: C, showTime: w, size: T = "large", status: E, width: D = "auto", disabled: O, allowClear: k, hideValue: A, suffixIcon: j, className: M, disabledDate: N, disabledTime: P }) {
+	let [F, I] = g.useState(!1), L = c(w, S), R = y ? l(y, C) : "", z = (e) => {
+		if (!e) {
+			b(void 0), (S === "date" || !w) && I(!1);
+			return;
+		}
+		let t = e;
+		w && y && (t = new Date(e), t.setHours(y.getHours(), y.getMinutes(), y.getSeconds())), b(t), S === "date" && !w && I(!1);
+	}, B = (e) => {
+		b(e);
+	};
+	return /* @__PURE__ */ v(r, {
+		open: F,
+		onOpenChange: I,
+		children: [/* @__PURE__ */ _(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ v(t, {
+				variant: "outline",
+				disabled: O,
+				className: e("justify-between font-normal", u(T), d(E), !y && "text-muted-foreground", D === "auto" ? "w-full" : "", M),
+				style: D === "auto" ? void 0 : { width: D },
+				children: [!A && R ? R : /* @__PURE__ */ _("span", { children: x }), /* @__PURE__ */ v("div", {
+					className: "ml-auto flex items-center gap-1",
+					children: [k && y && /* @__PURE__ */ _("span", {
+						onClick: (e) => {
+							e.stopPropagation(), b(void 0);
+						},
+						className: "hover:text-destructive cursor-pointer",
+						children: "×"
+					}), j || _(S === "time" ? h : m, { className: "h-4 w-4 opacity-50" })]
+				})]
+			})
+		}), /* @__PURE__ */ _(i, {
+			className: "w-auto p-0",
+			align: "start",
+			children: S === "time" ? /* @__PURE__ */ v("div", {
+				className: "p-2",
+				children: [/* @__PURE__ */ _(p, {
+					value: y,
+					onChange: B,
+					timeConfig: L,
+					disabledTime: s(y, P)
+				}), /* @__PURE__ */ _("div", {
+					className: "mt-2 pt-2 border-t",
+					children: /* @__PURE__ */ _(f, {
+						value: y,
+						onChange: B,
+						timeConfig: L
+					})
+				})]
+			}) : /* @__PURE__ */ v("div", {
+				className: "flex",
+				children: [/* @__PURE__ */ _(n, {
+					mode: "single",
+					selected: y,
+					onSelect: z,
+					disabled: N,
+					captionLayout: "dropdown",
+					locale: o,
+					month: y,
+					hidden: { after: new Date((/* @__PURE__ */ new Date()).getFullYear() + 50, 11, 31) },
+					onMonthChange: (e) => {
+						S === "month" && (b(e), I(!1));
+					}
+				}), w && /* @__PURE__ */ _(p, {
+					value: y,
+					onChange: B,
+					timeConfig: L,
+					disabledTime: s(y, P)
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { y as default };

package/dist/index189.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index11.cjs"),r=require("./index22.cjs"),i=require("./index99.cjs"),a=require("./index164.cjs"),o=require("./index185.cjs"),s=require("./index187.cjs"),c=require("./index188.cjs");let l=require("lucide-react"),u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({value:e,onChange:f,placeholder:p=`Select Date`,pickerType:m,dateFormat:h,showTime:g,size:_=`large`,status:v,width:y=`auto`,disabled:b,allowClear:x,hideValue:S,suffixIcon:C,className:w,disabledDate:T,disabledTime:E}){let[D,O]=u.default.useState(!1),k=o.buildTimeConfig(g,m),A=e?o.formatDateValue(e,h):``,j=t=>{if(!t){f(void 0),(m===`date`||!g)&&O(!1);return}let n=t;g&&e&&(n=new Date(t),n.setHours(e.getHours(),e.getMinutes(),e.getSeconds())),f(n),m===`date`&&!g&&O(!1)},M=e=>{f(e)};return(0,d.jsxs)(i.Popover,{open:D,onOpenChange:O,children:[(0,d.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,d.jsxs)(n.Button,{variant:`outline`,disabled:b,className:t.cn(`justify-between font-normal`,o.getSizeClassName(_),o.getStatusClassName(v),!e&&`text-muted-foreground`,y===`auto`?`w-full`:``,w),style:y===`auto`?void 0:{width:y},children:[!S&&A?A:(0,d.jsx)(`span`,{children:p}),(0,d.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[x&&e&&(0,d.jsx)(`span`,{onClick:e=>{e.stopPropagation(),f(void 0)},className:`hover:text-destructive cursor-pointer`,children:`×`}),C||(m===`time`?(0,d.jsx)(l.Clock,{className:`h-4 w-4 opacity-50`}):(0,d.jsx)(l.CalendarIcon,{className:`h-4 w-4 opacity-50`}))]})]})}),(0,d.jsx)(i.PopoverContent,{className:`w-auto p-0`,align:`start`,children:m===`time`?(0,d.jsxs)(`div`,{className:`p-2`,children:[(0,d.jsx)(c.default,{value:e,onChange:M,timeConfig:k,disabledTime:o.buildDisabledTime(e,E)}),(0,d.jsx)(`div`,{className:`mt-2 pt-2 border-t`,children:(0,d.jsx)(s.default,{value:e,onChange:M,timeConfig:k})})]}):(0,d.jsxs)(`div`,{className:`flex`,children:[(0,d.jsx)(r.Calendar,{mode:`single`,selected:e,onSelect:j,disabled:T,captionLayout:`dropdown`,locale:a.default,month:e,hidden:{after:new Date(new Date().getFullYear()+50,11,31)},onMonthChange:e=>{m===`month`&&(f(e),O(!1))}}),g&&(0,d.jsx)(c.default,{value:e,onChange:M,timeConfig:k,disabledTime:o.buildDisabledTime(e,E)})]})})]})}exports.default=f;

package/dist/index189.js

@@ -0,0 +1,66 @@
+import { FormControl as e, FormField as t, FormItem as n, FormLabel as r, FormMessage as i } from "./index84.js";
+import { useFormDatePicker as a } from "./index184.js";
+import o from "./index185.js";
+import s from "./index188.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/Form/FormDatePicker/FormDatePicker.tsx
+function u(u) {
+	let { control: d, name: f, label: p, placeholder: m, status: h, size: g = "large", width: _ = "auto", pickerType: v = "date", dateFormat: y, showTime: b, disabled: x = !1, hideValue: S = !1, allowClear: C = !1, isRangePicker: w = !1, onChangeDate: T, onChangeRange: E, rules: D = {}, hideErrorMessage: O = !1, suffixIcon: k, className: A, disabledDate: j, disabledTime: M } = u, { dateFormat: N, isRequired: P, processedRules: F, handleRangeChange: I, handleSingleChange: L } = a({
+		pickerType: v,
+		showTime: b,
+		dateFormat: y,
+		rules: D,
+		onChangeDate: T,
+		onChangeRange: E
+	}), R = (e) => /* @__PURE__ */ c(o, {
+		value: e.value || [void 0, void 0],
+		onChange: (t) => I(e, t),
+		placeholder: m,
+		dateFormat: N,
+		showTime: b,
+		size: g,
+		status: h,
+		width: _,
+		disabled: x,
+		allowClear: C,
+		hideValue: S,
+		suffixIcon: k,
+		className: A,
+		disabledDate: j
+	}), z = (e) => /* @__PURE__ */ c(s, {
+		value: e.value,
+		onChange: (t) => L(e, t),
+		placeholder: m,
+		pickerType: v,
+		dateFormat: N,
+		showTime: b,
+		size: g,
+		status: h,
+		width: _,
+		disabled: x,
+		allowClear: C,
+		hideValue: S,
+		suffixIcon: k,
+		className: A,
+		disabledDate: j,
+		disabledTime: M
+	});
+	return /* @__PURE__ */ c(t, {
+		control: d,
+		name: f,
+		rules: F,
+		render: ({ field: t }) => /* @__PURE__ */ l(n, {
+			className: "flex flex-col",
+			children: [
+				p && /* @__PURE__ */ l(r, { children: [p, P && /* @__PURE__ */ c("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})] }),
+				/* @__PURE__ */ c(e, { children: w ? R(t) : z(t) }),
+				!O && /* @__PURE__ */ c(i, {})
+			]
+		})
+	});
+}
+//#endregion
+export { u as default };

package/dist/index19.cjs

@@ -1 +1 @@
-"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index14.cjs"),r=require("./index18.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("@radix-ui/react-slot");var s=r.FormProvider,c=i.createContext({}),l=({...e})=>(0,a.jsx)(c.Provider,{value:{name:e.name},children:(0,a.jsx)(r.Controller,{...e})}),u=()=>{let e=i.useContext(c),t=i.useContext(d),{getFieldState:n}=r.useFormContext(),a=r.useFormState({name:e.name}),o=n(e.name,a);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:s}=t;return{id:s,name:e.name,formItemId:`${s}-form-item`,formDescriptionId:`${s}-form-item-description`,formMessageId:`${s}-form-item-message`,...o}},d=i.createContext({});function f({className:e,...n}){let r=i.useId();return(0,a.jsx)(d.Provider,{value:{id:r},children:(0,a.jsx)(`div`,{"data-slot":`form-item`,className:t.cn(`grid gap-2`,e),...n})})}function p({className:e,...r}){let{error:i,formItemId:o}=u();return(0,a.jsx)(n.Label,{"data-slot":`form-label`,"data-error":!!i,className:t.cn(`data-[error=true]:text-destructive`,e),htmlFor:o,...r})}function m({...e}){let{error:t,formItemId:n,formDescriptionId:r,formMessageId:i}=u();return(0,a.jsx)(o.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${r} ${i}`:`${r}`,"aria-invalid":!!t,...e})}function h({className:e,...n}){let{formDescriptionId:r}=u();return(0,a.jsx)(`p`,{"data-slot":`form-description`,id:r,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function g({className:e,...n}){let{error:r,formMessageId:i}=u(),o=r?String(r?.message??``):n.children;return o?(0,a.jsx)(`p`,{"data-slot":`form-message`,id:i,className:t.cn(`text-destructive text-sm`,e),...n,children:o}):null}exports.Form=s,exports.FormControl=m,exports.FormDescription=h,exports.FormField=l,exports.FormItem=f,exports.FormLabel=p,exports.FormMessage=g,exports.useFormField=u;
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index18.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,...r}){return(0,i.jsx)(n.Avatar,{"data-slot":`avatar`,className:t.cn(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,e),...r})}function o({className:e,...r}){return(0,i.jsx)(n.AvatarImage,{"data-slot":`avatar-image`,className:t.cn(`aspect-square size-full`,e),...r})}function s({className:e,...r}){return(0,i.jsx)(n.AvatarFallback,{"data-slot":`avatar-fallback`,className:t.cn(`bg-muted flex size-full items-center justify-center rounded-full`,e),...r})}exports.Avatar=a,exports.AvatarFallback=s,exports.AvatarImage=o;

package/dist/index19.js

@@ -1,14 +1,24 @@
 import { cn as e } from "./index3.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/ui/input.tsx
-function n({ className: n, type: r, ...i }) {
-	return /* @__PURE__ */ t("input", {
-		type: r,
-		"data-slot": "input",
-		className: e("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", n),
-		...i
+import { cva as n } from "class-variance-authority";
+import { Slot as r } from "@radix-ui/react-slot";
+//#region src/ui/badge.tsx
+var i = n("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function a({ className: n, variant: a, asChild: o = !1, ...s }) {
+	return /* @__PURE__ */ t(o ? r : "span", {
+		"data-slot": "badge",
+		className: e(i({ variant: a }), n),
+		...s
 	});
 }
 //#endregion
-export { n as Input };
+export { a as Badge, i as badgeVariants };

package/dist/index190.cjs

@@ -0,0 +1 @@
+const e=require("./index85.cjs"),t=require("./index185.cjs"),n=require("./index186.cjs"),r=require("./index189.cjs");let i=require("react/jsx-runtime");function a(a){let{control:o,name:s,label:c,placeholder:l,status:u,size:d=`large`,width:f=`auto`,pickerType:p=`date`,dateFormat:m,showTime:h,disabled:g=!1,hideValue:_=!1,allowClear:v=!1,isRangePicker:y=!1,onChangeDate:b,onChangeRange:x,rules:S={},hideErrorMessage:C=!1,suffixIcon:w,className:T,disabledDate:E,disabledTime:D}=a,{dateFormat:O,isRequired:k,processedRules:A,handleRangeChange:j,handleSingleChange:M}=t.useFormDatePicker({pickerType:p,showTime:h,dateFormat:m,rules:S,onChangeDate:b,onChangeRange:x}),N=e=>(0,i.jsx)(n.default,{value:e.value||[void 0,void 0],onChange:t=>j(e,t),placeholder:l,dateFormat:O,showTime:h,size:d,status:u,width:f,disabled:g,allowClear:v,hideValue:_,suffixIcon:w,className:T,disabledDate:E}),P=e=>(0,i.jsx)(r.default,{value:e.value,onChange:t=>M(e,t),placeholder:l,pickerType:p,dateFormat:O,showTime:h,size:d,status:u,width:f,disabled:g,allowClear:v,hideValue:_,suffixIcon:w,className:T,disabledDate:E,disabledTime:D});return(0,i.jsx)(e.FormField,{control:o,name:s,rules:A,render:({field:t})=>(0,i.jsxs)(e.FormItem,{className:`flex flex-col`,children:[c&&(0,i.jsxs)(e.FormLabel,{children:[c,k&&(0,i.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,i.jsx)(e.FormControl,{children:y?N(t):P(t)}),!C&&(0,i.jsx)(e.FormMessage,{})]})})}exports.default=a;