@bzync/rui 0.0.4 → 0.0.8

package/dist/index.d.ts

@@ -1,13 +1,17 @@
 export * from './components/accordion';
+export * from './components/aspect-ratio';
 export * from './components/calendar';
 export * from './components/alert';
 export * from './components/auth-backdrop';
 export * from './components/autocomplete';
 export * from './components/avatar';
+export * from './components/avatar-group';
 export * from './components/badge';
 export * from './components/billing-interval-toggle';
+export * from './components/blockquote';
 export * from './components/breadcrumb';
 export * from './components/button';
+export * from './components/button-group';
 export * from './components/callout';
 export * from './components/card';
 export * from './components/charts';
@@ -16,8 +20,11 @@ export * from './components/code';
 export * from './components/command';
 export * from './components/confirm-dialog';
 export * from './components/copy-button';
+export * from './components/currency';
 export * from './components/datatable';
 export * from './components/datepicker';
+export * from './components/description-list';
+export * from './components/divider';
 export * from './components/drawer';
 export * from './components/dropdown-menu';
 export * from './components/empty-state';
@@ -39,7 +46,9 @@ export * from './components/pagination';
 export * from './components/popover';
 export * from './components/progressbar';
 export * from './components/radio';
+export * from './components/rating';
 export * from './components/richtext';
+export * from './components/scroll-area';
 export * from './components/select';
 export * from './components/separator';
 export * from './components/skeleton';
@@ -56,10 +65,13 @@ export * from './components/tag';
 export * from './components/terminal';
 export * from './components/textarea';
 export * from './components/timeline';
+export * from './components/toggle';
 export * from './components/tooltip';
 export * from './components/theme-provider';
 export * from './components/theme-toggle';
+export * from './components/time-picker';
 export * from './components/tree';
+export * from './components/typography';
 export * from './lib/cn';
 export * from './hooks';
 export * from './types';
@@ -68,3 +80,7 @@ export * from './utils';
 export * from './errors/error-boundary';
 export * from './lifecycle';
 export * from './components/seo';
+export * from './components/visually-hidden';
+export * from './components/slot';
+export * from './components/overlay';
+export * from './lib/motion';

package/dist/index.js

@@ -1,73 +1,90 @@
-import { t as e } from "./cn-DpgY2leY.js";
+import { t as e } from "./cn-BJyZJP-y.js";
 import { Accordion as t, Collapsible as n } from "./components/accordion.js";
-import { t as r } from "./calendar-j2_zvum1.js";
-import { Alert as i } from "./components/alert.js";
-import { AuthBackdrop as a } from "./components/auth-backdrop.js";
-import { t as ee } from "./autocomplete-BgKbj6M4.js";
+import { AspectRatio as r } from "./components/aspect-ratio.js";
+import { t as i } from "./calendar-nkYCMEy3.js";
+import { Alert as a } from "./components/alert.js";
+import { AuthBackdrop as ee } from "./components/auth-backdrop.js";
+import { t as te } from "./autocomplete-bgySuP8X.js";
 import { t as o } from "./use-event-callback-DGkfO_uu.js";
