@vlrc-fe/components 1.0.6 → 1.0.8

package/dist/index92.js

@@ -1,54 +1,133 @@
+"use client";
 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
-			})
-		})]
+import { CheckboxItem2 as t, Content2 as n, Group2 as r, Item3 as i, ItemIndicator2 as a, Label2 as o, Menu as s, Portal2 as c, RadioGroup2 as l, RadioItem2 as u, Root3 as d, Separator2 as f, Sub2 as p, SubContent2 as m, SubTrigger2 as h, Trigger as g } from "./index91.js";
+import { CheckIcon as _, ChevronRightIcon as v, CircleIcon as y } from "lucide-react";
+import "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/ui/menubar.tsx
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ b(d, {
+		"data-slot": "menubar",
+		className: e("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", t),
+		...n
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ b(s, {
+		"data-slot": "menubar-menu",
+		...e
+	});
+}
+function w({ ...e }) {
+	return /* @__PURE__ */ b(r, {
+		"data-slot": "menubar-group",
+		...e
+	});
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ b(c, {
+		"data-slot": "menubar-portal",
+		...e
+	});
+}
+function E({ ...e }) {
+	return /* @__PURE__ */ b(l, {
+		"data-slot": "menubar-radio-group",
+		...e
+	});
+}
+function D({ className: t, ...n }) {
+	return /* @__PURE__ */ b(g, {
+		"data-slot": "menubar-trigger",
+		className: e("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", t),
+		...n
+	});
+}
+function O({ className: t, align: r = "start", alignOffset: i = -4, sideOffset: a = 8, ...o }) {
+	return /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b(n, {
+		"data-slot": "menubar-content",
+		align: r,
+		alignOffset: i,
+		sideOffset: a,
+		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in 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 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", t),
+		...o
+	}) });
+}
+function k({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ b(i, {
+		"data-slot": "menubar-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...a
+	});
+}
+function A({ className: n, children: r, checked: i, ...o }) {
+	return /* @__PURE__ */ x(t, {
+		"data-slot": "menubar-checkbox-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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", n),
+		checked: i,
+		...o,
+		children: [/* @__PURE__ */ b("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(_, { className: "size-4" }) })
+		}), r]
+	});
+}
+function j({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ x(u, {
+		"data-slot": "menubar-radio-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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", t),
+		...r,
+		children: [/* @__PURE__ */ b("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ b(a, { children: /* @__PURE__ */ b(y, { className: "size-2 fill-current" }) })
+		}), n]
+	});
+}
+function M({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ b(o, {
+		"data-slot": "menubar-label",
+		"data-inset": n,
+		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t),
+		...r
+	});
+}
+function N({ className: t, ...n }) {
+	return /* @__PURE__ */ b(f, {
+		"data-slot": "menubar-separator",
+		className: e("bg-border -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ b("span", {
+		"data-slot": "menubar-shortcut",
+		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		...n
+	});
+}
+function F({ ...e }) {
+	return /* @__PURE__ */ b(p, {
+		"data-slot": "menubar-sub",
+		...e
+	});
+}
+function I({ className: t, inset: n, children: r, ...i }) {
+	return /* @__PURE__ */ x(h, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": n,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", t),
+		...i,
+		children: [r, /* @__PURE__ */ b(v, { className: "ml-auto h-4 w-4" })]
+	});
+}
+function L({ className: t, ...n }) {
+	return /* @__PURE__ */ b(m, {
+		"data-slot": "menubar-sub-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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", t),
+		...n
 	});
 }
 //#endregion
-export { m as default };
+export { S as Menubar, A as MenubarCheckboxItem, O as MenubarContent, w as MenubarGroup, k as MenubarItem, M as MenubarLabel, C as MenubarMenu, T as MenubarPortal, E as MenubarRadioGroup, j as MenubarRadioItem, N as MenubarSeparator, P as MenubarShortcut, F as MenubarSub, L as MenubarSubContent, I as MenubarSubTrigger, D as MenubarTrigger };

package/dist/index93.cjs

