@bzync/rui 0.0.4 → 0.0.5

package/dist/components/description-list.js

@@ -0,0 +1,38 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/description-list.tsx
+var r = {
+	1: "grid-cols-1",
+	2: "grid-cols-1 sm:grid-cols-2",
+	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+}, i = {
+	compact: "gap-x-4 gap-y-3",
+	default: "gap-x-6 gap-y-5",
+	relaxed: "gap-x-8 gap-y-7"
+}, a = t(({ columns: t = 1, density: a = "default", className: o, ...s }, c) => /* @__PURE__ */ n("dl", {
+	ref: c,
+	className: e("grid min-w-0", r[t], i[a], o),
+	...s
+}));
+a.displayName = "DescriptionList";
+var o = t(({ orientation: t = "stacked", className: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("min-w-0", t === "inline" ? "flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between sm:gap-4" : "flex flex-col gap-1", r),
+	...i
+}));
+o.displayName = "DescriptionItem";
+var s = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("dt", {
+	ref: i,
+	className: e("text-xs font-medium text-muted-foreground", t),
+	...r
+}));
+s.displayName = "DescriptionTerm";
+var c = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("dd", {
+	ref: i,
+	className: e("min-w-0 break-words text-sm font-medium text-foreground", t),
+	...r
+}));
+c.displayName = "DescriptionDetails";
+//#endregion
+export { c as DescriptionDetails, o as DescriptionItem, a as DescriptionList, s as DescriptionTerm };

package/dist/components/divider.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={solid:`border-solid`,dashed:`border-dashed`,dotted:`border-dotted`},i={none:`my-0`,sm:`my-2`,md:`my-4`,lg:`my-6`},a={none:`mx-0`,sm:`mx-2`,md:`mx-4`,lg:`mx-6`},o=(0,t.forwardRef)(({orientation:t=`horizontal`,variant:o=`solid`,spacing:s=`md`,label:c,decorative:l=!0,className:u,...d},f)=>{let p=t===`vertical`,m=e.t(`min-w-0 flex-1 border-border`,r[o],p?`w-0 border-l`:`h-0 border-t`);return(0,n.jsxs)(`div`,{ref:f,role:l?`presentation`:`separator`,"aria-orientation":l?void 0:t,className:e.t(`flex shrink-0 items-center`,p?`h-full min-h-4 self-stretch flex-col`:`w-full min-w-0 flex-row`,p?a[s]:i[s],u),...d,children:[(0,n.jsx)(`span`,{"aria-hidden":`true`,className:m}),c&&(0,n.jsx)(`span`,{className:e.t(`shrink-0 text-xs font-medium text-muted-foreground`,p?`my-2 [writing-mode:vertical-rl]`:`mx-3`),children:c}),c&&(0,n.jsx)(`span`,{"aria-hidden":`true`,className:m})]})});o.displayName=`Divider`,exports.Divider=o;

package/dist/components/divider.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerVariant = "solid" | "dashed" | "dotted";
+export type DividerSpacing = "none" | "sm" | "md" | "lg";
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    spacing?: DividerSpacing;
+    label?: ReactNode;
+    decorative?: boolean;
+}
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/divider.js

@@ -0,0 +1,45 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/divider.tsx
+var i = {
+	solid: "border-solid",
+	dashed: "border-dashed",
+	dotted: "border-dotted"
+}, a = {
+	none: "my-0",
+	sm: "my-2",
+	md: "my-4",
+	lg: "my-6"
+}, o = {
+	none: "mx-0",
+	sm: "mx-2",
+	md: "mx-4",
+	lg: "mx-6"
+}, s = t(({ orientation: t = "horizontal", variant: s = "solid", spacing: c = "md", label: l, decorative: u = !0, className: d, ...f }, p) => {
+	let m = t === "vertical", h = e("min-w-0 flex-1 border-border", i[s], m ? "w-0 border-l" : "h-0 border-t");
+	return /* @__PURE__ */ r("div", {
+		ref: p,
+		role: u ? "presentation" : "separator",
+		"aria-orientation": u ? void 0 : t,
+		className: e("flex shrink-0 items-center", m ? "h-full min-h-4 self-stretch flex-col" : "w-full min-w-0 flex-row", m ? o[c] : a[c], d),
+		...f,
+		children: [
+			/* @__PURE__ */ n("span", {
+				"aria-hidden": "true",
+				className: h
+			}),
+			l && /* @__PURE__ */ n("span", {
+				className: e("shrink-0 text-xs font-medium text-muted-foreground", m ? "my-2 [writing-mode:vertical-rl]" : "mx-3"),
+				children: l
+			}),
+			l && /* @__PURE__ */ n("span", {
+				"aria-hidden": "true",
+				className: h
+			})
+		]
+	});
+});
+s.displayName = "Divider";
+//#endregion
+export { s as Divider };

