@bzync/rui 0.0.5 → 0.0.8

package/dist/components/switch.js

@@ -1,10 +1,9 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { motion as t } from "framer-motion";
-import { forwardRef as n, useEffect as r, useId as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { forwardRef as t, useEffect as n, useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/switch.tsx
-var c = {
+var s = {
 	sm: {
 		w: 36,
 		h: 20,
@@ -17,63 +16,58 @@ var c = {
 		thumb: 18,
 		gap: 3
 	}
-}, l = n(({ className: n, label: l, description: u, size: d = "md", checked: f, defaultChecked: p, onChange: m, onCheckedChange: h, disabled: g, id: _, ...v }, y) => {
-	let [b, x] = a(f === void 0 ? p ?? !1 : f);
-	r(() => {
-		f !== void 0 && x(f);
-	}, [f]);
-	let S = i(), C = _ ?? S, w = c[d], T = b ? w.w - w.thumb - w.gap : w.gap;
-	return /* @__PURE__ */ s("label", {
-		htmlFor: C,
-		className: e("flex items-start gap-3 cursor-pointer", g && "cursor-not-allowed opacity-50", n),
-		children: [/* @__PURE__ */ s("div", {
+}, c = t(({ className: t, label: c, description: l, size: u = "md", checked: d, defaultChecked: f, onChange: p, onCheckedChange: m, disabled: h, id: g, ..._ }, v) => {
+	let [y, b] = i(d === void 0 ? f ?? !1 : d);
+	n(() => {
+		d !== void 0 && b(d);
+	}, [d]);
+	let x = r(), S = g ?? x, C = s[u], w = y ? C.w - C.thumb - C.gap : C.gap;
+	return /* @__PURE__ */ o("label", {
+		htmlFor: S,
+		className: e("flex items-start gap-3 cursor-pointer", h && "cursor-not-allowed opacity-50", t),
+		children: [/* @__PURE__ */ o("div", {
 			className: "relative mt-0.5 shrink-0",
 			style: {
-				width: w.w,
-				height: w.h
+				width: C.w,
+				height: C.h
 			},
 			children: [
-				/* @__PURE__ */ o("input", {
-					ref: y,
+				/* @__PURE__ */ a("input", {
+					ref: v,
 					type: "checkbox",
-					id: C,
+					id: S,
 					className: "peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
-					checked: b,
-					disabled: g,
+					checked: y,
+					disabled: h,
 					onChange: (e) => {
-						f === void 0 && x(e.target.checked), m?.(e), h?.(e.target.checked);
+						d === void 0 && b(e.target.checked), p?.(e), m?.(e.target.checked);
 					},
-					...v
+					..._
 				}),
-				/* @__PURE__ */ o("div", { className: e("rounded-full w-full h-full border transition-all duration-200 peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", b ? "bg-primary border-primary" : "bg-muted border-border-strong") }),
-				/* @__PURE__ */ o(t.span, {
-					className: "absolute rounded-full bg-white shadow-md shadow-black/20",
+				/* @__PURE__ */ a("div", { className: e("rounded-full w-full h-full border transition-all duration-200 peer-focus-visible:ring-[3px] peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", y ? "bg-primary border-primary" : "bg-muted border-border-strong") }),
+				/* @__PURE__ */ a("span", {
+					className: "absolute rounded-full bg-white shadow-md shadow-black/20 transition-transform duration-200 ease-[cubic-bezier(0.34,1.4,0.64,1)] motion-reduce:transition-none",
 					style: {
-						width: w.thumb,
-						height: w.thumb,
-						top: w.gap,
+						width: C.thumb,
+						height: C.thumb,
+						top: C.gap,
+						transform: `translateX(${w}px)`,
 						boxShadow: "0 1px 4px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(0,0,0,0.06)"
-					},
-					animate: { x: T },
-					transition: {
-						type: "spring",
-						stiffness: 600,
-						damping: 35
 					}
 				})
 			]
-		}), (l || u) && /* @__PURE__ */ s("div", {
+		}), (c || l) && /* @__PURE__ */ o("div", {
 			className: "min-w-0",
-			children: [l && /* @__PURE__ */ o("p", {
+			children: [c && /* @__PURE__ */ a("p", {
 				className: "text-sm font-medium text-foreground",
-				children: l
-			}), u && /* @__PURE__ */ o("p", {
+				children: c
+			}), l && /* @__PURE__ */ a("p", {
 				className: "mt-0.5 text-xs text-muted-foreground",
-				children: u
+				children: l
 			})]
 		})]
 	});
 });
-l.displayName = "Switch";
+c.displayName = "Switch";
 //#endregion
-export { l as Switch };
+export { c as Switch };

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-[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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.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

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/table.tsx
 function n({ className: n, containerClassName: r, scrollAreaClassName: i, density: a = "comfortable", children: o, ...s }) {

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-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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.createContext)(null);function a(){let e=(0,n.useContext)(i);if(!e)throw Error(`Tabs subcomponents must be inside <Tabs>`);return e}function o({defaultValue:t,value:a,children:o,className:s,orientation:c=`horizontal`,onValueChange:l,onChange:u}){let[d,f]=(0,n.useState)(t),p=a??d,m=(0,n.useId)();return(0,r.jsx)(i.Provider,{value:{active:p,setActive:e=>{a===void 0&&f(e),l?.(e),u?.(e)},orientation:c,tabsId:m},children:(0,r.jsx)(`div`,{className:e.t(c===`vertical`?`flex flex-col gap-4 sm:flex-row`:`flex flex-col`,s),children:o})})}function s({className:t,children:n,...i}){let{orientation:o}=a();return(0,r.jsx)(`div`,{className:e.t(`rounded-[var(--radius-md)] border border-border bg-surface-muted p-1`,o===`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`,...i,children:n})}function c({value:n,className:i,children:o,icon:s,onKeyDown:c,...l}){let{active:u,setActive:d,orientation:f,tabsId:p}=a(),m=u===n,h=encodeURIComponent(n),g=`${p}-tab-${h}`,_=`${p}-panel-${h}`;function v(e){if(c?.(e),e.defaultPrevented||!(f===`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,r.jsxs)(`button`,{role:`tab`,type:`button`,id:g,"aria-controls":_,"aria-selected":m,tabIndex:m?0:-1,onClick:()=>d(n),onKeyDown:v,className:e.t(`relative text-sm font-medium cursor-pointer transition-colors`,f===`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,m?`text-foreground`:`text-muted-foreground hover:text-foreground`,i),...l,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:e.t(`absolute inset-0 rounded-md border transition-opacity duration-200 motion-reduce:transition-none`,m?`border-border bg-surface shadow-xs opacity-100`:`border-transparent opacity-0`)}),s&&(0,r.jsx)(`span`,{className:`relative z-10 shrink-0 opacity-70`,children:s}),(0,r.jsx)(`span`,{className:`relative z-10`,children:o})]})}function l({value:t,className:n,children:i,...o}){let{active:s,orientation:c,tabsId:l}=a(),u=encodeURIComponent(t);return s===t?(0,r.jsx)(`div`,{role:`tabpanel`,id:`${l}-panel-${u}`,"aria-labelledby":`${l}-tab-${u}`,tabIndex:0,"data-orientation":c,className:e.t(`rui-tabs-content`,c===`vertical`?`flex-1 min-w-0`:`mt-4`,n),...o,children:i},t):null}exports.Tabs=o,exports.TabsContent=l,exports.TabsList=s,exports.TabsTrigger=c;

package/dist/components/tabs.d.ts

@@ -1,4 +1,3 @@
-import { HTMLMotionProps } from 'framer-motion';
 import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
 export interface TabsProps {
     defaultValue: string;
@@ -6,17 +5,20 @@ export interface TabsProps {
     children: ReactNode;
     className?: string;
     orientation?: "horizontal" | "vertical";
+    /** Preferred — called when the active tab changes. */
+    onValueChange?: (value: string) => void;
+    /** @deprecated Use onValueChange */
     onChange?: (value: string) => void;
 }
-export declare function Tabs({ defaultValue, value, children, className, orientation, onChange, }: TabsProps): import("react").JSX.Element;
+export declare function Tabs({ defaultValue, value, children, className, orientation, onValueChange, onChange, }: TabsProps): import("react").JSX.Element;
 export declare function TabsList({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     value: string;
     icon?: ReactNode;
 }
 export declare function TabsTrigger({ value, className, children, icon, onKeyDown, ...props }: TabsTriggerProps): import("react").JSX.Element;
-export interface TabsContentProps extends Omit<HTMLMotionProps<"div">, "children"> {
+export interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
     value: string;
     children?: ReactNode;
 }
-export declare function TabsContent({ value, className, children, ...props }: TabsContentProps): import("react").JSX.Element;
+export declare function TabsContent({ value, className, children, ...props }: TabsContentProps): import("react").JSX.Element | null;

package/dist/components/tabs.js

@@ -1,120 +1,90 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.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";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
+import { createContext as n, useContext as r, useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/tabs.tsx
-var u = i(null);
-function d() {
-	let e = a(u);
+var c = n(null);
+function l() {
+	let e = r(c);
 	if (!e) throw Error("Tabs subcomponents must be inside <Tabs>");
 	return e;
 }
-function f({ defaultValue: t, value: n, children: r, className: i, orientation: a = "horizontal", onChange: l }) {
-	let [d, f] = s(t), p = n ?? d, m = o();
-	return /* @__PURE__ */ c(u.Provider, {
+function u({ defaultValue: t, value: n, children: r, className: s, orientation: l = "horizontal", onValueChange: u, onChange: d }) {
+	let [f, p] = a(t), m = n ?? f, h = i();
+	return /* @__PURE__ */ o(c.Provider, {
 		value: {
-			active: p,
+			active: m,
 			setActive: (e) => {
-				n === void 0 && f(e), l?.(e);
+				n === void 0 && p(e), u?.(e), d?.(e);
 			},
-			orientation: a,
-			tabsId: m
+			orientation: l,
+			tabsId: h
 		},
-		children: /* @__PURE__ */ c("div", {
-			className: e(a === "vertical" ? "flex flex-col gap-4 sm:flex-row" : "flex flex-col", i),
+		children: /* @__PURE__ */ o("div", {
+			className: e(l === "vertical" ? "flex flex-col gap-4 sm:flex-row" : "flex flex-col", s),
 			children: r
 		})
 	});
 }
-function p({ className: t, children: n, ...r }) {
-	let { orientation: i } = d();
-	return /* @__PURE__ */ c("div", {
+function d({ className: t, children: n, ...r }) {
+	let { orientation: i } = l();
+	return /* @__PURE__ */ o("div", {
 		className: e("rounded-[var(--radius-md)] border border-border bg-surface-muted p-1", i === "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 m({ value: n, className: i, children: a, icon: o, onKeyDown: s, ...u }) {
-	let { active: f, setActive: p, orientation: m, tabsId: h } = d(), g = f === n, _ = encodeURIComponent(n), v = `${h}-tab-${_}`, y = `${h}-panel-${_}`;
-	function b(e) {
-		if (s?.(e), e.defaultPrevented || !(m === "vertical" ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"]).includes(e.key) && e.key !== "Home" && e.key !== "End") return;
+function f({ value: n, className: r, children: i, icon: a, onKeyDown: c, ...u }) {
+	let { active: d, setActive: f, orientation: p, tabsId: m } = l(), h = d === n, g = encodeURIComponent(n), _ = `${m}-tab-${g}`, v = `${m}-panel-${g}`;
+	function y(e) {
+		if (c?.(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 /* @__PURE__ */ l("button", {
+	return /* @__PURE__ */ s("button", {
 		role: "tab",
 		type: "button",
-		id: v,
-		"aria-controls": y,
-		"aria-selected": g,
-		tabIndex: g ? 0 : -1,
-		onClick: () => p(n),
-		onKeyDown: b,
-		className: e("relative text-sm font-medium cursor-pointer transition-colors", m === "vertical" ? "flex items-center gap-2 w-full px-3 py-2 rounded-md text-left" : "px-3 py-1.5 rounded-md", t, g ? "text-foreground" : "text-muted-foreground hover:text-foreground", i),
+		id: _,
+		"aria-controls": v,
+		"aria-selected": h,
+		tabIndex: h ? 0 : -1,
+		onClick: () => f(n),
+		onKeyDown: y,
+		className: e("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, h ? "text-foreground" : "text-muted-foreground hover:text-foreground", r),
 		...u,
 		children: [
-			g && /* @__PURE__ */ c(r.span, {
-				layoutId: `tab-bg-${h}`,
-				className: "absolute inset-0 rounded-md border border-border bg-surface shadow-xs",
-				transition: {
-					type: "spring",
-					stiffness: 450,
-					damping: 32
-				}
+			/* @__PURE__ */ o("span", {
+				"aria-hidden": "true",
+				className: e("absolute inset-0 rounded-md border transition-opacity duration-200 motion-reduce:transition-none", h ? "border-border bg-surface shadow-xs opacity-100" : "border-transparent opacity-0")
 			}),
-			o && /* @__PURE__ */ c("span", {
+			a && /* @__PURE__ */ o("span", {
 				className: "relative z-10 shrink-0 opacity-70",
-				children: o
+				children: a
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ o("span", {
 				className: "relative z-10",
-				children: a
+				children: i
 			})
 		]
 	});
 }
-function h({ value: t, className: i, children: a, ...o }) {
-	let { active: s, orientation: l, tabsId: u } = d(), f = encodeURIComponent(t);
-	return /* @__PURE__ */ c(n, {
-		mode: "wait",
-		children: s === t && /* @__PURE__ */ c(r.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-${f}`,
-			"aria-labelledby": `${u}-tab-${f}`,
-			tabIndex: 0,
-			className: e(l === "vertical" ? "flex-1 min-w-0" : "mt-4", i),
-			...o,
-			children: a
-		}, t)
-	});
+function p({ value: t, className: n, children: r, ...i }) {
+	let { active: a, orientation: s, tabsId: c } = l(), u = encodeURIComponent(t);
+	return a === t ? /* @__PURE__ */ o("div", {
+		role: "tabpanel",
+		id: `${c}-panel-${u}`,
+		"aria-labelledby": `${c}-tab-${u}`,
+		tabIndex: 0,
+		"data-orientation": s,
+		className: e("rui-tabs-content", s === "vertical" ? "flex-1 min-w-0" : "mt-4", n),
+		...i,
+		children: r
+	}, t) : null;
 }
 //#endregion
-export { f as Tabs, h as TabsContent, p as TabsList, m as TabsTrigger };
+export { u as Tabs, p as TabsContent, d as TabsList, f as TabsTrigger };

package/dist/components/tag.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:`bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-200 border-black/12 dark:border-white/12`,success:`bg-emerald-500/12 text-emerald-400 border-emerald-500/20`,warning:`bg-amber-500/12 text-amber-400 border-amber-500/20`,error:`bg-red-500/12 text-red-400 border-red-500/20`,info:`bg-sky-500/12 text-sky-400 border-sky-500/20`},r={default:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-200`,success:`text-emerald-400 hover:text-emerald-300`,warning:`text-amber-400 hover:text-amber-300`,error:`text-red-400 hover:text-red-300`,info:`text-sky-400 hover:text-sky-300`},i={sm:`px-2 py-0.5 text-xs gap-1 rounded-md`,md:`px-2.5 py-1 text-xs gap-1.5 rounded-lg`};function a({variant:a=`default`,size:o=`md`,onRemove:s,icon:c,disabled:l,className:u,children:d,...f}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center font-medium border transition-colors`,n[a],i[o],l&&`opacity-50`,u),...f,children:[c&&(0,t.jsx)(`span`,{className:`shrink-0 w-3 h-3 flex items-center justify-center`,children:c}),(0,t.jsx)(`span`,{className:`truncate`,children:d}),s&&!l&&(0,t.jsx)(`button`,{type:`button`,tabIndex:-1,onClick:e=>{e.stopPropagation(),s()},className:e.t(`shrink-0 ml-0.5 transition-colors cursor-pointer`,r[a]),"aria-label":`Remove${typeof d==`string`?` ${d}`:``}`,children:(0,t.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]})}exports.Tag=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={default:`bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-200 border-black/12 dark:border-white/12`,success:`bg-emerald-500/12 text-emerald-400 border-emerald-500/20`,warning:`bg-amber-500/12 text-amber-400 border-amber-500/20`,error:`bg-red-500/12 text-red-400 border-red-500/20`,info:`bg-sky-500/12 text-sky-400 border-sky-500/20`},r={default:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-200`,success:`text-emerald-400 hover:text-emerald-300`,warning:`text-amber-400 hover:text-amber-300`,error:`text-red-400 hover:text-red-300`,info:`text-sky-400 hover:text-sky-300`},i={sm:`px-2 py-0.5 text-xs gap-1 rounded-md`,md:`px-2.5 py-1 text-xs gap-1.5 rounded-lg`};function a({variant:a=`default`,size:o=`md`,onRemove:s,icon:c,disabled:l,className:u,children:d,...f}){return(0,t.jsxs)(`span`,{className:e.t(`inline-flex items-center font-medium border transition-colors`,n[a],i[o],l&&`opacity-50`,u),...f,children:[c&&(0,t.jsx)(`span`,{className:`shrink-0 w-3 h-3 flex items-center justify-center`,children:c}),(0,t.jsx)(`span`,{className:`truncate`,children:d}),s&&!l&&(0,t.jsx)(`button`,{type:`button`,tabIndex:-1,onClick:e=>{e.stopPropagation(),s()},className:e.t(`shrink-0 ml-0.5 transition-colors cursor-pointer`,r[a]),"aria-label":`Remove${typeof d==`string`?` ${d}`:``}`,children:(0,t.jsx)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,t.jsx)(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]})}exports.Tag=a;

package/dist/components/tag.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/tag.tsx
 var r = {

package/dist/components/terminal.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../terminal-CpraMs50.cjs");exports.TerminalBlock=e.n,exports.TerminalEmulator=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../terminal-1U0ftG3i.cjs");exports.TerminalBlock=e.n,exports.TerminalEmulator=e.t;

package/dist/components/terminal.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../terminal-BOR2cFi1.js";
+import { n as e, t } from "../terminal-VXdxVoAv.js";
 export { e as TerminalBlock, t as TerminalEmulator };

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-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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.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-[3px] focus:ring-focus-ring/25`,d&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,`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-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { o as t, t as n } from "../component-styles-C2CbHEEA.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
@@ -32,7 +32,7 @@ var c = {
 				"aria-invalid": m ? !0 : void 0,
 				"aria-describedby": m || p ? C : void 0,
 				autoComplete: _,
-				className: e("w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y", n, c[h], "focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50", r),
+				className: e("w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y", n, c[h], "focus:border-accent-500 focus:ring-[3px] focus:ring-focus-ring/25", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25", "disabled:cursor-not-allowed disabled:opacity-50", r),
 				...y
 			}),
 			m && /* @__PURE__ */ o("p", {

package/dist/components/theme-provider.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){return typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function a(...e){let t={};for(let n of e)if(n){for(let[e,r]of Object.entries(n.accent??{}))t[`--color-blue-${e}`]=r,t[`--color-accent-${e}`]=r;for(let[e,r]of Object.entries(n.neutral??{}))t[`--color-slate-${e}`]=r,t[`--color-gray-${e}`]=r;if(n.colors&&(n.colors.bg!==void 0&&(t[`--color-bg`]=n.colors.bg),n.colors.surface!==void 0&&(t[`--color-surface`]=n.colors.surface),n.colors.surfaceRaised!==void 0&&(t[`--color-surface-raised`]=n.colors.surfaceRaised),n.colors.surfaceMuted!==void 0&&(t[`--color-surface-muted`]=n.colors.surfaceMuted),n.colors.border!==void 0&&(t[`--color-border`]=n.colors.border),n.colors.borderStrong!==void 0&&(t[`--color-border-strong`]=n.colors.borderStrong),n.colors.text!==void 0&&(t[`--color-text`]=n.colors.text,t[`--color-foreground`]=n.colors.text),n.colors.muted!==void 0&&(t[`--color-muted`]=n.colors.muted),n.colors.mutedForeground!==void 0&&(t[`--color-muted-foreground`]=n.colors.mutedForeground),n.colors.primary!==void 0&&(t[`--color-primary`]=n.colors.primary),n.colors.primaryHover!==void 0&&(t[`--color-primary-hover`]=n.colors.primaryHover),n.colors.primaryForeground!==void 0&&(t[`--color-primary-foreground`]=n.colors.primaryForeground),n.colors.danger!==void 0&&(t[`--color-danger`]=n.colors.danger,t[`--color-destructive`]=n.colors.danger),n.colors.dangerForeground!==void 0&&(t[`--color-destructive-foreground`]=n.colors.dangerForeground),n.colors.success!==void 0&&(t[`--color-success`]=n.colors.success),n.colors.warning!==void 0&&(t[`--color-warning`]=n.colors.warning),n.colors.info!==void 0&&(t[`--color-info`]=n.colors.info),n.colors.focusRing!==void 0&&(t[`--color-focus-ring`]=n.colors.focusRing)),n.radius)for(let[e,r]of Object.entries(n.radius))t[`--radius-${e}`]=r;if(n.fonts&&(n.fonts.sans!==void 0&&(t[`--font-sans`]=n.fonts.sans,t[`--rui-font-family`]=n.fonts.sans,t[`--rtui-font-family`]=n.fonts.sans),n.fonts.mono!==void 0&&(t[`--font-mono`]=n.fonts.mono),n.fonts.display!==void 0&&(t[`--font-display`]=n.fonts.display,t[`--rui-heading-family`]=n.fonts.display,t[`--rtui-heading-family`]=n.fonts.display),n.fonts.heading!==void 0&&(t[`--rui-heading-family`]=n.fonts.heading,t[`--rtui-heading-family`]=n.fonts.heading)),n.spacing)for(let[e,r]of Object.entries(n.spacing))t[`--spacing-${e}`]=r,t[`--padding-${e}`]=r;if(n.shadows)for(let[e,r]of Object.entries(n.shadows))t[`--shadow-${e}`]=r;Object.assign(t,n.tokens)}return t}function o({children:o,defaultTheme:s=`system`,theme:c,onThemeChange:l,storageKey:u=`rui-theme`,palette:d,lightPalette:f,darkPalette:p,applyToRoot:m=!1,className:h,style:g,..._}){let[v,y]=(0,t.useState)(()=>{if(c||!u||typeof window>`u`)return s;let e=window.localStorage.getItem(u)??(u===`rui-theme`?window.localStorage.getItem(`rtui-theme`):null);return e===`light`||e===`dark`||e===`system`?e:s}),[b,x]=(0,t.useState)(i),S=c??v,C=S===`system`?b:S;(0,t.useEffect)(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>x(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);let w=(0,t.useCallback)(e=>{c||y(e),u&&window.localStorage.setItem(u,e),l?.(e)},[c,l,u]),T=(0,t.useCallback)(()=>{w(C===`dark`?`light`:`dark`)},[C,w]),E=(0,t.useMemo)(()=>({theme:S,resolvedTheme:C,setTheme:w,toggleTheme:T}),[C,w,S,T]),D=(0,t.useMemo)(()=>a(d,C===`dark`?p:f),[p,f,d,C]),O={...D,...g};return(0,t.useEffect)(()=>{if(!m)return;let e=document.documentElement,t=e.classList.contains(`dark`),n=e.classList.contains(`rui-theme`),r=e.classList.contains(`rtui-theme`),i=e.dataset.theme,a=e.style.colorScheme,o=Object.keys(D).map(t=>[t,e.style.getPropertyValue(t)]);e.classList.toggle(`dark`,C===`dark`),e.classList.add(`rui-theme`,`rtui-theme`),e.dataset.theme=C,e.style.colorScheme=C;for(let[t,n]of Object.entries(D))e.style.setProperty(t,String(n));return()=>{e.classList.toggle(`dark`,t),e.classList.toggle(`rui-theme`,n),e.classList.toggle(`rtui-theme`,r),i===void 0?delete e.dataset.theme:e.dataset.theme=i,e.style.colorScheme=a;for(let[t,n]of o)n?e.style.setProperty(t,n):e.style.removeProperty(t)}},[m,D,C]),(0,n.jsx)(r.Provider,{value:E,children:(0,n.jsx)(`div`,{"data-theme":C,"data-theme-preference":S,className:e.t(`rui-theme rtui-theme`,C===`dark`&&`dark`,h),style:{colorScheme:C,...O},..._,children:o})})}function s(){let e=(0,t.useContext)(r);if(!e)throw Error(`useTheme must be used inside a ThemeProvider`);return e}exports.ThemeProvider=o,exports.useTheme=s;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){return typeof window<`u`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function a(...e){let t={};for(let n of e)if(n){for(let[e,r]of Object.entries(n.accent??{}))t[`--color-blue-${e}`]=r,t[`--color-accent-${e}`]=r;for(let[e,r]of Object.entries(n.neutral??{}))t[`--color-slate-${e}`]=r,t[`--color-gray-${e}`]=r;if(n.colors&&(n.colors.bg!==void 0&&(t[`--color-bg`]=n.colors.bg),n.colors.surface!==void 0&&(t[`--color-surface`]=n.colors.surface),n.colors.surfaceRaised!==void 0&&(t[`--color-surface-raised`]=n.colors.surfaceRaised),n.colors.surfaceMuted!==void 0&&(t[`--color-surface-muted`]=n.colors.surfaceMuted),n.colors.border!==void 0&&(t[`--color-border`]=n.colors.border),n.colors.borderStrong!==void 0&&(t[`--color-border-strong`]=n.colors.borderStrong),n.colors.text!==void 0&&(t[`--color-text`]=n.colors.text,t[`--color-foreground`]=n.colors.text),n.colors.muted!==void 0&&(t[`--color-muted`]=n.colors.muted),n.colors.mutedForeground!==void 0&&(t[`--color-muted-foreground`]=n.colors.mutedForeground),n.colors.primary!==void 0&&(t[`--color-primary`]=n.colors.primary),n.colors.primaryHover!==void 0&&(t[`--color-primary-hover`]=n.colors.primaryHover),n.colors.primaryForeground!==void 0&&(t[`--color-primary-foreground`]=n.colors.primaryForeground),n.colors.danger!==void 0&&(t[`--color-danger`]=n.colors.danger,t[`--color-destructive`]=n.colors.danger),n.colors.dangerForeground!==void 0&&(t[`--color-destructive-foreground`]=n.colors.dangerForeground),n.colors.success!==void 0&&(t[`--color-success`]=n.colors.success),n.colors.warning!==void 0&&(t[`--color-warning`]=n.colors.warning),n.colors.info!==void 0&&(t[`--color-info`]=n.colors.info),n.colors.focusRing!==void 0&&(t[`--color-focus-ring`]=n.colors.focusRing)),n.radius)for(let[e,r]of Object.entries(n.radius))t[`--radius-${e}`]=r;if(n.fonts&&(n.fonts.sans!==void 0&&(t[`--font-sans`]=n.fonts.sans,t[`--rui-font-family`]=n.fonts.sans,t[`--rtui-font-family`]=n.fonts.sans),n.fonts.mono!==void 0&&(t[`--font-mono`]=n.fonts.mono),n.fonts.display!==void 0&&(t[`--font-display`]=n.fonts.display,t[`--rui-heading-family`]=n.fonts.display,t[`--rtui-heading-family`]=n.fonts.display),n.fonts.heading!==void 0&&(t[`--rui-heading-family`]=n.fonts.heading,t[`--rtui-heading-family`]=n.fonts.heading)),n.spacing)for(let[e,r]of Object.entries(n.spacing))t[`--spacing-${e}`]=r,t[`--padding-${e}`]=r;if(n.shadows)for(let[e,r]of Object.entries(n.shadows))t[`--shadow-${e}`]=r;Object.assign(t,n.tokens)}return t}function o({children:o,defaultTheme:s=`system`,theme:c,onThemeChange:l,storageKey:u=`rui-theme`,palette:d,lightPalette:f,darkPalette:p,applyToRoot:m=!1,className:h,style:g,..._}){let[v,y]=(0,t.useState)(()=>{if(c||!u||typeof window>`u`)return s;let e=window.localStorage.getItem(u)??(u===`rui-theme`?window.localStorage.getItem(`rtui-theme`):null);return e===`light`||e===`dark`||e===`system`?e:s}),[b,x]=(0,t.useState)(i),S=c??v,C=S===`system`?b:S;(0,t.useEffect)(()=>{let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>x(e.matches?`dark`:`light`);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]);let w=(0,t.useCallback)(e=>{c||y(e),u&&window.localStorage.setItem(u,e),l?.(e)},[c,l,u]),T=(0,t.useCallback)(()=>{w(C===`dark`?`light`:`dark`)},[C,w]),E=(0,t.useMemo)(()=>({theme:S,resolvedTheme:C,setTheme:w,toggleTheme:T}),[C,w,S,T]),D=(0,t.useMemo)(()=>a(d,C===`dark`?p:f),[p,f,d,C]),O={...D,...g};return(0,t.useEffect)(()=>{if(!m)return;let e=document.documentElement,t=e.classList.contains(`dark`),n=e.classList.contains(`rui-theme`),r=e.classList.contains(`rtui-theme`),i=e.dataset.theme,a=e.style.colorScheme,o=Object.keys(D).map(t=>[t,e.style.getPropertyValue(t)]);e.classList.toggle(`dark`,C===`dark`),e.classList.add(`rui-theme`,`rtui-theme`),e.dataset.theme=C,e.style.colorScheme=C;for(let[t,n]of Object.entries(D))e.style.setProperty(t,String(n));return()=>{e.classList.toggle(`dark`,t),e.classList.toggle(`rui-theme`,n),e.classList.toggle(`rtui-theme`,r),i===void 0?delete e.dataset.theme:e.dataset.theme=i,e.style.colorScheme=a;for(let[t,n]of o)n?e.style.setProperty(t,n):e.style.removeProperty(t)}},[m,D,C]),(0,n.jsx)(r.Provider,{value:E,children:(0,n.jsx)(`div`,{"data-theme":C,"data-theme-preference":S,className:e.t(`rui-theme rtui-theme`,C===`dark`&&`dark`,h),style:{colorScheme:C,...O},..._,children:o})})}function s(){let e=(0,t.useContext)(r);if(!e)throw Error(`useTheme must be used inside a ThemeProvider`);return e}exports.ThemeProvider=o,exports.useTheme=s;

package/dist/components/theme-provider.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/theme-provider.tsx

package/dist/components/theme-toggle.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../theme-toggle-Cld8tktJ.cjs");require("./theme-provider.cjs"),exports.ThemeToggle=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs"),n=require("../icons-Dfetr1L2.cjs"),r=require("./theme-provider.cjs");let i=require("react/jsx-runtime");function a({lightIcon:a=(0,i.jsx)(n.r,{"aria-hidden":`true`}),darkIcon:o=(0,i.jsx)(n.n,{"aria-hidden":`true`}),showLabel:s=!1,lightLabel:c=`Use light theme`,darkLabel:l=`Use dark theme`,className:u,onClick:d,type:f=`button`,...p}){let{resolvedTheme:m,toggleTheme:h}=r.useTheme(),g=m===`dark`,_=g?c:l;return(0,i.jsxs)(`button`,{type:f,"aria-label":_,title:_,"aria-pressed":g,"data-theme":m,className:e.t(`inline-flex h-9 items-center justify-center gap-2 rounded-[var(--radius-md)] border border-border bg-surface px-3 text-sm font-medium text-foreground shadow-xs transition-colors`,`hover:border-border-strong hover:bg-surface-muted`,t.s,!s&&`w-9 px-0 [&_svg]:size-4`,s&&`[&_svg]:size-4`,u),onClick:e=>{d?.(e),e.defaultPrevented||h()},...p,children:[(0,i.jsx)(`span`,{"aria-hidden":`true`,children:g?a:o}),s&&(0,i.jsx)(`span`,{children:_})]})}exports.ThemeToggle=a;

package/dist/components/theme-toggle.js

@@ -1,4 +1,28 @@
 "use client";
-import { t as e } from "../theme-toggle-Bb0BYo51.js";
-import "./theme-provider.js";
-export { e as ThemeToggle };
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
+import { n, r } from "../icons-Dk7VZ4Ph.js";
+import { useTheme as i } from "./theme-provider.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/theme-toggle.tsx
+function s({ lightIcon: s = /* @__PURE__ */ a(r, { "aria-hidden": "true" }), darkIcon: c = /* @__PURE__ */ a(n, { "aria-hidden": "true" }), showLabel: l = !1, lightLabel: u = "Use light theme", darkLabel: d = "Use dark theme", className: f, onClick: p, type: m = "button", ...h }) {
+	let { resolvedTheme: g, toggleTheme: _ } = i(), v = g === "dark", y = v ? u : d;
+	return /* @__PURE__ */ o("button", {
+		type: m,
+		"aria-label": y,
+		title: y,
+		"aria-pressed": v,
+		"data-theme": g,
+		className: e("inline-flex h-9 items-center justify-center gap-2 rounded-[var(--radius-md)] border border-border bg-surface px-3 text-sm font-medium text-foreground shadow-xs transition-colors", "hover:border-border-strong hover:bg-surface-muted", t, !l && "w-9 px-0 [&_svg]:size-4", l && "[&_svg]:size-4", f),
+		onClick: (e) => {
+			p?.(e), e.defaultPrevented || _();
+		},
+		...h,
+		children: [/* @__PURE__ */ a("span", {
+			"aria-hidden": "true",
+			children: v ? s : c
+		}), l && /* @__PURE__ */ a("span", { children: y })]
+	});
+}
+//#endregion
+export { s as ThemeToggle };

package/dist/components/time-picker.cjs

@@ -1 +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;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs"),t=require("../component-styles-DY4wigiq.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:`h-10 px-2.5 text-xs sm:h-8`,md:`h-11 px-3 text-sm sm:h-9`,lg:`h-12 px-3.5 text-sm sm:h-10`},a=e=>String(e).padStart(2,`0`);function o(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 s(e){return e.hour*3600+e.minute*60+e.second}function c(e,t){let n=`${a(e.hour)}:${a(e.minute)}`;return t?`${n}:${a(e.second)}`:n}function l(e,t,n){let r=o(e);if(!r)return``;let i=a(r.minute),s=n?`:${a(r.second)}`:``;if(t===`24`)return`${a(r.hour)}:${i}${s}`;let c=r.hour>=12?`PM`:`AM`;return`${r.hour%12||12}:${i}${s} ${c}`}function u(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 d(e,t,n){let r=Math.floor(59/t)*t;return{...e,minute:Math.min(r,Math.round(e.minute/t)*t),second:n?e.second:0}}function f({label:n,id:i,name:a,options:o,value:s,onSelect:c}){let l=`${i}-label`;function u(e,t){if(![`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(e.key))return;e.preventDefault();let n=e.key===`Home`?0:e.key===`End`?o.length-1:(t+(e.key===`ArrowDown`?1:-1)+o.length)%o.length,r=o[n];r&&(c(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:l,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":l,"data-time-column":a,className:`max-h-52 min-w-0 overflow-y-auto overscroll-contain rounded-[var(--radius-md)] border border-border bg-surface p-1 scrollbar-thin sm:max-h-44`,children:o.map((n,i)=>{let a=n.value===s;return(0,r.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":a,tabIndex:a?0:-1,onClick:()=>c(n.value),onKeyDown:e=>u(e,i),className:e.t(`flex h-11 w-full items-center justify-center rounded-[var(--radius-sm)] px-1 text-sm tabular-nums transition-colors sm:h-9 sm:text-xs`,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:te,format:_=`12`,minuteStep:v=5,showSeconds:y=!1,min:ne,max:re,name:b,disabled:x=!1,required:S=!1,clearable:C=!0,placeholder:ie=`Select time…`,size:ae=`md`,side:w=`bottom`,align:T=`start`,triggerClassName:oe,panelClassName:se,labelClassName:ce,messageClassName:E,className:D,id:O,onBlur:le,onKeyDown:ue,...de},fe)=>{let pe=(0,n.useId)(),k=O??pe,A=`${k}-panel`,j=`${k}-message`,M=(0,n.useRef)(null),N=(0,n.useRef)(null),P=(0,n.useRef)(null);(0,n.useImperativeHandle)(fe,()=>N.current);let F=Number.isFinite(v)?Math.max(1,Math.min(30,Math.floor(v))):5,I=e=>{let t=o(e);return t?c(t,y):``},[L,R]=(0,n.useState)(()=>I(ee)),z=I(g??L),[B,V]=(0,n.useState)(!1),[me,H]=(0,n.useState)({visibility:`hidden`}),[U,W]=(0,n.useState)(()=>d(o(z)??u(F),F,y)),he=Array.from({length:24},(e,t)=>({value:t,label:a(t)})),ge=Array.from({length:12},(e,t)=>({value:t+1,label:a(t+1)})),_e=Array.from({length:Math.floor(59/F)+1},(e,t)=>{let n=t*F;return{value:n,label:a(n)}}),ve=Array.from({length:60},(e,t)=>({value:t,label:a(t)})),ye=[{value:0,label:`AM`},{value:1,label:`PM`}],G=o(ne),K=o(re),q=s(U),J=G?q<s(G):!1,be=K?q>s(K):!1,Y=J||be,X=l(z,_,y);function Z(){x||(W(d(o(z)??u(F),F,y)),H({visibility:`hidden`}),V(!0))}function Q(e=!1){V(!1),e&&N.current?.focus()}function $(e){g===void 0&&R(e),te?.(e),Q(!0)}return(0,n.useEffect)(()=>{if(!B)return;let e=e=>{M.current?.contains(e.target)||Q()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[B]),(0,n.useLayoutEffect)(()=>{if(!B)return;let e=()=>{let e=N.current,t=P.current;if(!e||!t)return;if(window.innerWidth<640){H({insetInline:8,bottom:8,top:`auto`,width:`auto`,visibility:`visible`});return}let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=T===`start`?n.left:n.right-r.width,a=Math.max(16,window.innerWidth-r.width-16),o=Math.min(Math.max(i,16),a),s=n.bottom+6,c=n.top-r.height-6,l=s+r.height<=window.innerHeight-16,u=c>=16,d=w===`bottom`?l||!u?s:c:u||!l?c:s,f=Math.max(16,window.innerHeight-r.height-16);H({left:o,top:Math.min(Math.max(d,16),f),visibility:`visible`})};return e(),window.addEventListener(`resize`,e),document.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),document.removeEventListener(`scroll`,e,!0)}},[T,B,w]),(0,n.useEffect)(()=>{if(!B||window.innerWidth>=640)return;let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}},[B]),(0,n.useEffect)(()=>{B&&requestAnimationFrame(()=>{let e=M.current?.querySelector(`[data-time-column="hour"] [aria-selected="true"]`),t=e?.closest(`[role="listbox"]`);e?.focus({preventScroll:!0}),e&&t&&(t.scrollTop=e.offsetTop-t.clientHeight/2+e.clientHeight/2)})},[B]),(0,r.jsxs)(`div`,{ref:M,className:e.t(`relative`,t.o,D),onBlur:e=>{le?.(e),e.currentTarget.contains(e.relatedTarget)||Q()},onKeyDown:e=>{ue?.(e),!e.defaultPrevented&&e.key===`Escape`&&B&&(e.preventDefault(),Q(!0))},...de,children:[p&&(0,r.jsxs)(`label`,{htmlFor:k,className:e.t(`text-xs font-semibold leading-5 text-foreground`,ce),children:[p,S&&(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:N,id:k,type:`button`,disabled:x,"aria-expanded":B,"aria-haspopup":`dialog`,"aria-controls":A,"aria-invalid":h?!0:void 0,"aria-required":S||void 0,"aria-describedby":h||m?j:void 0,onClick:()=>B?Q():Z(),onKeyDown:e=>{e.key===`ArrowDown`&&!B&&(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/25`,i[ae],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||ie}),(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`,B&&`rotate-180`),children:(0,r.jsx)(`path`,{d:`m6 9 6 6 6-6`})})]}),b&&(0,r.jsx)(`input`,{type:`hidden`,name:b,value:z,disabled:x}),B&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{"aria-hidden":`true`,className:`fixed inset-0 z-40 bg-overlay sm:hidden`,onMouseDown:()=>Q(!0)}),(0,r.jsxs)(`div`,{ref:P,id:A,role:`dialog`,"aria-label":p?`Choose ${p.toLowerCase()}`:`Choose time`,"data-side":w,"data-align":T,style:me,className:e.t(`fixed z-50 w-[min(22rem,calc(100vw-2rem))] max-h-[calc(100dvh-1rem)] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised p-3 shadow-floating`,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:[_===`12`?`12-hour`:`24-hour`,` format`]})]}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>W(d(u(F),F,y)),className:e.t(`h-11 rounded-md px-3 text-xs font-medium text-accent-700 hover:bg-muted sm:h-8 sm:px-2.5 dark:text-accent-300`,`focus-ring`),children:`Now`})]}),(0,r.jsx)(`div`,{"aria-live":`polite`,className:`mb-3 flex h-11 items-center justify-center rounded-[var(--radius-md)] bg-muted px-3 text-lg font-semibold tabular-nums text-foreground`,children:l(c(U,y),_,y)}),(0,r.jsxs)(`div`,{className:e.t(`grid gap-2`,_===`12`&&y?`grid-cols-4`:y||_===`12`?`grid-cols-3`:`grid-cols-2`),children:[(0,r.jsx)(f,{label:`Hour`,id:`${k}-hour`,name:`hour`,options:_===`24`?he:ge,value:_===`24`?U.hour:U.hour%12||12,onSelect:e=>W(t=>({...t,hour:_===`24`?e:e%12+(t.hour>=12?12:0)}))}),(0,r.jsx)(f,{id:`${k}-minute`,label:`Minute`,name:`minute`,options:_e,value:U.minute,onSelect:e=>W(t=>({...t,minute:e}))}),y&&(0,r.jsx)(f,{id:`${k}-second`,label:`Second`,name:`second`,options:ve,value:U.second,onSelect:e=>W(t=>({...t,second:e}))}),_===`12`&&(0,r.jsx)(f,{id:`${k}-period`,label:`Period`,name:`period`,options:ye,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 ${l(c(G,y),_,y)}`:`at or before ${l(c(K,y),_,y)}`,`.`]}),(0,r.jsxs)(`div`,{className:`sticky bottom-0 -mx-3 -mb-3 mt-3 flex flex-wrap items-center justify-end gap-2 border-t border-border bg-surface-raised px-3 pb-3 pt-3`,children:[C&&!S&&z&&(0,r.jsx)(`button`,{type:`button`,onClick:()=>$(``),className:e.t(`mr-auto h-11 rounded-md px-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground sm:h-8 sm:px-2.5`,`focus-ring`),children:`Clear`}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>Q(!0),className:e.t(`h-11 rounded-md px-3 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground sm:h-8`,`focus-ring`),children:`Cancel`}),(0,r.jsx)(`button`,{type:`button`,disabled:Y,onClick:()=>$(c(U,y)),className:e.t(`h-11 rounded-md bg-primary px-4 text-xs font-semibold text-primary-foreground hover:bg-primary-hover disabled:cursor-not-allowed disabled:opacity-40 sm:h-8 sm:px-3`,`focus-ring`),children:`Apply`})]})]})]}),h&&(0,r.jsx)(`p`,{id:j,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,E),children:h}),m&&!h&&(0,r.jsx)(`p`,{id:j,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

@@ -2,6 +2,7 @@ import { HTMLAttributes } from 'react';
 export type TimePickerSize = "sm" | "md" | "lg";
 export type TimePickerFormat = "12" | "24";
 export type TimePickerSide = "top" | "bottom";
+export type TimePickerAlign = "start" | "end";
 export interface TimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
     label?: string;
     hint?: string;
@@ -21,6 +22,7 @@ export interface TimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "d
     placeholder?: string;
     size?: TimePickerSize;
     side?: TimePickerSide;
+    align?: TimePickerAlign;
     triggerClassName?: string;
     panelClassName?: string;
     labelClassName?: string;