@bzync/rui 0.0.3 → 0.0.5

package/dist/components/stat.js

@@ -3,7 +3,7 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/stat.tsx
 var r = {
 	up: {
-		color: "text-emerald-400",
+		color: "text-emerald-700 dark:text-emerald-400",
 		icon: /* @__PURE__ */ t("svg", {
 			width: "12",
 			height: "12",
@@ -17,7 +17,7 @@ var r = {
 		})
 	},
 	down: {
-		color: "text-red-400",
+		color: "text-red-700 dark:text-red-400",
 		icon: /* @__PURE__ */ t("svg", {
 			width: "12",
 			height: "12",
@@ -31,7 +31,7 @@ var r = {
 		})
 	},
 	neutral: {
-		color: "text-slate-500",
+		color: "text-muted-foreground",
 		icon: /* @__PURE__ */ t("svg", {
 			width: "12",
 			height: "12",
@@ -47,18 +47,18 @@ var r = {
 };
 function i({ label: i, value: a, unit: o, valueClassName: s, trend: c, trendValue: l, icon: u, description: d, action: f, className: p, ...m }) {
 	return /* @__PURE__ */ n("div", {
-		className: e("flex flex-col gap-1 rounded-xl border border-black/[0.08] dark:border-white/[0.08] bg-white dark:bg-navy-900 p-4 shadow-sm shadow-black/[0.04] dark:shadow-none", p),
+		className: e("flex flex-col gap-1 rounded-[var(--radius-xl)] border border-border bg-surface p-4 shadow-xs", p),
 		...m,
 		children: [
 			/* @__PURE__ */ n("div", {
 				className: "flex items-start justify-between gap-2",
 				children: [/* @__PURE__ */ t("p", {
-					className: "text-[11px] font-semibold text-slate-500 dark:text-slate-400 uppercase tracking-[0.07em]",
+					className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-[0.06em]",
 					children: i
 				}), /* @__PURE__ */ n("span", {
 					className: "flex items-center gap-1.5 shrink-0",
 					children: [f, u && /* @__PURE__ */ t("span", {
-						className: "text-slate-400 dark:text-slate-500",
+						className: "text-muted-foreground",
 						children: u
 					})]
 				})]
@@ -66,10 +66,10 @@ function i({ label: i, value: a, unit: o, valueClassName: s, trend: c, trendValu
 			/* @__PURE__ */ n("div", {
 				className: "flex items-baseline gap-1.5 mt-1.5",
 				children: [/* @__PURE__ */ t("span", {
-					className: e("text-[26px] font-semibold tabular-nums text-slate-900 dark:text-white leading-none tracking-tight", s),
+					className: e("text-[26px] font-semibold tabular-nums text-foreground leading-none tracking-tight", s),
 					children: a
 				}), o && /* @__PURE__ */ t("span", {
-					className: "text-sm text-slate-500",
+					className: "text-sm text-muted-foreground",
 					children: o
 				})]
 			}),

package/dist/components/table.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({className:n,containerClassName:r,scrollAreaClassName:i,density:a=`comfortable`,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface`,r),children:(0,t.jsx)(`div`,{className:e.t(`w-full overflow-x-auto overscroll-x-contain scrollbar-thin`,i),children:(0,t.jsx)(`table`,{"data-density":a,className:e.t(`group/table w-full border-collapse text-sm`,n),...s,children:o})})})}function r({className:n,children:r,...i}){return(0,t.jsx)(`thead`,{className:e.t(`border-b border-border bg-surface-muted`,n),...i,children:r})}function i({className:n,children:r,...i}){return(0,t.jsx)(`tbody`,{className:e.t(`divide-y divide-border`,n),...i,children:r})}function a({className:n,children:r,...i}){return(0,t.jsx)(`tr`,{className:e.t(`transition-colors duration-100 hover:bg-surface-muted aria-selected:bg-accent-50/70 dark:aria-selected:bg-accent-500/10`,n),...i,children:r})}function o({className:n,children:r,...i}){return(0,t.jsx)(`th`,{className:e.t(`px-4 py-2.5 text-left text-xs font-medium text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`td`,{className:e.t(`px-4 py-3 text-sm text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}exports.Table=n,exports.TableBody=i,exports.TableCell=s,exports.TableHead=o,exports.TableHeader=r,exports.TableRow=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");function n({className:n,containerClassName:r,scrollAreaClassName:i,density:a=`comfortable`,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`w-full overflow-hidden rounded-[var(--radius-lg)] border border-border bg-surface`,r),children:(0,t.jsx)(`div`,{className:e.t(`w-full overflow-x-auto overscroll-x-contain scrollbar-thin`,i),children:(0,t.jsx)(`table`,{"data-density":a,className:e.t(`group/table w-full border-collapse text-sm`,n),...s,children:o})})})}function r({className:n,children:r,...i}){return(0,t.jsx)(`thead`,{className:e.t(`border-b border-border bg-surface-muted`,n),...i,children:r})}function i({className:n,children:r,...i}){return(0,t.jsx)(`tbody`,{className:e.t(`divide-y divide-border`,n),...i,children:r})}function a({className:n,children:r,...i}){return(0,t.jsx)(`tr`,{className:e.t(`transition-colors duration-100 hover:bg-surface-muted aria-selected:bg-accent-50/70 dark:aria-selected:bg-accent-500/10`,n),...i,children:r})}function o({className:n,children:r,...i}){return(0,t.jsx)(`th`,{className:e.t(`px-4 py-2.5 text-left text-[11px] font-semibold text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`td`,{className:e.t(`px-4 py-3 text-sm tabular-nums text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2`,n),...i,children:r})}exports.Table=n,exports.TableBody=i,exports.TableCell=s,exports.TableHead=o,exports.TableHeader=r,exports.TableRow=a;

package/dist/components/table.js

@@ -38,14 +38,14 @@ function a({ className: n, children: r, ...i }) {
 }
 function o({ className: n, children: r, ...i }) {
 	return /* @__PURE__ */ t("th", {
-		className: e("px-4 py-2.5 text-left text-xs font-medium text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
+		className: e("px-4 py-2.5 text-left text-[11px] font-semibold text-muted-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
 		...i,
 		children: r
 	});
 }
 function s({ className: n, children: r, ...i }) {
 	return /* @__PURE__ */ t("td", {
-		className: e("px-4 py-3 text-sm text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
+		className: e("px-4 py-3 text-sm tabular-nums text-foreground whitespace-nowrap group-data-[density=compact]/table:px-3 group-data-[density=compact]/table:py-2", n),
 		...i,
 		children: r
 	});

package/dist/components/tabs.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`Tabs subcomponents must be inside <Tabs>`);return e}function s({defaultValue:t,value:n,children:o,className:s,orientation:c=`horizontal`,onChange:l}){let[u,d]=(0,r.useState)(t),f=n??u,p=(0,r.useId)();return(0,i.jsx)(a.Provider,{value:{active:f,setActive:e=>{n===void 0&&d(e),l?.(e)},orientation:c,tabsId:p},children:(0,i.jsx)(`div`,{className:e.t(c===`vertical`?`flex flex-col gap-4 sm:flex-row`:`flex flex-col`,s),children:o})})}function c({className:t,children:n,...r}){let{orientation:a}=o();return(0,i.jsx)(`div`,{className:e.t(`rounded-[var(--radius-md)] border border-border bg-surface-muted p-1`,a===`vertical`?`flex flex-row sm:flex-col gap-0.5 w-full sm:w-36 sm:shrink-0 overflow-x-auto`:`flex items-center gap-0.5 overflow-x-auto max-w-full scrollbar-none`,t),role:`tablist`,...r,children:n})}function l({value:r,className:a,children:s,icon:c,onKeyDown:l,...u}){let{active:d,setActive:f,orientation:p,tabsId:m}=o(),h=d===r,g=encodeURIComponent(r),_=`${m}-tab-${g}`,v=`${m}-panel-${g}`;function y(e){if(l?.(e),e.defaultPrevented||!(p===`vertical`?[`ArrowUp`,`ArrowDown`]:[`ArrowLeft`,`ArrowRight`]).includes(e.key)&&e.key!==`Home`&&e.key!==`End`)return;let t=e.currentTarget.closest(`[role="tablist"]`),n=Array.from(t?.querySelectorAll(`[role="tab"]:not(:disabled)`)??[]),r=n.indexOf(e.currentTarget);if(r<0||n.length===0)return;e.preventDefault();let i=e.key===`Home`?0:e.key===`End`?n.length-1:(r+(e.key===`ArrowRight`||e.key===`ArrowDown`?1:-1)+n.length)%n.length;n[i]?.focus(),n[i]?.click()}return(0,i.jsxs)(`button`,{role:`tab`,type:`button`,id:_,"aria-controls":v,"aria-selected":h,tabIndex:h?0:-1,onClick:()=>f(r),onKeyDown:y,className:e.t(`relative text-sm font-medium cursor-pointer transition-colors`,p===`vertical`?`flex items-center gap-2 w-full px-3 py-2 rounded-md text-left`:`px-3 py-1.5 rounded-md`,t.s,h?`text-foreground`:`text-muted-foreground hover:text-foreground`,a),...u,children:[h&&(0,i.jsx)(n.motion.span,{layoutId:`tab-bg-${m}`,className:`absolute inset-0 rounded-md border border-border bg-surface shadow-xs`,transition:{type:`spring`,stiffness:450,damping:32}}),c&&(0,i.jsx)(`span`,{className:`relative z-10 shrink-0 opacity-70`,children:c}),(0,i.jsx)(`span`,{className:`relative z-10`,children:s})]})}function u({value:t,className:r,children:a,...s}){let{active:c,orientation:l,tabsId:u}=o(),d=encodeURIComponent(t);return(0,i.jsx)(n.AnimatePresence,{mode:`wait`,children:c===t&&(0,i.jsx)(n.motion.div,{initial:l===`vertical`?{opacity:0,x:6}:{opacity:0,y:4},animate:l===`vertical`?{opacity:1,x:0}:{opacity:1,y:0},exit:l===`vertical`?{opacity:0,x:-6}:{opacity:0,y:-4},transition:{duration:.15},role:`tabpanel`,id:`${u}-panel-${d}`,"aria-labelledby":`${u}-tab-${d}`,tabIndex:0,className:e.t(l===`vertical`?`flex-1 min-w-0`:`mt-4`,r),...s,children:a},t)})}exports.Tabs=s,exports.TabsContent=u,exports.TabsList=c,exports.TabsTrigger=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`Tabs subcomponents must be inside <Tabs>`);return e}function s({defaultValue:t,value:n,children:o,className:s,orientation:c=`horizontal`,onChange:l}){let[u,d]=(0,r.useState)(t),f=n??u,p=(0,r.useId)();return(0,i.jsx)(a.Provider,{value:{active:f,setActive:e=>{n===void 0&&d(e),l?.(e)},orientation:c,tabsId:p},children:(0,i.jsx)(`div`,{className:e.t(c===`vertical`?`flex flex-col gap-4 sm:flex-row`:`flex flex-col`,s),children:o})})}function c({className:t,children:n,...r}){let{orientation:a}=o();return(0,i.jsx)(`div`,{className:e.t(`rounded-[var(--radius-md)] border border-border bg-surface-muted p-1`,a===`vertical`?`flex flex-row sm:flex-col gap-0.5 w-full sm:w-36 sm:shrink-0 overflow-x-auto`:`flex items-center gap-0.5 overflow-x-auto max-w-full scrollbar-none`,t),role:`tablist`,...r,children:n})}function l({value:r,className:a,children:s,icon:c,onKeyDown:l,...u}){let{active:d,setActive:f,orientation:p,tabsId:m}=o(),h=d===r,g=encodeURIComponent(r),_=`${m}-tab-${g}`,v=`${m}-panel-${g}`;function y(e){if(l?.(e),e.defaultPrevented||!(p===`vertical`?[`ArrowUp`,`ArrowDown`]:[`ArrowLeft`,`ArrowRight`]).includes(e.key)&&e.key!==`Home`&&e.key!==`End`)return;let t=e.currentTarget.closest(`[role="tablist"]`),n=Array.from(t?.querySelectorAll(`[role="tab"]:not(:disabled)`)??[]),r=n.indexOf(e.currentTarget);if(r<0||n.length===0)return;e.preventDefault();let i=e.key===`Home`?0:e.key===`End`?n.length-1:(r+(e.key===`ArrowRight`||e.key===`ArrowDown`?1:-1)+n.length)%n.length;n[i]?.focus(),n[i]?.click()}return(0,i.jsxs)(`button`,{role:`tab`,type:`button`,id:_,"aria-controls":v,"aria-selected":h,tabIndex:h?0:-1,onClick:()=>f(r),onKeyDown:y,className:e.t(`relative text-sm font-medium cursor-pointer transition-colors`,p===`vertical`?`flex items-center gap-2 w-full px-3 py-2 rounded-md text-left`:`px-3 py-1.5 rounded-md`,t.s,h?`text-foreground`:`text-muted-foreground hover:text-foreground`,a),...u,children:[h&&(0,i.jsx)(n.motion.span,{layoutId:`tab-bg-${m}`,className:`absolute inset-0 rounded-md border border-border bg-surface shadow-xs`,transition:{type:`spring`,stiffness:450,damping:32}}),c&&(0,i.jsx)(`span`,{className:`relative z-10 shrink-0 opacity-70`,children:c}),(0,i.jsx)(`span`,{className:`relative z-10`,children:s})]})}function u({value:t,className:r,children:a,...s}){let{active:c,orientation:l,tabsId:u}=o(),d=encodeURIComponent(t);return(0,i.jsx)(n.AnimatePresence,{mode:`wait`,children:c===t&&(0,i.jsx)(n.motion.div,{initial:l===`vertical`?{opacity:0,x:6}:{opacity:0,y:4},animate:l===`vertical`?{opacity:1,x:0}:{opacity:1,y:0},exit:l===`vertical`?{opacity:0,x:-6}:{opacity:0,y:-4},transition:{duration:.15},role:`tabpanel`,id:`${u}-panel-${d}`,"aria-labelledby":`${u}-tab-${d}`,tabIndex:0,className:e.t(l===`vertical`?`flex-1 min-w-0`:`mt-4`,r),...s,children:a},t)})}exports.Tabs=s,exports.TabsContent=u,exports.TabsList=c,exports.TabsTrigger=l;

package/dist/components/tabs.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Ce56hn9T.js";
+import { s as t } from "../component-styles-Bgy44fc8.js";
 import { AnimatePresence as n, motion as r } from "framer-motion";
 import { createContext as i, useContext as a, useId as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/components/textarea.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:`min-h-[64px] px-2 py-1.5 text-xs`,md:`min-h-[88px] px-3 py-2.5 text-sm`,lg:`min-h-[120px] px-4 py-3 text-sm`},a=(0,n.forwardRef)(({className:a,wrapperClassName:o,labelClassName:s,messageClassName:c,label:l,hint:u,error:d,size:f=`md`,id:p,autoComplete:m=`on`,required:h,...g},_)=>{let v=(0,n.useId)(),y=p??v,b=`${y}-message`;return(0,r.jsxs)(`div`,{className:e.t(t.o,o),children:[l&&(0,r.jsxs)(`label`,{htmlFor:y,className:e.t(`text-sm font-medium leading-5 text-foreground`,s),children:[l,h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsx)(`textarea`,{ref:_,id:y,required:h,"aria-invalid":d?!0:void 0,"aria-describedby":d||u?b:void 0,autoComplete:m,className:e.t(`w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y`,t.t,i[f],`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,d&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`,a),...g}),d&&(0,r.jsx)(`p`,{id:b,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,c),children:d}),u&&!d&&(0,r.jsx)(`p`,{id:b,className:e.t(`text-xs leading-5 text-muted-foreground`,c),children:u})]})});a.displayName=`Textarea`,exports.Textarea=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:`min-h-[64px] px-2 py-1.5 text-xs`,md:`min-h-[88px] px-3 py-2.5 text-sm`,lg:`min-h-[120px] px-4 py-3 text-sm`},a=(0,n.forwardRef)(({className:a,wrapperClassName:o,labelClassName:s,messageClassName:c,label:l,hint:u,error:d,size:f=`md`,id:p,autoComplete:m=`on`,required:h,...g},_)=>{let v=(0,n.useId)(),y=p??v,b=`${y}-message`;return(0,r.jsxs)(`div`,{className:e.t(t.o,o),children:[l&&(0,r.jsxs)(`label`,{htmlFor:y,className:e.t(`text-xs font-semibold leading-5 text-foreground`,s),children:[l,h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsx)(`textarea`,{ref:_,id:y,required:h,"aria-invalid":d?!0:void 0,"aria-describedby":d||u?b:void 0,autoComplete:m,className:e.t(`w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y`,t.t,i[f],`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,d&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`,a),...g}),d&&(0,r.jsx)(`p`,{id:b,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,c),children:d}),u&&!d&&(0,r.jsx)(`p`,{id:b,className:e.t(`text-xs leading-5 text-muted-foreground`,c),children:u})]})});a.displayName=`Textarea`,exports.Textarea=a;

package/dist/components/textarea.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "../cn-DpgY2leY.js";
-import { o as t, t as n } from "../component-styles-Ce56hn9T.js";
+import { o as t, t as n } from "../component-styles-Bgy44fc8.js";
 import { forwardRef as r, useId as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/textarea.tsx
@@ -15,7 +15,7 @@ var c = {
 		children: [
 			f && /* @__PURE__ */ s("label", {
 				htmlFor: S,
-				className: e("text-sm font-medium leading-5 text-foreground", u),
+				className: e("text-xs font-semibold leading-5 text-foreground", u),
 				children: [f, v && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
 					"aria-hidden": "true",
 					className: "ml-1 text-destructive",

package/dist/components/theme-toggle.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../theme-toggle-Dp1-24zH.cjs");require("./theme-provider.cjs"),exports.ThemeToggle=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../theme-toggle-Cld8tktJ.cjs");require("./theme-provider.cjs"),exports.ThemeToggle=e.t;

package/dist/components/theme-toggle.js

@@ -1,4 +1,4 @@
 "use client";
-import { t as e } from "../theme-toggle-CnoiorKV.js";
+import { t as e } from "../theme-toggle-Bb0BYo51.js";
 import "./theme-provider.js";
 export { e as ThemeToggle };

package/dist/components/time-picker.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:`h-8 px-2.5 text-xs`,md:`h-9 px-3 text-sm`,lg:`h-10 px-3.5 text-sm`},a={bottom:`top-full mt-1.5`,top:`bottom-full mb-1.5`},o=e=>String(e).padStart(2,`0`);function s(e){if(!e)return null;let t=/^(?:([01]\d|2[0-3])):([0-5]\d)(?::([0-5]\d))?$/.exec(e);return t?{hour:Number(t[1]),minute:Number(t[2]),second:Number(t[3]??0)}:null}function c(e){return e.hour*3600+e.minute*60+e.second}function l(e,t){let n=`${o(e.hour)}:${o(e.minute)}`;return t?`${n}:${o(e.second)}`:n}function u(e,t,n){let r=s(e);if(!r)return``;let i=o(r.minute),a=n?`:${o(r.second)}`:``;if(t===`24`)return`${o(r.hour)}:${i}${a}`;let c=r.hour>=12?`PM`:`AM`;return`${r.hour%12||12}:${i}${a} ${c}`}function d(e){let t=new Date,n=Math.floor(59/e)*e;return{hour:t.getHours(),minute:Math.min(n,Math.round(t.getMinutes()/e)*e),second:t.getSeconds()}}function f({label:n,name:i,options:a,value:o,onSelect:s}){let c=`${i}-label`;function l(e,t){if(![`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(e.key))return;e.preventDefault();let n=e.key===`Home`?0:e.key===`End`?a.length-1:(t+(e.key===`ArrowDown`?1:-1)+a.length)%a.length,r=a[n];r&&(s(r.value),e.currentTarget.closest(`[data-time-column]`)?.querySelectorAll(`[role="option"]`)[n]?.focus())}return(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`p`,{id:c,className:`mb-1.5 truncate text-center text-[10px] font-semibold uppercase tracking-wider text-muted-foreground`,children:n}),(0,r.jsx)(`div`,{role:`listbox`,"aria-labelledby":c,"data-time-column":i,className:`max-h-44 min-w-0 overflow-y-auto overscroll-contain rounded-[var(--radius-md)] border border-border bg-surface p-1 scrollbar-thin`,children:a.map((n,i)=>{let a=n.value===o;return(0,r.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":a,tabIndex:a?0:-1,onClick:()=>s(n.value),onKeyDown:e=>l(e,i),className:e.t(`flex h-9 w-full items-center justify-center rounded-[var(--radius-sm)] px-1 text-xs tabular-nums transition-colors`,t.s,a?`bg-primary font-semibold text-primary-foreground`:`text-muted-foreground hover:bg-muted hover:text-foreground`),children:n.label},n.value)})})]})}var p=(0,n.forwardRef)(({label:p,hint:m,error:h,value:g,defaultValue:ee=``,onValueChange:_,format:v=`12`,minuteStep:y=5,showSeconds:b=!1,min:te,max:ne,name:x,disabled:S=!1,required:C=!1,clearable:w=!0,placeholder:re=`Select time…`,size:ie=`md`,side:ae=`bottom`,triggerClassName:oe,panelClassName:se,labelClassName:T,messageClassName:E,className:ce,id:le,onBlur:D,...O},k)=>{let A=(0,n.useId)(),j=le??A,M=`${j}-panel`,N=`${j}-message`,P=(0,n.useRef)(null),F=(0,n.useRef)(null);(0,n.useImperativeHandle)(k,()=>F.current);let I=Number.isFinite(y)?Math.max(1,Math.min(30,Math.floor(y))):5,L=e=>{let t=s(e);return t?l(t,b):``},[R,z]=(0,n.useState)(()=>L(ee)),B=L(g??R),[V,H]=(0,n.useState)(!1),[U,W]=(0,n.useState)(()=>s(B)??d(I)),ue=Array.from({length:24},(e,t)=>({value:t,label:o(t)})),de=Array.from({length:12},(e,t)=>({value:t+1,label:o(t+1)})),fe=Array.from({length:Math.floor(59/I)+1},(e,t)=>{let n=t*I;return{value:n,label:o(n)}}),pe=Array.from({length:60},(e,t)=>({value:t,label:o(t)})),me=[{value:0,label:`AM`},{value:1,label:`PM`}],G=s(te),K=s(ne),q=c(U),J=G?q<c(G):!1,he=K?q>c(K):!1,Y=J||he,X=u(B,v,b);function Z(){S||(W(s(B)??d(I)),H(!0))}function Q(e=!1){H(!1),e&&F.current?.focus()}function $(e){g===void 0&&z(e),_?.(e),Q(!0)}return(0,n.useEffect)(()=>{if(!V)return;let e=e=>{P.current?.contains(e.target)||Q()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[V]),(0,n.useEffect)(()=>{V&&requestAnimationFrame(()=>{P.current?.querySelector(`[data-time-column="hour"] [aria-selected="true"]`)?.focus()})},[V]),(0,r.jsxs)(`div`,{ref:P,className:e.t(`relative`,t.o,ce),onBlur:e=>{D?.(e),e.currentTarget.contains(e.relatedTarget)||Q()},onKeyDown:e=>{e.key===`Escape`&&V&&(e.preventDefault(),Q(!0))},...O,children:[p&&(0,r.jsxs)(`label`,{htmlFor:j,className:e.t(`text-xs font-semibold leading-5 text-foreground`,T),children:[p,C&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsxs)(`button`,{ref:F,id:j,type:`button`,disabled:S,"aria-expanded":V,"aria-haspopup":`dialog`,"aria-controls":M,"aria-invalid":h?!0:void 0,"aria-required":C||void 0,"aria-describedby":h||m?N:void 0,onClick:()=>V?Q():Z(),onKeyDown:e=>{e.key===`ArrowDown`&&!V&&(e.preventDefault(),Z())},className:e.t(`flex w-full min-w-0 items-center gap-2 rounded-[var(--radius-md)] text-left`,t.t,t.s,h&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,i[ie],oe),children:[(0,r.jsxs)(`svg`,{"aria-hidden":`true`,width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`shrink-0 text-muted-foreground`,children:[(0,r.jsx)(`circle`,{cx:`12`,cy:`12`,r:`9`}),(0,r.jsx)(`path`,{d:`M12 7v5l3 2`})]}),(0,r.jsx)(`span`,{className:e.t(`min-w-0 flex-1 truncate`,X?`text-foreground`:`text-muted-foreground`),children:X||re}),(0,r.jsx)(`svg`,{"aria-hidden":`true`,width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:e.t(`shrink-0 text-muted-foreground transition-transform`,V&&`rotate-180`),children:(0,r.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),x&&(0,r.jsx)(`input`,{type:`hidden`,name:x,value:B,disabled:S}),V&&(0,r.jsxs)(`div`,{id:M,role:`dialog`,"aria-label":p?`Choose ${p.toLowerCase()}`:`Choose time`,className:e.t(`absolute left-0 z-50 w-[min(22rem,calc(100vw-2rem))] max-h-[min(30rem,calc(100dvh-2rem))] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating`,a[ae],se),children:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`min-w-0`,children:[(0,r.jsx)(`p`,{className:`truncate text-sm font-semibold text-foreground`,children:`Choose time`}),(0,r.jsxs)(`p`,{className:`text-[11px] text-muted-foreground`,children:[v===`12`?`12-hour`:`24-hour`,` format`]})]}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>W(d(I)),className:e.t(`h-8 rounded-md px-2.5 text-xs font-medium text-accent-700 hover:bg-muted dark:text-accent-300`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:`Now`})]}),(0,r.jsxs)(`div`,{className:e.t(`grid gap-2`,v===`12`&&b?`grid-cols-4`:b||v===`12`?`grid-cols-3`:`grid-cols-2`),children:[(0,r.jsx)(f,{label:`Hour`,name:`hour`,options:v===`24`?ue:de,value:v===`24`?U.hour:U.hour%12||12,onSelect:e=>W(t=>({...t,hour:v===`24`?e:e%12+(t.hour>=12?12:0)}))}),(0,r.jsx)(f,{label:`Minute`,name:`minute`,options:fe,value:U.minute,onSelect:e=>W(t=>({...t,minute:e}))}),b&&(0,r.jsx)(f,{label:`Second`,name:`second`,options:pe,value:U.second,onSelect:e=>W(t=>({...t,second:e}))}),v===`12`&&(0,r.jsx)(f,{label:`Period`,name:`period`,options:me,value:+(U.hour>=12),onSelect:e=>W(t=>({...t,hour:t.hour%12+e*12}))})]}),Y&&(0,r.jsxs)(`p`,{role:`status`,className:`mt-2 text-xs text-destructive`,children:[`Choose a time `,J?`at or after ${u(l(G,b),v,b)}`:`at or before ${u(l(K,b),v,b)}`,`.`]}),(0,r.jsxs)(`div`,{className:`mt-3 flex flex-wrap items-center justify-end gap-2 border-t border-border pt-3`,children:[w&&!C&&B&&(0,r.jsx)(`button`,{type:`button`,onClick:()=>$(``),className:e.t(`mr-auto h-8 rounded-md px-2.5 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:`Clear`}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>Q(!0),className:e.t(`h-8 rounded-md px-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:`Cancel`}),(0,r.jsx)(`button`,{type:`button`,disabled:Y,onClick:()=>$(l(U,b)),className:e.t(`h-8 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-40`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`),children:`Apply`})]})]}),h&&(0,r.jsx)(`p`,{id:N,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,E),children:h}),m&&!h&&(0,r.jsx)(`p`,{id:N,className:e.t(`text-xs leading-5 text-muted-foreground`,E),children:m})]})});p.displayName=`TimePicker`,exports.TimePicker=p;

package/dist/components/time-picker.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from 'react';
+export type TimePickerSize = "sm" | "md" | "lg";
+export type TimePickerFormat = "12" | "24";
+export type TimePickerSide = "top" | "bottom";
+export interface TimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    format?: TimePickerFormat;
+    minuteStep?: number;
+    showSeconds?: boolean;
+    min?: string;
+    max?: string;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    size?: TimePickerSize;
+    side?: TimePickerSide;
+    triggerClassName?: string;
+    panelClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+}
+export declare const TimePicker: import('react').ForwardRefExoticComponent<TimePickerProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/time-picker.js

@@ -0,0 +1,336 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t, s as n, t as r } from "../component-styles-Bgy44fc8.js";
+import { forwardRef as i, useEffect as a, useId as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
+import { Fragment as ee, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/time-picker.tsx
+var te = {
+	sm: "h-8 px-2.5 text-xs",
+	md: "h-9 px-3 text-sm",
+	lg: "h-10 px-3.5 text-sm"
+}, ne = {
+	bottom: "top-full mt-1.5",
+	top: "bottom-full mb-1.5"
+}, f = (e) => String(e).padStart(2, "0");
+function p(e) {
+	if (!e) return null;
+	let t = /^(?:([01]\d|2[0-3])):([0-5]\d)(?::([0-5]\d))?$/.exec(e);
+	return t ? {
+		hour: Number(t[1]),
+		minute: Number(t[2]),
+		second: Number(t[3] ?? 0)
+	} : null;
+}
+function m(e) {
+	return e.hour * 3600 + e.minute * 60 + e.second;
+}
+function h(e, t) {
+	let n = `${f(e.hour)}:${f(e.minute)}`;
+	return t ? `${n}:${f(e.second)}` : n;
+}
+function g(e, t, n) {
+	let r = p(e);
+	if (!r) return "";
+	let i = f(r.minute), a = n ? `:${f(r.second)}` : "";
+	if (t === "24") return `${f(r.hour)}:${i}${a}`;
+	let o = r.hour >= 12 ? "PM" : "AM";
+	return `${r.hour % 12 || 12}:${i}${a} ${o}`;
+}
+function _(e) {
+	let t = /* @__PURE__ */ new Date(), n = Math.floor(59 / e) * e;
+	return {
+		hour: t.getHours(),
+		minute: Math.min(n, Math.round(t.getMinutes() / e) * e),
+		second: t.getSeconds()
+	};
+}
+function v({ label: t, name: r, options: i, value: a, onSelect: o }) {
+	let s = `${r}-label`;
+	function c(e, t) {
+		if (![
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End"
+		].includes(e.key)) return;
+		e.preventDefault();
+		let n = e.key === "Home" ? 0 : e.key === "End" ? i.length - 1 : (t + (e.key === "ArrowDown" ? 1 : -1) + i.length) % i.length, r = i[n];
+		r && (o(r.value), e.currentTarget.closest("[data-time-column]")?.querySelectorAll("[role=\"option\"]")[n]?.focus());
+	}
+	return /* @__PURE__ */ d("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ u("p", {
+			id: s,
+			className: "mb-1.5 truncate text-center text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+			children: t
+		}), /* @__PURE__ */ u("div", {
+			role: "listbox",
+			"aria-labelledby": s,
+			"data-time-column": r,
+			className: "max-h-44 min-w-0 overflow-y-auto overscroll-contain rounded-[var(--radius-md)] border border-border bg-surface p-1 scrollbar-thin",
+			children: i.map((t, r) => {
+				let i = t.value === a;
+				return /* @__PURE__ */ u("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": i,
+					tabIndex: i ? 0 : -1,
+					onClick: () => o(t.value),
+					onKeyDown: (e) => c(e, r),
+					className: e("flex h-9 w-full items-center justify-center rounded-[var(--radius-sm)] px-1 text-xs tabular-nums transition-colors", n, i ? "bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"),
+					children: t.label
+				}, t.value);
+			})
+		})]
+	});
+}
+var y = i(({ label: i, hint: y, error: b, value: x, defaultValue: S = "", onValueChange: C, format: w = "12", minuteStep: T = 5, showSeconds: E = !1, min: re, max: D, name: O, disabled: k = !1, required: A = !1, clearable: ie = !0, placeholder: ae = "Select time…", size: oe = "md", side: se = "bottom", triggerClassName: ce, panelClassName: le, labelClassName: ue, messageClassName: j, className: de, id: fe, onBlur: pe, ...me }, he) => {
+	let ge = o(), M = fe ?? ge, N = `${M}-panel`, P = `${M}-message`, F = c(null), I = c(null);
+	s(he, () => I.current);
+	let L = Number.isFinite(T) ? Math.max(1, Math.min(30, Math.floor(T))) : 5, R = (e) => {
+		let t = p(e);
+		return t ? h(t, E) : "";
+	}, [_e, ve] = l(() => R(S)), z = R(x ?? _e), [B, V] = l(!1), [H, U] = l(() => p(z) ?? _(L)), ye = Array.from({ length: 24 }, (e, t) => ({
+		value: t,
+		label: f(t)
+	})), be = Array.from({ length: 12 }, (e, t) => ({
+		value: t + 1,
+		label: f(t + 1)
+	})), xe = Array.from({ length: Math.floor(59 / L) + 1 }, (e, t) => {
+		let n = t * L;
+		return {
+			value: n,
+			label: f(n)
+		};
+	}), Se = Array.from({ length: 60 }, (e, t) => ({
+		value: t,
+		label: f(t)
+	})), W = [{
+		value: 0,
+		label: "AM"
+	}, {
+		value: 1,
+		label: "PM"
+	}], G = p(re), K = p(D), q = m(H), J = G ? q < m(G) : !1, Ce = K ? q > m(K) : !1, Y = J || Ce, X = g(z, w, E);
+	function Z() {
+		k || (U(p(z) ?? _(L)), V(!0));
+	}
+	function Q(e = !1) {
+		V(!1), e && I.current?.focus();
+	}
+	function $(e) {
+		x === void 0 && ve(e), C?.(e), Q(!0);
+	}
+	return a(() => {
+		if (!B) return;
+		let e = (e) => {
+			F.current?.contains(e.target) || Q();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [B]), a(() => {
+		B && requestAnimationFrame(() => {
+			F.current?.querySelector("[data-time-column=\"hour\"] [aria-selected=\"true\"]")?.focus();
+		});
+	}, [B]), /* @__PURE__ */ d("div", {
+		ref: F,
+		className: e("relative", t, de),
+		onBlur: (e) => {
+			pe?.(e), e.currentTarget.contains(e.relatedTarget) || Q();
+		},
+		onKeyDown: (e) => {
+			e.key === "Escape" && B && (e.preventDefault(), Q(!0));
+		},
+		...me,
+		children: [
+			i && /* @__PURE__ */ d("label", {
+				htmlFor: M,
+				className: e("text-xs font-semibold leading-5 text-foreground", ue),
+				children: [i, A && /* @__PURE__ */ d(ee, { children: [/* @__PURE__ */ u("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ u("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ d("button", {
+				ref: I,
+				id: M,
+				type: "button",
+				disabled: k,
+				"aria-expanded": B,
+				"aria-haspopup": "dialog",
+				"aria-controls": N,
+				"aria-invalid": b ? !0 : void 0,
+				"aria-required": A || void 0,
+				"aria-describedby": b || y ? P : void 0,
+				onClick: () => B ? Q() : Z(),
+				onKeyDown: (e) => {
+					e.key === "ArrowDown" && !B && (e.preventDefault(), Z());
+				},
+				className: e("flex w-full min-w-0 items-center gap-2 rounded-[var(--radius-md)] text-left", r, n, b && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", te[oe], ce),
+				children: [
+					/* @__PURE__ */ d("svg", {
+						"aria-hidden": "true",
+						width: "15",
+						height: "15",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						className: "shrink-0 text-muted-foreground",
+						children: [/* @__PURE__ */ u("circle", {
+							cx: "12",
+							cy: "12",
+							r: "9"
+						}), /* @__PURE__ */ u("path", { d: "M12 7v5l3 2" })]
+					}),
+					/* @__PURE__ */ u("span", {
+						className: e("min-w-0 flex-1 truncate", X ? "text-foreground" : "text-muted-foreground"),
+						children: X || ae
+					}),
+					/* @__PURE__ */ u("svg", {
+						"aria-hidden": "true",
+						width: "13",
+						height: "13",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						className: e("shrink-0 text-muted-foreground transition-transform", B && "rotate-180"),
+						children: /* @__PURE__ */ u("path", { d: "m6 9 6 6 6-6" })
+					})
+				]
+			}),
+			O && /* @__PURE__ */ u("input", {
+				type: "hidden",
+				name: O,
+				value: z,
+				disabled: k
+			}),
+			B && /* @__PURE__ */ d("div", {
+				id: N,
+				role: "dialog",
+				"aria-label": i ? `Choose ${i.toLowerCase()}` : "Choose time",
+				className: e("absolute left-0 z-50 w-[min(22rem,calc(100vw-2rem))] max-h-[min(30rem,calc(100dvh-2rem))] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating", ne[se], le),
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "mb-3 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ d("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ u("p", {
+								className: "truncate text-sm font-semibold text-foreground",
+								children: "Choose time"
+							}), /* @__PURE__ */ d("p", {
+								className: "text-[11px] text-muted-foreground",
+								children: [w === "12" ? "12-hour" : "24-hour", " format"]
+							})]
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							onClick: () => U(_(L)),
+							className: e("h-8 rounded-md px-2.5 text-xs font-medium text-accent-700 hover:bg-muted dark:text-accent-300", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+							children: "Now"
+						})]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: e("grid gap-2", w === "12" && E ? "grid-cols-4" : E || w === "12" ? "grid-cols-3" : "grid-cols-2"),
+						children: [
+							/* @__PURE__ */ u(v, {
+								label: "Hour",
+								name: "hour",
+								options: w === "24" ? ye : be,
+								value: w === "24" ? H.hour : H.hour % 12 || 12,
+								onSelect: (e) => U((t) => ({
+									...t,
+									hour: w === "24" ? e : e % 12 + (t.hour >= 12 ? 12 : 0)
+								}))
+							}),
+							/* @__PURE__ */ u(v, {
+								label: "Minute",
+								name: "minute",
+								options: xe,
+								value: H.minute,
+								onSelect: (e) => U((t) => ({
+									...t,
+									minute: e
+								}))
+							}),
+							E && /* @__PURE__ */ u(v, {
+								label: "Second",
+								name: "second",
+								options: Se,
+								value: H.second,
+								onSelect: (e) => U((t) => ({
+									...t,
+									second: e
+								}))
+							}),
+							w === "12" && /* @__PURE__ */ u(v, {
+								label: "Period",
+								name: "period",
+								options: W,
+								value: +(H.hour >= 12),
+								onSelect: (e) => U((t) => ({
+									...t,
+									hour: t.hour % 12 + e * 12
+								}))
+							})
+						]
+					}),
+					Y && /* @__PURE__ */ d("p", {
+						role: "status",
+						className: "mt-2 text-xs text-destructive",
+						children: [
+							"Choose a time ",
+							J ? `at or after ${g(h(G, E), w, E)}` : `at or before ${g(h(K, E), w, E)}`,
+							"."
+						]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "mt-3 flex flex-wrap items-center justify-end gap-2 border-t border-border pt-3",
+						children: [
+							ie && !A && z && /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => $(""),
+								className: e("mr-auto h-8 rounded-md px-2.5 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+								children: "Clear"
+							}),
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => Q(!0),
+								className: e("h-8 rounded-md px-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+								children: "Cancel"
+							}),
+							/* @__PURE__ */ u("button", {
+								type: "button",
+								disabled: Y,
+								onClick: () => $(h(H, E)),
+								className: e("h-8 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg"),
+								children: "Apply"
+							})
+						]
+					})
+				]
+			}),
+			b && /* @__PURE__ */ u("p", {
+				id: P,
+				"aria-live": "polite",
+				className: e("text-xs leading-5 text-destructive", j),
+				children: b
+			}),
+			y && !b && /* @__PURE__ */ u("p", {
+				id: P,
+				className: e("text-xs leading-5 text-muted-foreground", j),
+				children: y
+			})
+		]
+	});
+});
+y.displayName = "TimePicker";
+//#endregion
+export { y as TimePicker };

package/dist/components/toggle.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-DOUctc8_.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={default:[`border border-transparent bg-transparent text-muted-foreground`,`hover:bg-muted hover:text-foreground`,`data-[state=on]:bg-accent-100 data-[state=on]:text-accent-800`,`dark:data-[state=on]:bg-accent-900/45 dark:data-[state=on]:text-accent-200`].join(` `),outline:[`border border-border bg-surface text-muted-foreground shadow-xs`,`hover:border-border-strong hover:bg-surface-muted hover:text-foreground`,`data-[state=on]:border-accent-300 data-[state=on]:bg-accent-50 data-[state=on]:text-accent-800`,`dark:data-[state=on]:border-accent-700 dark:data-[state=on]:bg-accent-900/35 dark:data-[state=on]:text-accent-200`].join(` `)},a={sm:`h-8 rounded-[var(--radius-md)] px-2.5 text-xs gap-1.5`,md:`h-9 rounded-[var(--radius-md)] px-3 text-sm gap-2`,lg:`h-10 rounded-[var(--radius-lg)] px-4 text-sm gap-2`,icon:`size-9 rounded-[var(--radius-md)] p-0`},o=[`inline-flex shrink-0 cursor-pointer select-none items-center justify-center font-medium`,`transition-[color,background-color,border-color,box-shadow] duration-150`,`disabled:pointer-events-none disabled:opacity-40`,t.s].join(` `),s=(0,n.forwardRef)(({pressed:t,defaultPressed:s=!1,onPressedChange:c,variant:l=`default`,size:u=`md`,className:d,type:f=`button`,onClick:p,...m},h)=>{let[g,_]=(0,n.useState)(s),v=t??g;return(0,r.jsx)(`button`,{ref:h,type:f,"aria-pressed":v,"data-state":v?`on`:`off`,className:e.t(o,i[l],a[u],d),onClick:e=>{if(p?.(e),e.defaultPrevented)return;let n=!v;t===void 0&&_(n),c?.(n)},...m})});s.displayName=`Toggle`;var c=(0,n.createContext)(null);function l(){let e=(0,n.useContext)(c);if(!e)throw Error(`ToggleGroupItem must be inside <ToggleGroup>`);return e}var u=(0,n.forwardRef)(({type:t=`single`,value:i,defaultValue:a,onValueChange:o,orientation:s=`horizontal`,variant:l=`default`,size:u=`md`,disabled:d=!1,loop:f=!0,className:p,children:m,...h},g)=>{let[_,v]=(0,n.useState)(()=>a??(t===`multiple`?[]:``)),y=i??_,b=o;function x(e){return t===`multiple`?Array.isArray(y)&&y.includes(e):y===e}function S(e){let n=t===`multiple`?(()=>{let t=Array.isArray(y)?y:[];return t.includes(e)?t.filter(t=>t!==e):[...t,e]})():y===e?``:e;i===void 0&&v(n),b?.(n)}return(0,r.jsx)(c.Provider,{value:{disabled:d,isPressed:x,loop:f,orientation:s,select:S,size:u,variant:l},children:(0,r.jsx)(`div`,{ref:g,role:`group`,"data-rui-toggle-group":``,"data-orientation":s,className:e.t(`inline-flex w-fit rounded-[var(--radius-lg)]`,s===`horizontal`?`max-w-full flex-row items-center gap-1 overflow-x-auto overscroll-x-contain p-0.5 scrollbar-none [&>*]:shrink-0`:`max-w-full flex-col items-stretch gap-1`,p),...h,children:m})})});u.displayName=`ToggleGroup`;var d=(0,n.forwardRef)(({value:t,variant:n,size:s,className:c,disabled:u,type:d=`button`,onClick:f,onKeyDown:p,...m},h)=>{let g=l(),_=g.isPressed(t),v=g.disabled||u;function y(e){if(p?.(e),e.defaultPrevented)return;let t=g.orientation===`horizontal`?`ArrowLeft`:`ArrowUp`,n=g.orientation===`horizontal`?`ArrowRight`:`ArrowDown`;if(e.key!==t&&e.key!==n&&e.key!==`Home`&&e.key!==`End`)return;let r=e.currentTarget.closest(`[data-rui-toggle-group]`),i=Array.from(r?.querySelectorAll(`[data-rui-toggle-item]:not(:disabled)`)??[]).filter(e=>e.closest(`[data-rui-toggle-group]`)===r),a=i.indexOf(e.currentTarget);if(a<0||i.length===0)return;e.preventDefault();let o=e.key===`Home`?0:e.key===`End`?i.length-1:a+(e.key===n?1:-1);o=g.loop?(o+i.length)%i.length:Math.max(0,Math.min(i.length-1,o)),i[o]?.focus()}return(0,r.jsx)(`button`,{ref:h,type:d,"aria-pressed":_,"data-rui-toggle-item":``,"data-state":_?`on`:`off`,disabled:v,className:e.t(o,i[n??g.variant],a[s??g.size],c),onClick:e=>{f?.(e),e.defaultPrevented||g.select(t)},onKeyDown:y,...m})});d.displayName=`ToggleGroupItem`,exports.Toggle=s,exports.ToggleGroup=u,exports.ToggleGroupItem=d,exports.toggleSizes=a,exports.toggleVariants=i;

package/dist/components/toggle.d.ts

@@ -0,0 +1,42 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+export type ToggleVariant = "default" | "outline";
+export type ToggleSize = "sm" | "md" | "lg" | "icon";
+export declare const toggleVariants: Record<ToggleVariant, string>;
+export declare const toggleSizes: Record<ToggleSize, string>;
+export interface ToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+}
+export declare const Toggle: import('react').ForwardRefExoticComponent<ToggleProps & import('react').RefAttributes<HTMLButtonElement>>;
+interface ToggleGroupBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    orientation?: "horizontal" | "vertical";
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+    disabled?: boolean;
+    loop?: boolean;
+    children: ReactNode;
+}
+export interface ToggleGroupSingleProps extends ToggleGroupBaseProps {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+export declare const ToggleGroup: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface ToggleGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    value: string;
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+}
+export declare const ToggleGroupItem: import('react').ForwardRefExoticComponent<ToggleGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};