package/dist/components/rating.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:`size-4`,md:`size-5`,lg:`size-6`},a={sm:`size-8`,md:`size-9`,lg:`size-10`},o=(0,n.forwardRef)(({label:o,value:s,defaultValue:c=0,onValueChange:l,max:u=5,name:d,size:f=`md`,readOnly:p=!1,showLabel:m=!0,showValue:h=!1,disabled:g,className:_,...v},y)=>{let b=(0,n.useId)(),x=d??b,S=Number.isFinite(u)?Math.max(1,Math.floor(u)):5,C=e=>Number.isFinite(e)?Math.max(0,Math.min(S,e)):0,[w,T]=(0,n.useState)(()=>C(c)),E=C(s??w);function D(e){g||p||(s===void 0&&T(e),l?.(e))}return(0,r.jsxs)(`fieldset`,{ref:y,role:`radiogroup`,"aria-readonly":p||void 0,disabled:g,className:e.t(`min-w-0`,_),...v,children:[(0,r.jsx)(`legend`,{className:e.t(t.a,!m&&`sr-only`),children:o}),(0,r.jsxs)(`div`,{className:`mt-1 flex w-fit max-w-full items-center overflow-x-auto overscroll-x-contain py-1 scrollbar-none`,children:[Array.from({length:S},(t,n)=>{let o=n+1,s=o<=E;return(0,r.jsxs)(`label`,{className:e.t(`relative inline-flex shrink-0 items-center justify-center rounded-sm`,a[f],g?`cursor-not-allowed opacity-40`:p?`cursor-default`:`cursor-pointer`),children:[(0,r.jsx)(`input`,{type:`radio`,name:x,value:o,checked:E===o,disabled:g,readOnly:p,"aria-label":`${o} ${o===1?`star`:`stars`}`,onChange:()=>D(o),className:`peer sr-only`}),(0,r.jsx)(`span`,{className:`block rounded-sm peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,children:(0,r.jsx)(`svg`,{viewBox:`0 0 24 24`,"aria-hidden":`true`,className:e.t(i[f],`transition-colors`,s?`fill-warning text-warning`:`fill-transparent text-border-strong`,!g&&!p&&`hover:text-warning`),children:(0,r.jsx)(`path`,{stroke:`currentColor`,strokeWidth:`1.75`,strokeLinejoin:`round`,d:`m12 2.8 2.75 5.57 6.15.9-4.45 4.33 1.05 6.12L12 16.83l-5.5 2.89 1.05-6.12L3.1 9.27l6.15-.9L12 2.8Z`})})})]},o)}),h&&(0,r.jsxs)(`output`,{className:`ml-2 text-xs tabular-nums text-muted-foreground`,"aria-live":`polite`,children:[E,`/`,S]})]})]})});o.displayName=`Rating`,exports.Rating=o;

package/dist/components/rating.d.ts

@@ -0,0 +1,15 @@
+import { FieldsetHTMLAttributes } from 'react';
+export type RatingSize = "sm" | "md" | "lg";
+export interface RatingProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange"> {
+    label: string;
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    max?: number;
+    name?: string;
+    size?: RatingSize;
+    readOnly?: boolean;
+    showLabel?: boolean;
+    showValue?: boolean;
+}
+export declare const Rating: import('react').ForwardRefExoticComponent<RatingProps & import('react').RefAttributes<HTMLFieldSetElement>>;

package/dist/components/rating.js

@@ -0,0 +1,75 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { a as t } from "../component-styles-Bgy44fc8.js";
+import { forwardRef as n, useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/rating.tsx
+var s = {
+	sm: "size-4",
+	md: "size-5",
+	lg: "size-6"
+}, c = {
+	sm: "size-8",
+	md: "size-9",
+	lg: "size-10"
+}, l = n(({ label: n, value: l, defaultValue: u = 0, onValueChange: d, max: f = 5, name: p, size: m = "md", readOnly: h = !1, showLabel: g = !0, showValue: _ = !1, disabled: v, className: y, ...b }, x) => {
+	let S = r(), C = p ?? S, w = Number.isFinite(f) ? Math.max(1, Math.floor(f)) : 5, T = (e) => Number.isFinite(e) ? Math.max(0, Math.min(w, e)) : 0, [E, D] = i(() => T(u)), O = T(l ?? E);
+	function k(e) {
+		v || h || (l === void 0 && D(e), d?.(e));
+	}
+	return /* @__PURE__ */ o("fieldset", {
+		ref: x,
+		role: "radiogroup",
+		"aria-readonly": h || void 0,
+		disabled: v,
+		className: e("min-w-0", y),
+		...b,
+		children: [/* @__PURE__ */ a("legend", {
+			className: e(t, !g && "sr-only"),
+			children: n
+		}), /* @__PURE__ */ o("div", {
+			className: "mt-1 flex w-fit max-w-full items-center overflow-x-auto overscroll-x-contain py-1 scrollbar-none",
+			children: [Array.from({ length: w }, (t, n) => {
+				let r = n + 1, i = r <= O;
+				return /* @__PURE__ */ o("label", {
+					className: e("relative inline-flex shrink-0 items-center justify-center rounded-sm", c[m], v ? "cursor-not-allowed opacity-40" : h ? "cursor-default" : "cursor-pointer"),
+					children: [/* @__PURE__ */ a("input", {
+						type: "radio",
+						name: C,
+						value: r,
+						checked: O === r,
+						disabled: v,
+						readOnly: h,
+						"aria-label": `${r} ${r === 1 ? "star" : "stars"}`,
+						onChange: () => k(r),
+						className: "peer sr-only"
+					}), /* @__PURE__ */ a("span", {
+						className: "block rounded-sm peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg",
+						children: /* @__PURE__ */ a("svg", {
+							viewBox: "0 0 24 24",
+							"aria-hidden": "true",
+							className: e(s[m], "transition-colors", i ? "fill-warning text-warning" : "fill-transparent text-border-strong", !v && !h && "hover:text-warning"),
+							children: /* @__PURE__ */ a("path", {
+								stroke: "currentColor",
+								strokeWidth: "1.75",
+								strokeLinejoin: "round",
+								d: "m12 2.8 2.75 5.57 6.15.9-4.45 4.33 1.05 6.12L12 16.83l-5.5 2.89 1.05-6.12L3.1 9.27l6.15-.9L12 2.8Z"
+							})
+						})
+					})]
+				}, r);
+			}), _ && /* @__PURE__ */ o("output", {
+				className: "ml-2 text-xs tabular-nums text-muted-foreground",
+				"aria-live": "polite",
+				children: [
+					O,
+					"/",
+					w
+				]
+			})]
+		})]
+	});
+});
+l.displayName = "Rating";
+//#endregion
+export { l as Rating };

package/dist/components/scroll-area.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-DOUctc8_.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={vertical:`overflow-y-auto overflow-x-hidden`,horizontal:`overflow-x-auto overflow-y-hidden`,both:`overflow-auto`},i=(0,t.forwardRef)(({orientation:t=`vertical`,hideScrollbar:i=!1,keyboardNavigable:a=!0,className:o,tabIndex:s,...c},l)=>(0,n.jsx)(`div`,{ref:l,"data-orientation":t,tabIndex:s??(a?0:void 0),className:e.t(`relative overscroll-contain rounded-[var(--radius-sm)]`,a&&`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,r[t],i&&`scrollbar-none`,o),...c}));i.displayName=`ScrollArea`,exports.ScrollArea=i;

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'react';
+export type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
+export interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: ScrollAreaOrientation;
+    hideScrollbar?: boolean;
+    keyboardNavigable?: boolean;
+}
+export declare const ScrollArea: import('react').ForwardRefExoticComponent<ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/scroll-area.js

@@ -0,0 +1,19 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import "../component-styles-Bgy44fc8.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/scroll-area.tsx
+var r = {
+	vertical: "overflow-y-auto overflow-x-hidden",
+	horizontal: "overflow-x-auto overflow-y-hidden",
+	both: "overflow-auto"
+}, i = t(({ orientation: t = "vertical", hideScrollbar: i = !1, keyboardNavigable: a = !0, className: o, tabIndex: s, ...c }, l) => /* @__PURE__ */ n("div", {
+	ref: l,
+	"data-orientation": t,
+	tabIndex: s ?? (a ? 0 : void 0),
+	className: e("relative overscroll-contain rounded-[var(--radius-sm)]", a && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg", r[t], i && "scrollbar-none", o),
+	...c
+}));
+i.displayName = "ScrollArea";
+//#endregion
+export { i as ScrollArea };

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;