@vlrc-fe/components 1.0.0

package/dist/index88.js

@@ -0,0 +1,40 @@
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/format/longFormatters.js
+var e = (e, t) => {
+	switch (e) {
+		case "P": return t.date({ width: "short" });
+		case "PP": return t.date({ width: "medium" });
+		case "PPP": return t.date({ width: "long" });
+		default: return t.date({ width: "full" });
+	}
+}, t = (e, t) => {
+	switch (e) {
+		case "p": return t.time({ width: "short" });
+		case "pp": return t.time({ width: "medium" });
+		case "ppp": return t.time({ width: "long" });
+		default: return t.time({ width: "full" });
+	}
+}, n = {
+	p: t,
+	P: (n, r) => {
+		let i = n.match(/(P+)(p+)?/) || [], a = i[1], o = i[2];
+		if (!o) return e(n, r);
+		let s;
+		switch (a) {
+			case "P":
+				s = r.dateTime({ width: "short" });
+				break;
+			case "PP":
+				s = r.dateTime({ width: "medium" });
+				break;
+			case "PPP":
+				s = r.dateTime({ width: "long" });
+				break;
+			default:
+				s = r.dateTime({ width: "full" });
+				break;
+		}
+		return s.replace("{{date}}", e(a, r)).replace("{{time}}", t(o, r));
+	}
+};
+//#endregion
+export { n as longFormatters };

package/dist/index89.cjs

@@ -0,0 +1 @@
+var e=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});default:return t.date({width:`full`})}},t=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});default:return t.time({width:`full`})}},n={p:t,P:(n,r)=>{let i=n.match(/(P+)(p+)?/)||[],a=i[1],o=i[2];if(!o)return e(n,r);let s;switch(a){case`P`:s=r.dateTime({width:`short`});break;case`PP`:s=r.dateTime({width:`medium`});break;case`PPP`:s=r.dateTime({width:`long`});break;default:s=r.dateTime({width:`full`});break}return s.replace(`{{date}}`,e(a,r)).replace(`{{time}}`,t(o,r))}};exports.longFormatters=n;

package/dist/index89.js