-import { Avatar as te } from "./components/avatar.js";
-import { Badge as ne, badgeVariants as re } from "./components/badge.js";
-import { BillingIntervalToggle as ie } from "./components/billing-interval-toggle.js";
-import { Breadcrumb as ae } from "./components/breadcrumb.js";
-import { Button as oe, buttonSizes as s, buttonVariants as c } from "./components/button.js";
-import { Callout as l } from "./components/callout.js";
-import { Card as u, CardBody as d, CardDescription as f, CardFooter as p, CardHeader as m, CardTitle as h, cardVariants as g } from "./components/card.js";
-import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "./charts-CxEy2c3M.js";
-import { Checkbox as D } from "./components/checkbox.js";
-import { CodeBlock as O, CodeEditor as k, InlineCode as A } from "./components/code.js";
-import { a as j, i as M, n as N, r as P, t as F } from "./focus-Dk1YWVPN.js";
-import { CommandPalette as I, CommandProvider as L, useCommand as R } from "./components/command.js";
-import { Modal as z, ModalBody as B, ModalDescription as V, ModalFooter as H, ModalHeader as U, ModalTitle as W } from "./components/modal.js";
-import { ConfirmDialog as G } from "./components/confirm-dialog.js";
-import { CopyButton as K } from "./components/copy-button.js";
-import { t as q } from "./datatable-yBN4M3UV.js";
-import { DatePicker as se } from "./components/datepicker.js";
-import { t as ce } from "./theme-toggle-Bb0BYo51.js";
-import { t as le } from "./drawer-ixuzyLVS.js";
-import { DropdownMenu as ue } from "./components/dropdown-menu.js";
-import { EmptyState as de } from "./components/empty-state.js";
-import { ErrorState as fe } from "./components/error-state.js";
-import { FileUpload as pe } from "./components/file-upload.js";
-import { FormField as me } from "./components/form-field.js";
-import { Input as he } from "./components/input.js";
-import { InfoButton as ge } from "./components/info-button.js";
-import { Kbd as _e } from "./components/kbd.js";
-import { Label as ve } from "./components/label.js";
-import { Link as ye } from "./components/link.js";
-import { List as be, ListItem as xe } from "./components/list.js";
-import { AppShell as Se, AppShellBody as Ce, AppShellHeader as we, AppShellMain as Te, Container as Ee, Footer as De, Inline as Oe, PageHeader as ke, Stack as Ae } from "./components/layout.js";
-import { BottomBar as je, BrandLink as Me, IconButton as Ne, Navbar as Pe, NavigationLink as Fe, Sidebar as J, Topbar as Ie, TopbarTitle as Le } from "./components/navigation.js";
-import { NumberInput as Re } from "./components/number-input.js";
-import { OtpInput as ze } from "./components/otp-input.js";
-import { Pagination as Be } from "./components/pagination.js";
-import { Popover as Ve, PopoverContent as He } from "./components/popover.js";
-import { Progressbar as Ue } from "./components/progressbar.js";
-import { Radio as We, RadioGroup as Ge } from "./components/radio.js";
-import { RichTextEditor as Ke } from "./components/richtext.js";
-import { t as qe } from "./select-ClWrcj3R.js";
-import { Separator as Je } from "./components/separator.js";
-import { Skeleton as Ye, SkeletonAvatar as Xe, SkeletonCard as Ze, SkeletonTable as Qe, SkeletonText as $e, SkeletonTopbar as et } from "./components/skeleton.js";
-import { Slider as tt } from "./components/slider.js";
-import { SnackbarProvider as nt, useSnackbar as rt } from "./components/snackbar.js";
-import { Spinner as it } from "./components/spinner.js";
-import { Stat as at } from "./components/stat.js";
-import { StatusDot as ot } from "./components/status-dot.js";
-import { Stepper as st } from "./components/stepper.js";
-import { Switch as ct } from "./components/switch.js";
-import { Table as lt, TableBody as ut, TableCell as dt, TableHead as ft, TableHeader as pt, TableRow as mt } from "./components/table.js";
-import { Tabs as ht, TabsContent as gt, TabsList as _t, TabsTrigger as vt } from "./components/tabs.js";
-import { Tag as yt } from "./components/tag.js";
-import { n as bt, t as xt } from "./terminal-BOR2cFi1.js";
-import { Textarea as St } from "./components/textarea.js";
-import { Timeline as Ct } from "./components/timeline.js";
-import { Tooltip as wt } from "./components/tooltip.js";
-import { ThemeProvider as Tt, useTheme as Et } from "./components/theme-provider.js";
-import { Tree as Dt } from "./components/tree.js";
-import { ArticleJsonLd as Ot, BreadcrumbJsonLd as kt, SeoImage as At, StructuredData as jt } from "./components/seo.js";
-import { Component as Mt, useCallback as Y, useEffect as X, useLayoutEffect as Nt, useRef as Z, useState as Q } from "react";
-import { jsx as $, jsxs as Pt } from "react/jsx-runtime";
+import { Avatar as ne } from "./components/avatar.js";
+import { AvatarGroup as re, AvatarGroupOverflow as ie } from "./components/avatar-group.js";
+import { Badge as ae, badgeVariants as oe } from "./components/badge.js";
+import { BillingIntervalToggle as s } from "./components/billing-interval-toggle.js";
+import { Blockquote as c } from "./components/blockquote.js";
+import { Breadcrumb as l } from "./components/breadcrumb.js";
+import { Slot as u } from "./components/slot.js";
+import { Button as d, buttonSizes as f, buttonVariants as p } from "./components/button.js";
+import { ButtonGroup as m } from "./components/button-group.js";
+import { Callout as h } from "./components/callout.js";
+import { Card as g, CardBody as _, CardDescription as v, CardFooter as y, CardHeader as b, CardTitle as x, cardVariants as S } from "./components/card.js";
+import { a as C, c as w, i as T, l as E, n as D, o as O, r as k, s as A, t as j, u as M } from "./charts-Dscl6UC3.js";
+import { Checkbox as N } from "./components/checkbox.js";
+import { CodeBlock as P, CodeEditor as F, InlineCode as I } from "./components/code.js";
+import { a as L, i as R, n as z, r as B, t as V } from "./focus-Dk1YWVPN.js";
+import { n as H, t as U } from "./motion-gnRzFS5f.js";
+import { CommandPalette as W, CommandProvider as G, useCommand as K } from "./components/command.js";
+import { n as q, r as se, t as ce } from "./use-focus-trap-CS6BXJAB.js";
+import { Modal as le, ModalBody as ue, ModalDescription as de, ModalFooter as fe, ModalHeader as pe, ModalTitle as me } from "./components/modal.js";
+import { ConfirmDialog as he } from "./components/confirm-dialog.js";
+import { CopyButton as ge } from "./components/copy-button.js";
+import { Currency as _e, formatCurrency as ve } from "./components/currency.js";
+import { t as ye } from "./datatable-BJoZMrKI.js";
+import { DatePicker as be } from "./components/datepicker.js";
+import { DescriptionDetails as xe, DescriptionItem as Se, DescriptionList as Ce, DescriptionTerm as we } from "./components/description-list.js";
+import { Divider as Te } from "./components/divider.js";
+import { Drawer as Ee } from "./components/drawer.js";
+import { DropdownMenu as De } from "./components/dropdown-menu.js";
+import { EmptyState as Oe } from "./components/empty-state.js";
+import { ErrorState as ke } from "./components/error-state.js";
+import { FileUpload as Ae } from "./components/file-upload.js";
+import { Field as je, FieldContent as Me, FieldDescription as Ne, FieldError as Pe, FieldLabel as Fe, FormField as Ie } from "./components/form-field.js";
+import { Input as Le } from "./components/input.js";
+import { InfoButton as Re } from "./components/info-button.js";
+import { Kbd as ze } from "./components/kbd.js";
+import { Label as Be } from "./components/label.js";
+import { Link as Ve } from "./components/link.js";
+import { List as He, ListItem as Ue } from "./components/list.js";
+import { AppShell as We, AppShellBody as Ge, AppShellHeader as Ke, AppShellMain as qe, Container as Je, Footer as Ye, Inline as Xe, PageHeader as Ze, Stack as Qe } from "./components/layout.js";
+import { BottomBar as $e, BrandLink as et, IconButton as tt, Navbar as nt, NavigationLink as rt, Sidebar as it, Topbar as at, TopbarTitle as J } from "./components/navigation.js";
+import { NumberInput as ot } from "./components/number-input.js";
+import { OtpInput as st } from "./components/otp-input.js";
+import { Pagination as ct } from "./components/pagination.js";
+import { Popover as lt, PopoverContent as ut } from "./components/popover.js";
+import { Progressbar as dt } from "./components/progressbar.js";
+import { Radio as ft, RadioGroup as pt } from "./components/radio.js";
+import { Rating as mt } from "./components/rating.js";
+import { RichTextEditor as ht } from "./components/richtext.js";
+import { ScrollArea as gt } from "./components/scroll-area.js";
+import { t as _t } from "./select-CiMzLhUK.js";
+import { Separator as vt } from "./components/separator.js";
+import { Skeleton as yt, SkeletonAvatar as bt, SkeletonCard as xt, SkeletonList as St, SkeletonStat as Ct, SkeletonTable as wt, SkeletonText as Tt, SkeletonTopbar as Et } from "./components/skeleton.js";
+import { Slider as Dt } from "./components/slider.js";
+import { SnackbarProvider as Ot, useSnackbar as kt } from "./components/snackbar.js";
+import { Spinner as At } from "./components/spinner.js";
+import { Stat as jt } from "./components/stat.js";
+import { StatusDot as Mt } from "./components/status-dot.js";
+import { Stepper as Nt } from "./components/stepper.js";
+import { Switch as Pt } from "./components/switch.js";
+import { Table as Ft, TableBody as It, TableCell as Lt, TableHead as Rt, TableHeader as zt, TableRow as Bt } from "./components/table.js";
+import { Tabs as Vt, TabsContent as Ht, TabsList as Ut, TabsTrigger as Wt } from "./components/tabs.js";
+import { Tag as Gt } from "./components/tag.js";
+import { n as Kt, t as qt } from "./terminal-VXdxVoAv.js";
+import { Textarea as Jt } from "./components/textarea.js";
+import { Timeline as Yt } from "./components/timeline.js";
+import { Toggle as Xt, ToggleGroup as Zt, ToggleGroupItem as Qt, toggleSizes as $t, toggleVariants as en } from "./components/toggle.js";
+import { Tooltip as tn } from "./components/tooltip.js";
+import { ThemeProvider as nn, useTheme as rn } from "./components/theme-provider.js";
+import { ThemeToggle as an } from "./components/theme-toggle.js";
+import { TimePicker as on } from "./components/time-picker.js";
+import { Tree as sn } from "./components/tree.js";
+import { Heading as cn, Prose as ln, Text as un } from "./components/typography.js";
+import { ArticleJsonLd as dn, BreadcrumbJsonLd as fn, SeoImage as pn, StructuredData as mn } from "./components/seo.js";
+import { VisuallyHidden as hn } from "./components/visually-hidden.js";
+import { Overlay as gn, OverlayBackdrop as _n } from "./components/overlay.js";
+import { Component as vn, useCallback as Y, useEffect as X, useLayoutEffect as yn, useRef as Z, useState as Q } from "react";
+import { jsx as $, jsxs as bn } from "react/jsx-runtime";
 //#region src/hooks/use-is-mounted.ts