@@ -1 +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;
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index92.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({className:e,...r}){return(0,a.jsx)(n.Root3,{"data-slot":`menubar`,className:t.cn(`bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs`,e),...r})}function s({...e}){return(0,a.jsx)(n.Menu,{"data-slot":`menubar-menu`,...e})}function c({...e}){return(0,a.jsx)(n.Group2,{"data-slot":`menubar-group`,...e})}function l({...e}){return(0,a.jsx)(n.Portal2,{"data-slot":`menubar-portal`,...e})}function u({...e}){return(0,a.jsx)(n.RadioGroup2,{"data-slot":`menubar-radio-group`,...e})}function d({className:e,...r}){return(0,a.jsx)(n.Trigger,{"data-slot":`menubar-trigger`,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none`,e),...r})}function f({className:e,align:r=`start`,alignOffset:i=-4,sideOffset:o=8,...s}){return(0,a.jsx)(l,{children:(0,a.jsx)(n.Content2,{"data-slot":`menubar-content`,align:r,alignOffset:i,sideOffset:o,className:t.cn(`bg-popover text-popover-foreground data-[state=open]:animate-in 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 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md`,e),...s})})}function p({className:e,inset:r,variant:i=`default`,...o}){return(0,a.jsx)(n.Item3,{"data-slot":`menubar-item`,"data-inset":r,"data-variant":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function m({className:e,children:i,checked:o,...s}){return(0,a.jsxs)(n.CheckboxItem2,{"data-slot":`menubar-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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`,e),checked:o,...s,children:[(0,a.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,a.jsx)(n.ItemIndicator2,{children:(0,a.jsx)(r.CheckIcon,{className:`size-4`})})}),i]})}function h({className:e,children:i,...o}){return(0,a.jsxs)(n.RadioItem2,{"data-slot":`menubar-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 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`,e),...o,children:[(0,a.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,a.jsx)(n.ItemIndicator2,{children:(0,a.jsx)(r.CircleIcon,{className:`size-2 fill-current`})})}),i]})}function g({className:e,inset:r,...i}){return(0,a.jsx)(n.Label2,{"data-slot":`menubar-label`,"data-inset":r,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...i})}function _({className:e,...r}){return(0,a.jsx)(n.Separator2,{"data-slot":`menubar-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...r})}function v({className:e,...n}){return(0,a.jsx)(`span`,{"data-slot":`menubar-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}function y({...e}){return(0,a.jsx)(n.Sub2,{"data-slot":`menubar-sub`,...e})}function b({className:e,inset:i,children:o,...s}){return(0,a.jsxs)(n.SubTrigger2,{"data-slot":`menubar-sub-trigger`,"data-inset":i,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8`,e),...s,children:[o,(0,a.jsx)(r.ChevronRightIcon,{className:`ml-auto h-4 w-4`})]})}function x({className:e,...r}){return(0,a.jsx)(n.SubContent2,{"data-slot":`menubar-sub-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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...r})}exports.Menubar=o,exports.MenubarCheckboxItem=m,exports.MenubarContent=f,exports.MenubarGroup=c,exports.MenubarItem=p,exports.MenubarLabel=g,exports.MenubarMenu=s,exports.MenubarPortal=l,exports.MenubarRadioGroup=u,exports.MenubarRadioItem=h,exports.MenubarSeparator=_,exports.MenubarShortcut=v,exports.MenubarSub=y,exports.MenubarSubContent=x,exports.MenubarSubTrigger=b,exports.MenubarTrigger=d;

package/dist/index93.js

@@ -1,57 +1,16 @@
-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"
-			})
-		]
+import * as e from "react";
+//#region ../../node_modules/.pnpm/@radix-ui+react-use-previous@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-previous/dist/index.mjs
+var t = Object.defineProperty, n = (e, n) => t(e, "name", {
+	value: n,
+	configurable: !0
+});
+function r(t) {
+	let n = e.useRef({
+		value: t,
+		previous: t
 	});
+	return e.useMemo(() => (n.current.value !== t && (n.current.previous = n.current.value, n.current.value = t), n.current.previous), [t]);
 }
+n(r, "usePrevious");
 //#endregion
-export { o as default };
+export { r as usePrevious };

package/dist/index94.cjs

@@ -1 +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;
+const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);var n=Object.defineProperty,r=(e,t)=>n(e,`name`,{value:t,configurable:!0});function i(e){let n=t.useRef({value:e,previous:e});return t.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}r(i,`usePrevious`),exports.usePrevious=i;

package/dist/index94.js

@@ -1,57 +1,30 @@
-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)]
-			})
-		]
+import { Primitive as e } from "./index12.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@radix-ui+react-visually-hidden@1.2.11_@types+react-dom@19.2.3_@types+react@19.2.17__@t_49902735f28f2f777072691117febbac/node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
+var r = Object.defineProperty, i = (e, t) => r(e, "name", {
+	value: t,
+	configurable: !0
+}), a = Object.freeze({
+	position: "absolute",
+	border: 0,
+	width: 1,
+	height: 1,
+	padding: 0,
+	margin: -1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	wordWrap: "normal"
+}), o = /* @__PURE__ */ t.forwardRef(/* @__PURE__ */ i(function(t, r) {
+	return /* @__PURE__ */ n(e.span, {
+		...t,
+		ref: r,
+		style: {
+			...a,
+			...t.style
+		}
 	});
-}
+}, "VisuallyHidden"));
 //#endregion
-export { i as default };
+export { o as Root };

package/dist/index95.cjs

@@ -1 +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;
+const e=require("./index2.cjs"),t=require("./index13.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=Object.defineProperty,a=(e,t)=>i(e,`name`,{value:t,configurable:!0}),o=Object.freeze({position:`absolute`,border:0,width:1,height:1,padding:0,margin:-1,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,whiteSpace:`nowrap`,wordWrap:`normal`}),s=n.forwardRef(a(function(e,n){return(0,r.jsx)(t.Primitive.span,{...e,ref:n,style:{...o,...e.style}})},`VisuallyHidden`));exports.Root=s;