@@ -0,0 +1,23 @@
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/_lib/protectedTokens.js
+var e = /^D+$/, t = /^Y+$/, n = [
+	"D",
+	"DD",
+	"YY",
+	"YYYY"
+];
+function r(t) {
+	return e.test(t);
+}
+function i(e) {
+	return t.test(e);
+}
+function a(e, t, r) {
+	let i = o(e, t, r);
+	if (console.warn(i), n.includes(e)) throw RangeError(i);
+}
+function o(e, t, n) {
+	let r = e[0] === "Y" ? "years" : "days of the month";
+	return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+//#endregion
+export { r as isProtectedDayOfYearToken, i as isProtectedWeekYearToken, a as warnOrThrowProtectedError };

package/dist/index9.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");var i=(0,require("class-variance-authority").cva)(`bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm`,{variants:{variant:{default:`gap-6 py-6`,glass:`gap-6 py-6 bg-card/80 backdrop-blur-sm dark:bg-card/40 dark:border-white/10`,"glass-strong":`gap-6 py-6 bg-card/60 backdrop-blur-md dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,elevated:`gap-6 py-6 border-0 shadow-lg hover:-translate-y-1 hover:shadow-xl transition-all`,"elevated-glass":`gap-6 py-6 border-0 shadow-lg hover:-translate-y-2 hover:shadow-xl transition-all dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,auth:`w-full max-w-md mx-auto bg-card/80 dark:bg-card/60 backdrop-blur-xl backdrop-saturate-150 border-border/60 dark:border-white/10 rounded-2xl shadow-2xl shadow-primary/10 dark:shadow-black/30`}},defaultVariants:{variant:`default`}});function a({className:e,variant:n,...a}){return(0,r.jsx)(`div`,{"data-slot":`card`,"data-variant":n,className:t.cn(i({variant:n}),e),...a})}function o({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-6`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-6 [.border-t]:pt-6`,e),...n})}exports.Card=a,exports.CardAction=l,exports.CardContent=u,exports.CardDescription=c,exports.CardFooter=d,exports.CardHeader=o,exports.CardTitle=s,exports.cardVariants=i;

package/dist/index9.js

@@ -0,0 +1,20 @@
+import { cn as e } from "./index3.js";
+import { CheckIcon as t } from "lucide-react";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-checkbox";
+//#region src/ui/checkbox.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "checkbox",
+		className: e("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
+		...a,
+		children: /* @__PURE__ */ n(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ n(t, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+export { i as Checkbox };

package/dist/index90.cjs

@@ -0,0 +1 @@
+var e=/^D+$/,t=/^Y+$/,n=[`D`,`DD`,`YY`,`YYYY`];function r(t){return e.test(t)}function i(e){return t.test(e)}function a(e,t,r){let i=o(e,t,r);if(console.warn(i),n.includes(e))throw RangeError(i)}function o(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}exports.isProtectedDayOfYearToken=r,exports.isProtectedWeekYearToken=i,exports.warnOrThrowProtectedError=a;

package/dist/index90.js

@@ -0,0 +1,59 @@
+import { getDefaultOptions as e } from "./index56.js";
+import t from "./index57.js";
+import n from "./index64.js";
+import r from "./index78.js";
+import { formatters as i } from "./index87.js";
+import { longFormatters as a } from "./index88.js";
+import { isProtectedDayOfYearToken as o, isProtectedWeekYearToken as s, warnOrThrowProtectedError as c } from "./index89.js";
+//#region ../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/format.js
+var l = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, u = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, d = /^'([^]*?)'?$/, f = /''/g, p = /[a-zA-Z]/;
+function m(d, f, m) {
+	let g = e(), _ = m?.locale ?? g.locale ?? n, v = m?.firstWeekContainsDate ?? m?.locale?.options?.firstWeekContainsDate ?? g.firstWeekContainsDate ?? g.locale?.options?.firstWeekContainsDate ?? 1, y = m?.weekStartsOn ?? m?.locale?.options?.weekStartsOn ?? g.weekStartsOn ?? g.locale?.options?.weekStartsOn ?? 0, b = t(d, m?.in);
+	if (!r(b)) throw RangeError("Invalid time value");
+	let x = f.match(u).map((e) => {
+		let t = e[0];
+		if (t === "p" || t === "P") {
+			let n = a[t];
+			return n(e, _.formatLong);
+		}
+		return e;
+	}).join("").match(l).map((e) => {
+		if (e === "''") return {
+			isToken: !1,
+			value: "'"
+		};
+		let t = e[0];
+		if (t === "'") return {
+			isToken: !1,
+			value: h(e)
+		};
+		if (i[t]) return {
+			isToken: !0,
+			value: e
+		};
+		if (t.match(p)) throw RangeError("Format string contains an unescaped latin alphabet character `" + t + "`");
+		return {
+			isToken: !1,
+			value: e
+		};
+	});
+	_.localize.preprocessor && (x = _.localize.preprocessor(b, x));
+	let S = {
+		firstWeekContainsDate: v,
+		weekStartsOn: y,
+		locale: _
+	};
+	return x.map((e) => {
+		if (!e.isToken) return e.value;
+		let t = e.value;
+		(!m?.useAdditionalWeekYearTokens && s(t) || !m?.useAdditionalDayOfYearTokens && o(t)) && c(t, f, String(d));
+		let n = i[t[0]];
+		return n(b, t, _.localize, S);
+	}).join("");
+}
+function h(e) {
+	let t = e.match(d);
+	return t ? t[1].replace(f, "'") : e;
+}
+//#endregion
+export { m as default };

package/dist/index91.cjs

@@ -0,0 +1 @@
+const e=require("./index57.cjs"),t=require("./index58.cjs"),n=require("./index65.cjs"),r=require("./index79.cjs"),i=require("./index88.cjs"),a=require("./index89.cjs"),o=require("./index90.cjs");var s=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,c=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,l=/^'([^]*?)'?$/,u=/''/g,d=/[a-zA-Z]/;function f(l,u,f){let m=e.getDefaultOptions(),h=f?.locale??m.locale??n.default,g=f?.firstWeekContainsDate??f?.locale?.options?.firstWeekContainsDate??m.firstWeekContainsDate??m.locale?.options?.firstWeekContainsDate??1,_=f?.weekStartsOn??f?.locale?.options?.weekStartsOn??m.weekStartsOn??m.locale?.options?.weekStartsOn??0,v=t.default(l,f?.in);if(!r.default(v))throw RangeError(`Invalid time value`);let y=u.match(c).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=a.longFormatters[t];return n(e,h.formatLong)}return e}).join(``).match(s).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:p(e)};if(i.formatters[t])return{isToken:!0,value:e};if(t.match(d))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});h.localize.preprocessor&&(y=h.localize.preprocessor(v,y));let b={firstWeekContainsDate:g,weekStartsOn:_,locale:h};return y.map(e=>{if(!e.isToken)return e.value;let t=e.value;(!f?.useAdditionalWeekYearTokens&&o.isProtectedWeekYearToken(t)||!f?.useAdditionalDayOfYearTokens&&o.isProtectedDayOfYearToken(t))&&o.warnOrThrowProtectedError(t,u,String(l));let n=i.formatters[t[0]];return n(v,t,h.localize,b)}).join(``)}function p(e){let t=e.match(l);return t?t[1].replace(u,`'`):e}exports.default=f;