-function Ft() {
+function xn() {
 	let e = Z(!1);
 	return X(() => (e.current = !0, () => {
 		e.current = !1;
@@ -75,10 +92,10 @@ function Ft() {
 }
 //#endregion
 //#region src/hooks/use-isomorphic-layout-effect.ts
-var It = typeof window < "u" ? Nt : X;
+var Sn = typeof window < "u" ? yn : X;
 //#endregion
 //#region src/hooks/use-previous.ts
-function Lt(e) {
+function Cn(e) {
 	let t = Z(void 0);
 	return X(() => {
 		t.current = e;
@@ -86,7 +103,7 @@ function Lt(e) {
 }
 //#endregion
 //#region src/hooks/use-update-effect.ts
-function Rt(e, t) {
+function wn(e, t) {
 	let n = Z(!1);
 	X(() => {
 		if (!n.current) {
@@ -98,7 +115,7 @@ function Rt(e, t) {
 }
 //#endregion
 //#region src/hooks/use-controllable-state.ts
-function zt({ value: e, defaultValue: t, onChange: n }) {
+function Tn({ value: e, defaultValue: t, onChange: n }) {
 	let [r, i] = Q(t), a = e !== void 0;
 	return [a ? e : r, Y((e) => {
 		a || i(e), n?.(e);
@@ -106,7 +123,7 @@ function zt({ value: e, defaultValue: t, onChange: n }) {
 }
 //#endregion
 //#region src/hooks/use-media-query.ts
-function Bt(e) {
+function En(e) {
 	let [t, n] = Q(() => typeof window > "u" || window.matchMedia === void 0 ? !1 : window.matchMedia(e).matches);
 	return X(() => {
 		let t = window.matchMedia(e), r = () => n(t.matches);
@@ -117,7 +134,7 @@ function Bt(e) {
 }
 //#endregion
 //#region src/hooks/use-abort-signal.ts
-function Vt(e = []) {
+function Dn(e = []) {
 	let t = Z(null);
 	return t.current === null && (t.current = new AbortController()), X(() => {
 		let e = new AbortController();
@@ -125,20 +142,42 @@ function Vt(e = []) {
 	}, e), t.current.signal;
 }
 //#endregion
+//#region src/hooks/use-outside-click.ts
+function On(e, t, n, r = {}) {
+	let i = o(n);
+	X(() => {
+		if (!t) return;
+		function n(t) {
+			e.current?.contains(t.target) || i();
+		}
+		function a(e) {
+			r.escape !== !1 && e.key === "Escape" && (e.preventDefault(), i());
+		}
+		return document.addEventListener("mousedown", n), r.escape !== !1 && document.addEventListener("keydown", a), () => {
+			document.removeEventListener("mousedown", n), document.removeEventListener("keydown", a);
+		};
+	}, [
+		t,
+		e,
+		i,
+		r.escape
+	]);
+}
+//#endregion
 //#region src/utils/portal.ts
-function Ht(e = "rui-portal") {
+function kn(e = "rui-portal") {
 	if (typeof document > "u") return null;
 	let t = document.getElementById(e);
 	return t || (t = document.createElement("div"), t.id = e, document.body.appendChild(t)), t;
 }
 //#endregion
 //#region src/utils/assert.ts
-function Ut(e, t) {
+function An(e, t) {
 	if (!e) throw Error(t);
 }
 //#endregion
 //#region src/errors/error-boundary.tsx
-var Wt = class extends Mt {
+var jn = class extends vn {
 	state = {
 		hasError: !1,
 		error: null
@@ -160,23 +199,23 @@ var Wt = class extends Mt {
 	};
 	render() {
 		if (this.state.hasError) {
-			let { fallback: e } = this.props;
-			return typeof e == "function" ? e(this.state.error, this.reset) : e || /* @__PURE__ */ Pt("div", {
+			let { fallback: t } = this.props;
+			return typeof t == "function" ? t(this.state.error, this.reset) : t || /* @__PURE__ */ bn("div", {
 				role: "alert",
-				className: "rounded-lg border border-red-500/20 bg-red-500/[0.06] p-4 text-sm text-red-700 dark:text-red-300",
+				className: e("rounded-lg border border-red-500/20 bg-red-500/[0.06] p-4 text-sm text-red-700 dark:text-red-300", this.props.className),
 				children: [
 					/* @__PURE__ */ $("p", {
-						className: "font-medium",
+						className: e("font-medium", this.props.titleClassName),
 						children: "Something went wrong."
 					}),
 					/* @__PURE__ */ $("p", {
-						className: "mt-1 text-xs opacity-80",
+						className: e("mt-1 text-xs opacity-80", this.props.descriptionClassName),
 						children: this.state.error?.message
 					}),
 					/* @__PURE__ */ $("button", {
 						type: "button",
 						onClick: this.reset,
-						className: "mt-3 rounded-md bg-red-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-red-500",
+						className: e("mt-3 rounded-md bg-red-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-red-500", this.props.retryButtonClassName),
 						children: "Try again"
 					})
 				]
@@ -187,7 +226,7 @@ var Wt = class extends Mt {
 };
 //#endregion
 //#region src/lifecycle/create-safe-effect.ts
-function Gt(e, t) {
+function Mn(e, t) {
 	let n = Z(null);
 	X(() => {
 		let t = new AbortController();
@@ -203,13 +242,13 @@ function Gt(e, t) {
 }
 //#endregion
 //#region src/lifecycle/mount.ts
-function Kt(e) {
+function Nn(e) {
 	let t = o(e);
 	X(() => t(), [t]);
 }
-function qt(e) {
+function Pn(e) {
 	let t = o(e);
 	X(() => () => t(), [t]);
 }
 //#endregion
-export { t as Accordion, i as Alert, Se as AppShell, Ce as AppShellBody, we as AppShellHeader, Te as AppShellMain, Ot as ArticleJsonLd, a as AuthBackdrop, ee as Autocomplete, te as Avatar, ne as Badge, E as BarChart, ie as BillingIntervalToggle, je as BottomBar, Me as BrandLink, ae as Breadcrumb, kt as BreadcrumbJsonLd, oe as Button, r as Calendar, l as Callout, u as Card, d as CardBody, f as CardDescription, p as CardFooter, m as CardHeader, h as CardTitle, D as Checkbox, O as CodeBlock, k as CodeEditor, n as Collapsible, I as CommandPalette, L as CommandProvider, G as ConfirmDialog, Ee as Container, K as CopyButton, P as DURATIONS, q as DataTable, se as DatePicker, w as DonutChart, le as Drawer, ue as DropdownMenu, de as EmptyState, Wt as ErrorBoundary, fe as ErrorState, M as FOCUSABLE_SELECTOR, pe as FileUpload, De as Footer, me as FormField, x as FunnelChart, _ as GanttChart, y as HeatmapChart, Ne as IconButton, ge as InfoButton, Oe as Inline, A as InlineCode, he as Input, j as KEY, _e as Kbd, ve as Label, b as LineChart, ye as Link, be as List, xe as ListItem, z as Modal, B as ModalBody, V as ModalDescription, H as ModalFooter, U as ModalHeader, W as ModalTitle, v as MultiLineChart, Pe as Navbar, Fe as NavigationLink, Re as NumberInput, ze as OtpInput, ke as PageHeader, Be as Pagination, Ve as Popover, He as PopoverContent, Ue as Progressbar, C as RadarChart, We as Radio, Ge as RadioGroup, Ke as RichTextEditor, S as ScatterChart, qe as Select, At as SeoImage, Je as Separator, J as Sidebar, Ye as Skeleton, Xe as SkeletonAvatar, Ze as SkeletonCard, Qe as SkeletonTable, $e as SkeletonText, et as SkeletonTopbar, tt as Slider, nt as SnackbarProvider, it as Spinner, Ae as Stack, at as Stat, ot as StatusDot, st as Stepper, jt as StructuredData, ct as Switch, lt as Table, ut as TableBody, dt as TableCell, ft as TableHead, pt as TableHeader, mt as TableRow, ht as Tabs, gt as TabsContent, _t as TabsList, vt as TabsTrigger, yt as Tag, bt as TerminalBlock, xt as TerminalEmulator, St as Textarea, Tt as ThemeProvider, ce as ThemeToggle, Ct as Timeline, wt as Tooltip, Ie as Topbar, Le as TopbarTitle, Dt as Tree, T as WaterfallChart, re as badgeVariants, s as buttonSizes, c as buttonVariants, g as cardVariants, e as cn, F as getFocusable, Ut as invariant, Ht as portalTarget, N as trapFocus, Vt as useAbortSignal, R as useCommand, zt as useControllableState, o as useEventCallback, Ft as useIsMounted, It as useIsomorphicLayoutEffect, Bt as useMediaQuery, Kt as useMountEffect, Lt as usePrevious, Gt as useSafeEffect, rt as useSnackbar, Et as useTheme, qt as useUnmountEffect, Rt as useUpdateEffect };
+export { t as Accordion, a as Alert, We as AppShell, Ge as AppShellBody, Ke as AppShellHeader, qe as AppShellMain, dn as ArticleJsonLd, r as AspectRatio, ee as AuthBackdrop, te as Autocomplete, ne as Avatar, re as AvatarGroup, ie as AvatarGroupOverflow, ae as Badge, M as BarChart, s as BillingIntervalToggle, c as Blockquote, $e as BottomBar, et as BrandLink, l as Breadcrumb, fn as BreadcrumbJsonLd, d as Button, m as ButtonGroup, i as Calendar, h as Callout, g as Card, _ as CardBody, v as CardDescription, y as CardFooter, b as CardHeader, x as CardTitle, N as Checkbox, P as CodeBlock, F as CodeEditor, n as Collapsible, W as CommandPalette, G as CommandProvider, he as ConfirmDialog, Je as Container, ge as CopyButton, _e as Currency, B as DURATIONS, ye as DataTable, be as DatePicker, xe as DescriptionDetails, Se as DescriptionItem, Ce as DescriptionList, we as DescriptionTerm, Te as Divider, A as DonutChart, Ee as Drawer, De as DropdownMenu, Oe as EmptyState, jn as ErrorBoundary, ke as ErrorState, R as FOCUSABLE_SELECTOR, je as Field, Me as FieldContent, Ne as FieldDescription, Pe as FieldError, Fe as FieldLabel, Ae as FileUpload, Ye as Footer, Ie as FormField, D as FunnelChart, C as GanttChart, cn as Heading, T as HeatmapChart, tt as IconButton, Re as InfoButton, Xe as Inline, I as InlineCode, Le as Input, L as KEY, ze as Kbd, Be as Label, E as LineChart, Ve as Link, He as List, Ue as ListItem, le as Modal, ue as ModalBody, de as ModalDescription, fe as ModalFooter, pe as ModalHeader, me as ModalTitle, w as MultiLineChart, nt as Navbar, rt as NavigationLink, ot as NumberInput, st as OtpInput, gn as Overlay, _n as OverlayBackdrop, Ze as PageHeader, ct as Pagination, lt as Popover, ut as PopoverContent, dt as Progressbar, ln as Prose, k as RadarChart, ft as Radio, pt as RadioGroup, mt as Rating, ht as RichTextEditor, O as ScatterChart, gt as ScrollArea, _t as Select, pn as SeoImage, vt as Separator, it as Sidebar, yt as Skeleton, bt as SkeletonAvatar, xt as SkeletonCard, St as SkeletonList, Ct as SkeletonStat, wt as SkeletonTable, Tt as SkeletonText, Et as SkeletonTopbar, Dt as Slider, u as Slot, Ot as SnackbarProvider, At as Spinner, Qe as Stack, jt as Stat, Mt as StatusDot, Nt as Stepper, mn as StructuredData, Pt as Switch, Ft as Table, It as TableBody, Lt as TableCell, Rt as TableHead, zt as TableHeader, Bt as TableRow, Vt as Tabs, Ht as TabsContent, Ut as TabsList, Wt as TabsTrigger, Gt as Tag, Kt as TerminalBlock, qt as TerminalEmulator, un as Text, Jt as Textarea, nn as ThemeProvider, an as ThemeToggle, on as TimePicker, Yt as Timeline, Xt as Toggle, Zt as ToggleGroup, Qt as ToggleGroupItem, tn as Tooltip, at as Topbar, J as TopbarTitle, sn as Tree, hn as VisuallyHidden, j as WaterfallChart, oe as badgeVariants, f as buttonSizes, p as buttonVariants, S as cardVariants, e as cn, ve as formatCurrency, V as getFocusable, An as invariant, U as motionTokens, kn as portalTarget, $t as toggleSizes, en as toggleVariants, H as transitions, z as trapFocus, Dn as useAbortSignal, K as useCommand, Tn as useControllableState, o as useEventCallback, ce as useFocusTrap, xn as useIsMounted, Sn as useIsomorphicLayoutEffect, En as useMediaQuery, Nn as useMountEffect, On as useOutsideClick, Cn as usePrevious, q as useRestoreFocus, Mn as useSafeEffect, se as useScrollLock, kt as useSnackbar, rn as useTheme, Pn as useUnmountEffect, wn as useUpdateEffect };

package/dist/lib/cn.d.ts

@@ -1,2 +1,14 @@
-import { ClassValue } from 'clsx';
+/**
+ * Accepted by {@link cn} — strings, numbers, nested arrays, or
+ * `{ "class": boolean }` maps. Mirrors clsx's `ClassValue`.
+ */
+export type ClassValue = string | number | bigint | null | boolean | undefined | ClassValue[] | {
+    [key: string]: unknown;
+};
+/**
+ * Join conditional class values and resolve conflicting Tailwind utilities so a
+ * caller's `className` reliably wins over a component's defaults
+ * (`cn("px-2", "px-4")` → `"px-4"`). `tailwind-merge` is bundled into the
+ * published package — @bzync/rui ships with no runtime dependencies.
+ */
 export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/component-styles.d.ts

@@ -4,7 +4,19 @@ export declare const fieldRootStyles = "flex w-full flex-col gap-1.5";
 export declare const fieldLabelStyles = "text-xs font-semibold leading-5 text-foreground";
 export declare const fieldDescriptionStyles = "text-xs leading-5 text-muted-foreground";
 export declare const fieldErrorStyles = "text-xs leading-5 text-destructive";
+/** Text inputs / selects / textareas: the ring hugs the border (no offset gap)
+ * and the border itself turns cobalt — that colored edge is this system's
+ * "inset line", the field-shaped counterpart to the focus halo on buttons. */
 export declare const controlBaseStyles: string;
-export declare const controlInvalidStyles = "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20";
-export declare const focusRingStyles = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg";
+export declare const controlInvalidStyles = "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25";
+/** The library's signature focus treatment. Routes through the `.focus-ring`
+ * utility in globals.css (1px inset hairline + 3px cobalt halo with a 2px gap),
+ * so every button, tab, menu item, link, and toggle that opts in shares one
+ * byte-identical focus state. Requires the element to sit inside a
+ * `ThemeProvider` (`.rui-theme`) scope — always true for library consumers. */
+export declare const focusRingStyles = "focus-ring";
+/** For controls whose focusable element is a sibling (checkbox/radio/switch
+ * inputs visually hidden behind a styled proxy). Mirrors the halo geometry with
+ * peer-* utilities since the box-shadow utility can't reach across elements. */
+export declare const peerFocusRingStyles = "peer-focus-visible:ring-[3px] peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg";
 export declare const iconButtonStyles: string;

package/dist/lib/icons.d.ts

@@ -0,0 +1,12 @@
+import { SVGProps } from 'react';
+/**
+ * The three glyphs the library itself renders (Drawer close, ThemeToggle
+ * sun/moon). Inlined so `lucide-react` is not a runtime dependency — consumers
+ * still pass their own icons everywhere else. Paths are lucide's (ISC).
+ */
+export type IconProps = Omit<SVGProps<SVGSVGElement>, "size"> & {
+    size?: number | string;
+};
+export declare function CloseIcon(props: IconProps): import("react").JSX.Element;
+export declare function SunIcon(props: IconProps): import("react").JSX.Element;
+export declare function MoonIcon(props: IconProps): import("react").JSX.Element;

package/dist/lib/motion.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Motion tokens — single source for framer-motion transitions.
+ * Maps CSS variables to JS durations/easings so code and stylesheet agree.
+ */
+export declare const motionTokens: {
+    readonly duration: {
+        readonly instant: 0;
+        readonly fast: 0.12;
+        readonly normal: 0.2;
+        readonly slow: 0.32;
+    };
+    readonly ease: {
+        readonly standard: readonly [0.2, 0, 0, 1];
+        readonly enter: readonly [0.16, 1, 0.3, 1];
+        readonly exit: readonly [0.4, 0, 1, 1];
+    };
+    readonly spring: {
+        readonly snappy: {
+            readonly type: "spring";
+            readonly stiffness: 450;
+            readonly damping: 32;
+        };
+        readonly gentle: {
+            readonly type: "spring";
+            readonly stiffness: 600;
+            readonly damping: 35;
+        };
+    };
+};
+/** Common transitions */
+export declare const transitions: {
+    readonly overlay: {
+        readonly duration: 0.2;
+        readonly ease: readonly [0.2, 0, 0, 1];
+    };
+    readonly panelEnter: {
+        readonly duration: 0.22;
+        readonly ease: readonly [0.16, 1, 0.3, 1];
+    };
+    readonly panelExit: {
+        readonly duration: 0.2;
+        readonly ease: readonly [0.4, 0, 1, 1];
+    };
+    readonly fade: {
+        readonly duration: 0.12;
+        readonly ease: readonly [0.2, 0, 0, 1];
+    };
+    readonly tabIndicator: {
+        readonly type: "spring";
+        readonly stiffness: 450;
+        readonly damping: 32;
+    };
+    readonly switchThumb: {
+        readonly type: "spring";
+        readonly stiffness: 600;
+        readonly damping: 35;
+    };
+};

package/dist/motion-B2shivEB.cjs

@@ -0,0 +1 @@
+var e={duration:{instant:0,fast:.12,normal:.2,slow:.32},ease:{standard:[.2,0,0,1],enter:[.16,1,.3,1],exit:[.4,0,1,1]},spring:{snappy:{type:`spring`,stiffness:450,damping:32},gentle:{type:`spring`,stiffness:600,damping:35}}},t={overlay:{duration:e.duration.normal,ease:e.ease.standard},panelEnter:{duration:.22,ease:e.ease.enter},panelExit:{duration:.2,ease:e.ease.exit},fade:{duration:e.duration.fast,ease:e.ease.standard},tabIndicator:e.spring.snappy,switchThumb:e.spring.gentle};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/motion-gnRzFS5f.js

@@ -0,0 +1,62 @@
+//#region src/lib/motion.ts
+var e = {
+	duration: {
+		instant: 0,
+		fast: .12,
+		normal: .2,
+		slow: .32
+	},
+	ease: {
+		standard: [
+			.2,
+			0,
+			0,
+			1
+		],
+		enter: [
+			.16,
+			1,
+			.3,
+			1
+		],
+		exit: [
+			.4,
+			0,
+			1,
+			1
+		]
+	},
+	spring: {
+		snappy: {
+			type: "spring",
+			stiffness: 450,
+			damping: 32
+		},
+		gentle: {
+			type: "spring",
+			stiffness: 600,
+			damping: 35
+		}
+	}
+}, t = {
+	overlay: {
+		duration: e.duration.normal,
+		ease: e.ease.standard
+	},
+	panelEnter: {
+		duration: .22,
+		ease: e.ease.enter
+	},
+	panelExit: {
+		duration: .2,
+		ease: e.ease.exit
+	},
+	fade: {
+		duration: e.duration.fast,
+		ease: e.ease.standard
+	},
+	tabIndicator: e.spring.snappy,
+	switchThumb: e.spring.gentle
+};
+//#endregion
+export { t as n, e as t };

package/dist/select-ByjnuEcE.cjs

@@ -0,0 +1 @@
+const e=require("./cn-B6R3HKzx.cjs"),t=require("./component-styles-DY4wigiq.cjs"),n=require("./utils-MnnCTelh.cjs"),r=require("./use-event-callback-Du9_9eAi.cjs");let i=require("framer-motion"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom");function c({listId:t,listRef:r,open:a,pos:c,options:u,flat:d,activeIdx:f,setActiveIdx:p,isSelected:m,onSelect:h,colorDot:g,multiselectable:_=!1,className:v,optionClassName:y,groupLabelClassName:b}){return typeof document>`u`?null:(0,s.createPortal)((0,o.jsx)(i.AnimatePresence,{children:a&&c&&(0,o.jsx)(i.motion.ul,{ref:r,id:t,role:`listbox`,"aria-multiselectable":_,initial:{opacity:0,y:c.placement===`bottom`?-4:4,scaleY:.97},animate:{opacity:1,y:0,scaleY:1},exit:{opacity:0,y:c.placement===`bottom`?-4:4,scaleY:.97},transition:{duration:.13},style:{originY:c.placement===`bottom`?0:1,position:`fixed`,top:c.top,left:c.left,width:c.width,maxHeight:c.maxHeight},className:e.t(`z-[110] overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-surface-raised py-1 shadow-floating`,v),children:u.map((r,i)=>n.a(r)?(0,o.jsxs)(`li`,{children:[(0,o.jsx)(`p`,{className:e.t(`px-3 pt-2 pb-1 text-xs font-semibold text-slate-600 uppercase tracking-widest`,b),children:r.group}),(0,o.jsx)(`ul`,{children:r.options.map(e=>{let n=d.find(t=>t.value===e.value);return(0,o.jsx)(l,{opt:e,listId:t,flatIdx:n.flatIdx,isActive:n.flatIdx===f,isSelected:m(e.value),onSelect:h,onHover:p,colorDot:g,className:y},e.value)})})]},i):(0,o.jsx)(l,{opt:r,listId:t,flatIdx:d.find(e=>e.value===r.value).flatIdx,isActive:d.find(e=>e.value===r.value).flatIdx===f,isSelected:m(r.value),onSelect:h,onHover:p,colorDot:g,className:y},r.value))})}),document.body)}function l({opt:t,listId:n,flatIdx:r,isActive:i,isSelected:a,onSelect:s,onHover:c,colorDot:l,className:u}){return(0,o.jsxs)(`li`,{id:`${n}-opt-${r}`,role:`option`,"aria-selected":a,"aria-disabled":t.disabled,"data-idx":r,onMouseDown:e=>e.preventDefault(),onClick:()=>!t.disabled&&s(t),onMouseEnter:()=>!t.disabled&&c(r),className:e.t(`flex min-h-9 items-center gap-3 px-3 py-2 cursor-pointer transition-colors select-none`,i&&`bg-surface-muted`,a&&!i&&`bg-accent-50 dark:bg-accent-500/10`,t.disabled&&`opacity-40 cursor-not-allowed pointer-events-none`,u),children:[t.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:t.icon}),t.color&&t.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-2 h-2 rounded-full shrink-0`,l[t.color])}),(0,o.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,o.jsx)(`p`,{className:e.t(`text-sm leading-snug truncate`,a?`text-accent-700 dark:text-accent-300 font-medium`:`text-foreground`),children:t.label}),t.description&&(0,o.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-muted-foreground`,children:t.description})]}),a&&(0,o.jsx)(`svg`,{"aria-hidden":`true`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-accent-600 shrink-0`,children:(0,o.jsx)(`path`,{d:`m20 6-11 11-5-5`})})]})}var u=(0,a.forwardRef)(({options:i,value:s,defaultValue:l,onChange:u,placeholder:d=`Select…`,label:f,hint:p,error:m,disabled:h,required:g,clearable:_=!1,className:v,wrapperClassName:y,triggerClassName:b,listClassName:x,labelClassName:S,messageClassName:C,optionClassName:w,groupLabelClassName:T,id:E,unstyled:D=!1},O)=>{let k=(0,a.useId)(),A=E??k,j=`${A}-list`,M=`${A}-message`,[N,P]=(0,a.useState)(!1),[F,I]=(0,a.useState)(l??``),[L,R]=(0,a.useState)(-1),z=(0,a.useRef)(null),B=(0,a.useRef)(null),V=r.t(e=>u?.(e)),H=s===void 0?F:s,U=(0,a.useMemo)(()=>n.i(i),[i]),W=(0,a.useMemo)(()=>U.find(e=>e.value===H),[U,H]),G=(0,a.useCallback)(e=>{s===void 0&&I(e.value),V(e.value),P(!1),R(-1)},[s,V]),K=(0,a.useCallback)(e=>{e.stopPropagation(),s===void 0&&I(``),V(``)},[s,V]),q=(0,a.useCallback)(e=>{if(!N){if([`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)){e.preventDefault(),P(!0);let t=U.find(e=>e.value===H&&e.flatIdx>=0)?.flatIdx??-1,n=U.filter(e=>e.flatIdx>=0);R(t>=0?t:e.key===`ArrowUp`?n[n.length-1]?.flatIdx??-1:n[0]?.flatIdx??-1)}return}if(e.key===`ArrowDown`)e.preventDefault(),R(e=>{let t=U.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.min(n+1,t.length-1)]?.flatIdx??e});else if(e.key===`ArrowUp`)e.preventDefault(),R(e=>{let t=U.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.max(n-1,0)]?.flatIdx??e});else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=U.find(e=>e.flatIdx===L);t&&G(t)}else(e.key===`Escape`||e.key===`Tab`)&&(P(!1),R(-1))},[N,U,H,L,G]);(0,a.useEffect)(()=>{L<0||!B.current||B.current.querySelector(`[data-idx="${L}"]`)?.scrollIntoView({block:`nearest`})},[L]),(0,a.useEffect)(()=>{function e(e){let t=e.target;z.current?.contains(t)||B.current?.contains(t)||P(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let J=n.o(N,z);return D?(0,o.jsxs)(`div`,{ref:z,className:e.t(v,y),children:[(0,o.jsx)(`button`,{ref:O,id:A,type:`button`,role:`combobox`,"aria-expanded":N,onClick:()=>P(e=>!e),className:b,children:W?.label??d}),N&&(0,o.jsx)(`ul`,{ref:B,id:j,className:x,children:U.map(e=>(0,o.jsx)(`li`,{"data-idx":e.flatIdx,onClick:()=>G(e),children:e.label},e.value))})]}):(0,o.jsxs)(`div`,{ref:z,className:e.t(`relative`,t.o,y,v),children:[f&&(0,o.jsxs)(`label`,{htmlFor:A,className:e.t(`text-xs font-semibold leading-5 text-foreground`,S),children:[f,g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,o.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,o.jsxs)(`button`,{ref:O,id:A,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":N,"aria-controls":j,"aria-activedescendant":N&&L>=0?`${j}-opt-${L}`:void 0,"aria-invalid":m?!0:void 0,"aria-required":g||void 0,"aria-describedby":m||p?M:void 0,disabled:h,onKeyDown:q,onClick:()=>{h||(P(e=>!e),N||R(U.find(e=>e.value===H&&e.flatIdx>=0)?.flatIdx??-1))},className:e.t(`flex h-9 w-full items-center gap-2 rounded-[var(--radius-md)] px-3 text-left outline-none`,t.t,`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`,h&&`opacity-50 cursor-not-allowed`,b),children:[W?.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:W.icon}),W?.color&&W.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-2 h-2 rounded-full shrink-0`,n.r[W.color])}),(0,o.jsx)(`span`,{className:e.t(`flex-1 min-w-0 text-sm truncate`,W?`text-foreground`:`text-muted-foreground`),children:W?.label??d}),_&&H&&!h&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:K,className:`shrink-0 text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,children:(0,o.jsx)(n.n,{})}),(0,o.jsx)(n.t,{open:N})]}),(0,o.jsx)(c,{listId:j,listRef:B,open:N,pos:J,options:i,flat:U,activeIdx:L,setActiveIdx:R,isSelected:e=>e===H,onSelect:G,colorDot:n.r,className:x,optionClassName:w,groupLabelClassName:T}),m&&(0,o.jsx)(`p`,{id:M,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,C),children:m}),p&&!m&&(0,o.jsx)(`p`,{id:M,className:e.t(`text-xs leading-5 text-muted-foreground`,C),children:p})]})});u.displayName=`SelectSingle`;var d=(0,a.forwardRef)(({options:r,value:i,defaultValue:s,onChange:l,placeholder:u=`Select…`,label:d,hint:f,error:p,disabled:m,required:h,clearable:g=!1,className:_,wrapperClassName:v,triggerClassName:y,listClassName:b,labelClassName:x,messageClassName:S,optionClassName:C,groupLabelClassName:w,id:T,unstyled:E=!1},D)=>{let O=(0,a.useId)(),k=T??O,A=`${k}-list`,j=`${k}-message`,[M,N]=(0,a.useState)(!1),[P,F]=(0,a.useState)(s??[]),[I,L]=(0,a.useState)(-1),R=(0,a.useRef)(null),z=(0,a.useRef)(null),B=i===void 0?P:i,V=n.i(r),H=V.filter(e=>B.includes(e.value));function U(e){let t=B.includes(e.value)?B.filter(t=>t!==e.value):[...B,e.value];i===void 0&&F(t),l?.(t)}function W(e,t){t.stopPropagation();let n=B.filter(t=>t!==e);i===void 0&&F(n),l?.(n)}function G(e){e.stopPropagation(),i===void 0&&F([]),l?.([])}function K(e){if(!M){[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),N(!0));return}if(e.key===`ArrowDown`)e.preventDefault(),L(e=>{let t=V.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.min(n+1,t.length-1)]?.flatIdx??e});else if(e.key===`ArrowUp`)e.preventDefault(),L(e=>{let t=V.filter(e=>e.flatIdx>=0),n=t.findIndex(t=>t.flatIdx===e);return t[Math.max(n-1,0)]?.flatIdx??e});else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=V.find(e=>e.flatIdx===I);t&&U(t)}else(e.key===`Escape`||e.key===`Tab`)&&(N(!1),L(-1))}(0,a.useEffect)(()=>{I<0||!z.current||z.current.querySelector(`[data-idx="${I}"]`)?.scrollIntoView({block:`nearest`})},[I]),(0,a.useEffect)(()=>{function e(e){let t=e.target;R.current?.contains(t)||z.current?.contains(t)||N(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let q=n.o(M,R);return E?(0,o.jsxs)(`div`,{ref:R,className:e.t(_,v),children:[(0,o.jsx)(`button`,{ref:D,id:k,type:`button`,role:`combobox`,"aria-expanded":M,"aria-controls":A,onKeyDown:K,onClick:()=>N(e=>!e),className:y,children:H.length>0?H.map(e=>e.label).join(`, `):u}),(0,o.jsx)(c,{listId:A,listRef:z,open:M,pos:q,options:r,flat:V,activeIdx:I,setActiveIdx:L,isSelected:e=>B.includes(e),onSelect:U,multiselectable:!0,colorDot:n.r,className:b})]}):(0,o.jsxs)(`div`,{ref:R,className:e.t(`relative`,t.o,v,_),children:[d&&(0,o.jsxs)(`label`,{htmlFor:k,className:e.t(`text-xs font-semibold leading-5 text-foreground`,x),children:[d,h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,o.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,o.jsxs)(`button`,{ref:D,id:k,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":M,"aria-controls":A,"aria-activedescendant":M&&I>=0?`${A}-opt-${I}`:void 0,"aria-invalid":p?!0:void 0,"aria-required":h||void 0,"aria-describedby":p||f?j:void 0,disabled:m,onKeyDown:K,onClick:()=>{m||N(e=>!e)},className:e.t(`flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-[var(--radius-md)] px-2.5 py-1.5 text-left outline-none`,t.t,`focus:border-accent-500 focus:ring-[3px] focus:ring-focus-ring/25`,p&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/25`,m&&`opacity-50 cursor-not-allowed`,y),children:[H.length===0?(0,o.jsx)(`span`,{className:`flex-1 text-sm text-slate-500 truncate`,children:u}):H.map(t=>(0,o.jsxs)(`span`,{className:`inline-flex max-w-[160px] items-center gap-1 rounded-md border border-border bg-surface-muted px-2 py-0.5 text-xs font-medium text-foreground`,children:[t.color&&t.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-1.5 h-1.5 rounded-full shrink-0`,n.r[t.color])}),(0,o.jsx)(`span`,{className:`truncate`,children:t.label}),(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onMouseDown:e=>e.stopPropagation(),onClick:e=>W(t.value,e),className:`shrink-0 text-slate-500 dark:text-slate-400 hover:text-foreground transition-colors cursor-pointer ml-0.5`,"aria-label":`Remove ${t.label}`,children:(0,o.jsx)(n.n,{})})]},t.value)),(0,o.jsxs)(`span`,{className:`ml-auto flex items-center gap-1.5 shrink-0 pl-1`,children:[g&&B.length>0&&!m&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:G,className:`text-slate-500 hover:text-slate-600 dark:hover:text-slate-300 transition-colors`,"aria-label":`Clear all`,children:(0,o.jsx)(n.n,{})}),B.length>0&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium text-slate-500 tabular-nums`,children:B.length}),(0,o.jsx)(n.t,{open:M})]})]}),(0,o.jsx)(c,{listId:A,listRef:z,open:M,pos:q,options:r,flat:V,activeIdx:I,setActiveIdx:L,isSelected:e=>B.includes(e),onSelect:U,multiselectable:!0,colorDot:n.r,className:b,optionClassName:C,groupLabelClassName:w}),p&&(0,o.jsx)(`p`,{id:j,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,S),children:p}),f&&!p&&(0,o.jsx)(`p`,{id:j,className:e.t(`text-xs leading-5 text-muted-foreground`,S),children:f})]})});d.displayName=`SelectMulti`;var f=(0,a.forwardRef)((e,t)=>e.multiple?(0,o.jsx)(d,{...e,ref:t}):(0,o.jsx)(u,{...e,ref:t}));f.displayName=`Select`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});