package/dist/index91.js

@@ -0,0 +1,55 @@
+import e from "./index78.js";
+import t from "./index90.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/index92.cjs

@@ -0,0 +1 @@
+const e=require("./index79.cjs"),t=require("./index91.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/index92.js

@@ -0,0 +1,54 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index6.js";
+import { Calendar as n } from "./index7.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index21.js";
+import { Icons as o } from "./index41.js";
+import s from "./index70.js";
+import { buildRangeDisplayValue as c, getSizeClassName as l, getStatusClassName as u } from "./index91.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/index93.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index7.cjs"),r=require("./index8.cjs"),i=require("./index22.cjs"),a=require("./index42.cjs"),o=require("./index71.cjs"),s=require("./index92.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/index93.js

@@ -0,0 +1,57 @@
+import { cn as e } from "./index3.js";
+import { Input as t } from "./index19.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/index94.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index20.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/index94.js

@@ -0,0 +1,57 @@
+import { cn as e } from "./index3.js";
+import { ScrollArea as t } from "./index24.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/index95.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index25.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/index95.js

@@ -0,0 +1,88 @@
+import { cn as e } from "./index3.js";
+import { Button as t } from "./index6.js";
+import { Calendar as n } from "./index7.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "./index21.js";
+import o from "./index70.js";
+import { buildDisabledTime as s, buildTimeConfig as c, formatDateValue as l, getSizeClassName as u, getStatusClassName as d } from "./index91.js";
+import f from "./index93.js";
+import p from "./index94.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/index96.cjs

@@ -0,0 +1 @@
+const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index7.cjs"),r=require("./index8.cjs"),i=require("./index22.cjs"),a=require("./index71.cjs"),o=require("./index92.cjs"),s=require("./index94.cjs"),c=require("./index95.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/index96.js

@@ -0,0 +1,66 @@
+import { FormControl as e, FormField as t, FormItem as n, FormLabel as r, FormMessage as i } from "./index18.js";
+import { useFormDatePicker as a } from "./index91.js";
+import o from "./index92.js";
+import s from "./index95.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/index97.cjs

@@ -0,0 +1 @@
+const e=require("./index19.cjs"),t=require("./index92.cjs"),n=require("./index93.cjs"),r=require("./index96.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;