@bzync/rui 0.0.3 → 0.0.5

package/dist/index.js

@@ -1,94 +1,106 @@
 import { t as e } from "./cn-DpgY2leY.js";
 import { Accordion as t, Collapsible as n } from "./components/accordion.js";
-import { t as r } from "./calendar-CdICOROs.js";
-import { Alert as i } from "./components/alert.js";
-import { AuthBackdrop as a } from "./components/auth-backdrop.js";
-import { t as ee } from "./autocomplete-CfbfpcO4.js";
+import { AspectRatio as r } from "./components/aspect-ratio.js";
+import { t as i } from "./calendar-j2_zvum1.js";
+import { Alert as a } from "./components/alert.js";
+import { AuthBackdrop as ee } from "./components/auth-backdrop.js";
+import { t as te } from "./autocomplete-BgKbj6M4.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-DlBhUhuO.js";
-import { DatePicker as se } from "./components/datepicker.js";
-import { t as ce } from "./theme-toggle-CnoiorKV.js";
-import { t as le } from "./drawer-CqkVZT9Y.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-Ch5fp1GT.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 { Button as u, buttonSizes as d, buttonVariants as f } from "./components/button.js";
+import { ButtonGroup as p } from "./components/button-group.js";
+import { Callout as m } from "./components/callout.js";
+import { Card as h, CardBody as g, CardDescription as _, CardFooter as v, CardHeader as y, CardTitle as b, cardVariants as x } from "./components/card.js";
+import { a as S, c as C, i as w, l as T, n as E, o as D, r as O, s as k, t as A, u as j } from "./charts-CxEy2c3M.js";
+import { Checkbox as M } from "./components/checkbox.js";
+import { CodeBlock as N, CodeEditor as P, InlineCode as F } from "./components/code.js";
+import { a as I, i as L, n as R, r as z, t as B } from "./focus-Dk1YWVPN.js";
+import { CommandPalette as V, CommandProvider as H, useCommand as U } from "./components/command.js";
+import { Modal as W, ModalBody as G, ModalDescription as K, ModalFooter as q, ModalHeader as se, ModalTitle as ce } from "./components/modal.js";
+import { ConfirmDialog as le } from "./components/confirm-dialog.js";
+import { CopyButton as ue } from "./components/copy-button.js";
+import { Currency as de, formatCurrency as fe } from "./components/currency.js";
+import { t as pe } from "./datatable-yBN4M3UV.js";
+import { DatePicker as me } from "./components/datepicker.js";
+import { DescriptionDetails as he, DescriptionItem as ge, DescriptionList as _e, DescriptionTerm as ve } from "./components/description-list.js";
+import { Divider as ye } from "./components/divider.js";
+import { t as be } from "./theme-toggle-Bb0BYo51.js";
+import { t as xe } from "./drawer-ixuzyLVS.js";
+import { DropdownMenu as Se } from "./components/dropdown-menu.js";
+import { EmptyState as Ce } from "./components/empty-state.js";
+import { ErrorState as we } from "./components/error-state.js";
+import { FileUpload as Te } from "./components/file-upload.js";
+import { FormField as Ee } from "./components/form-field.js";
+import { Input as De } from "./components/input.js";
+import { InfoButton as Oe } from "./components/info-button.js";
+import { Kbd as ke } from "./components/kbd.js";
+import { Label as Ae } from "./components/label.js";
+import { Link as je } from "./components/link.js";
+import { List as Me, ListItem as Ne } from "./components/list.js";
+import { AppShell as Pe, AppShellBody as Fe, AppShellHeader as Ie, AppShellMain as Le, Container as Re, Footer as ze, Inline as Be, PageHeader as Ve, Stack as He } from "./components/layout.js";
+import { BottomBar as Ue, BrandLink as We, IconButton as Ge, Navbar as Ke, NavigationLink as qe, Sidebar as Je, Topbar as Ye, TopbarTitle as Xe } from "./components/navigation.js";
+import { NumberInput as Ze } from "./components/number-input.js";
+import { OtpInput as Qe } from "./components/otp-input.js";
+import { Pagination as $e } from "./components/pagination.js";
+import { Popover as et, PopoverContent as tt } from "./components/popover.js";
+import { Progressbar as nt } from "./components/progressbar.js";
+import { Radio as rt, RadioGroup as it } from "./components/radio.js";
+import { Rating as at } from "./components/rating.js";
+import { RichTextEditor as ot } from "./components/richtext.js";
+import { ScrollArea as st } from "./components/scroll-area.js";
+import { t as ct } from "./select-ClWrcj3R.js";
+import { Separator as lt } from "./components/separator.js";
+import { Skeleton as ut, SkeletonAvatar as dt, SkeletonCard as ft, SkeletonTable as pt, SkeletonText as mt, SkeletonTopbar as ht } from "./components/skeleton.js";
+import { Slider as gt } from "./components/slider.js";
+import { SnackbarProvider as _t, useSnackbar as vt } from "./components/snackbar.js";
+import { Spinner as yt } from "./components/spinner.js";
+import { Stat as bt } from "./components/stat.js";
+import { StatusDot as xt } from "./components/status-dot.js";
+import { Stepper as St } from "./components/stepper.js";
+import { Switch as Ct } from "./components/switch.js";
+import { Table as wt, TableBody as Tt, TableCell as Et, TableHead as Dt, TableHeader as Ot, TableRow as kt } from "./components/table.js";
+import { Tabs as At, TabsContent as jt, TabsList as Mt, TabsTrigger as Nt } from "./components/tabs.js";
+import { Tag as Pt } from "./components/tag.js";
+import { n as Ft, t as It } from "./terminal-BOR2cFi1.js";
+import { Textarea as Lt } from "./components/textarea.js";
+import { Timeline as Rt } from "./components/timeline.js";
+import { Toggle as zt, ToggleGroup as Bt, ToggleGroupItem as Vt, toggleSizes as Ht, toggleVariants as Ut } from "./components/toggle.js";
+import { Tooltip as Wt } from "./components/tooltip.js";
+import { ThemeProvider as Gt, useTheme as Kt } from "./components/theme-provider.js";
+import { TimePicker as qt } from "./components/time-picker.js";
+import { Tree as Jt } from "./components/tree.js";
+import { Heading as Yt, Prose as Xt, Text as Zt, Time as Qt } from "./components/typography.js";
+import { ArticleJsonLd as $t, BreadcrumbJsonLd as en, SeoImage as tn, StructuredData as nn } from "./components/seo.js";
+import { Component as rn, useCallback as J, useEffect as Y, useLayoutEffect as X, useRef as Z, useState as Q } from "react";
+import { jsx as $, jsxs as an } from "react/jsx-runtime";
 //#region src/hooks/use-is-mounted.ts
-function Ft() {
+function on() {
 	let e = Z(!1);
-	return X(() => (e.current = !0, () => {
+	return Y(() => (e.current = !0, () => {
 		e.current = !1;
-	}), []), Y(() => e.current, []);
+	}), []), J(() => e.current, []);
 }
 //#endregion
 //#region src/hooks/use-isomorphic-layout-effect.ts
-var It = typeof window < "u" ? Nt : X;
+var sn = typeof window < "u" ? X : Y;
 //#endregion
 //#region src/hooks/use-previous.ts
-function Lt(e) {
+function cn(e) {
 	let t = Z(void 0);
-	return X(() => {
+	return Y(() => {
 		t.current = e;
 	}, [e]), t.current;
 }
 //#endregion
 //#region src/hooks/use-update-effect.ts
-function Rt(e, t) {
+function ln(e, t) {
 	let n = Z(!1);
-	X(() => {
+	Y(() => {
 		if (!n.current) {
 			n.current = !0;
 			return;
@@ -98,17 +110,17 @@ function Rt(e, t) {
 }
 //#endregion
 //#region src/hooks/use-controllable-state.ts
-function zt({ value: e, defaultValue: t, onChange: n }) {
+function un({ value: e, defaultValue: t, onChange: n }) {
 	let [r, i] = Q(t), a = e !== void 0;
-	return [a ? e : r, Y((e) => {
+	return [a ? e : r, J((e) => {
 		a || i(e), n?.(e);
 	}, [a, n])];
 }
 //#endregion
 //#region src/hooks/use-media-query.ts
-function Bt(e) {
+function dn(e) {
 	let [t, n] = Q(() => typeof window > "u" || window.matchMedia === void 0 ? !1 : window.matchMedia(e).matches);
-	return X(() => {
+	return Y(() => {
 		let t = window.matchMedia(e), r = () => n(t.matches);
 		return t.addEventListener ? t.addEventListener("change", r) : t.addListener(r), () => {
 			t.removeEventListener ? t.removeEventListener("change", r) : t.removeListener(r);
@@ -117,28 +129,28 @@ function Bt(e) {
 }
 //#endregion
 //#region src/hooks/use-abort-signal.ts
-function Vt(e = []) {
+function fn(e = []) {
 	let t = Z(null);
-	return t.current === null && (t.current = new AbortController()), X(() => {
+	return t.current === null && (t.current = new AbortController()), Y(() => {
 		let e = new AbortController();
 		return t.current = e, () => e.abort();
 	}, e), t.current.signal;
 }
 //#endregion
 //#region src/utils/portal.ts
-function Ht(e = "rui-portal") {
+function pn(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 mn(e, t) {
 	if (!e) throw Error(t);
 }
 //#endregion
 //#region src/errors/error-boundary.tsx
-var Wt = class extends Mt {
+var hn = class extends rn {
 	state = {
 		hasError: !1,
 		error: null
@@ -161,7 +173,7 @@ 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", {
+			return typeof e == "function" ? e(this.state.error, this.reset) : e || /* @__PURE__ */ an("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",
 				children: [
@@ -187,9 +199,9 @@ var Wt = class extends Mt {
 };
 //#endregion
 //#region src/lifecycle/create-safe-effect.ts
-function Gt(e, t) {
+function gn(e, t) {
 	let n = Z(null);
-	X(() => {
+	Y(() => {
 		let t = new AbortController();
 		n.current = t;
 		let r = !0, i = e({
@@ -203,13 +215,13 @@ function Gt(e, t) {
 }
 //#endregion
 //#region src/lifecycle/mount.ts
-function Kt(e) {
+function _n(e) {
 	let t = o(e);
-	X(() => t(), [t]);
+	Y(() => t(), [t]);
 }
-function qt(e) {
+function vn(e) {
 	let t = o(e);
-	X(() => () => t(), [t]);
+	Y(() => () => 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, Pe as AppShell, Fe as AppShellBody, Ie as AppShellHeader, Le as AppShellMain, $t as ArticleJsonLd, r as AspectRatio, ee as AuthBackdrop, te as Autocomplete, ne as Avatar, re as AvatarGroup, ie as AvatarGroupOverflow, ae as Badge, j as BarChart, s as BillingIntervalToggle, c as Blockquote, Ue as BottomBar, We as BrandLink, l as Breadcrumb, en as BreadcrumbJsonLd, u as Button, p as ButtonGroup, i as Calendar, m as Callout, h as Card, g as CardBody, _ as CardDescription, v as CardFooter, y as CardHeader, b as CardTitle, M as Checkbox, N as CodeBlock, P as CodeEditor, n as Collapsible, V as CommandPalette, H as CommandProvider, le as ConfirmDialog, Re as Container, ue as CopyButton, de as Currency, z as DURATIONS, pe as DataTable, me as DatePicker, he as DescriptionDetails, ge as DescriptionItem, _e as DescriptionList, ve as DescriptionTerm, ye as Divider, k as DonutChart, xe as Drawer, Se as DropdownMenu, Ce as EmptyState, hn as ErrorBoundary, we as ErrorState, L as FOCUSABLE_SELECTOR, Te as FileUpload, ze as Footer, Ee as FormField, E as FunnelChart, S as GanttChart, Yt as Heading, w as HeatmapChart, Ge as IconButton, Oe as InfoButton, Be as Inline, F as InlineCode, De as Input, I as KEY, ke as Kbd, Ae as Label, T as LineChart, je as Link, Me as List, Ne as ListItem, W as Modal, G as ModalBody, K as ModalDescription, q as ModalFooter, se as ModalHeader, ce as ModalTitle, C as MultiLineChart, Ke as Navbar, qe as NavigationLink, Ze as NumberInput, Qe as OtpInput, Ve as PageHeader, $e as Pagination, et as Popover, tt as PopoverContent, nt as Progressbar, Xt as Prose, O as RadarChart, rt as Radio, it as RadioGroup, at as Rating, ot as RichTextEditor, D as ScatterChart, st as ScrollArea, ct as Select, tn as SeoImage, lt as Separator, Je as Sidebar, ut as Skeleton, dt as SkeletonAvatar, ft as SkeletonCard, pt as SkeletonTable, mt as SkeletonText, ht as SkeletonTopbar, gt as Slider, _t as SnackbarProvider, yt as Spinner, He as Stack, bt as Stat, xt as StatusDot, St as Stepper, nn as StructuredData, Ct as Switch, wt as Table, Tt as TableBody, Et as TableCell, Dt as TableHead, Ot as TableHeader, kt as TableRow, At as Tabs, jt as TabsContent, Mt as TabsList, Nt as TabsTrigger, Pt as Tag, Ft as TerminalBlock, It as TerminalEmulator, Zt as Text, Lt as Textarea, Gt as ThemeProvider, be as ThemeToggle, Qt as Time, qt as TimePicker, Rt as Timeline, zt as Toggle, Bt as ToggleGroup, Vt as ToggleGroupItem, Wt as Tooltip, Ye as Topbar, Xe as TopbarTitle, Jt as Tree, A as WaterfallChart, oe as badgeVariants, d as buttonSizes, f as buttonVariants, x as cardVariants, e as cn, fe as formatCurrency, B as getFocusable, mn as invariant, pn as portalTarget, Ht as toggleSizes, Ut as toggleVariants, R as trapFocus, fn as useAbortSignal, U as useCommand, un as useControllableState, o as useEventCallback, on as useIsMounted, sn as useIsomorphicLayoutEffect, dn as useMediaQuery, _n as useMountEffect, cn as usePrevious, gn as useSafeEffect, vt as useSnackbar, Kt as useTheme, vn as useUnmountEffect, ln as useUpdateEffect };

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

@@ -1,7 +1,7 @@
 /** Shared visual anatomy for high-frequency controls. Keep these as static
  * Tailwind strings so the library stylesheet can discover every utility. */
 export declare const fieldRootStyles = "flex w-full flex-col gap-1.5";
-export declare const fieldLabelStyles = "text-sm font-medium leading-5 text-foreground";
+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";
 export declare const controlBaseStyles: string;

package/dist/select-BFwx--uK.cjs

@@ -0,0 +1 @@
+const e=require("./cn-BdjraxxU.cjs"),t=require("./component-styles-DOUctc8_.cjs"),n=require("./utils-DOFJTw8o.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}){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((e,r)=>n.a(e)?(0,o.jsxs)(`li`,{children:[(0,o.jsx)(`p`,{className:`px-3 pt-2 pb-1 text-xs font-semibold text-slate-600 uppercase tracking-widest`,children:e.group}),(0,o.jsx)(`ul`,{children:e.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},e.value)})})]},r):(0,o.jsx)(l,{opt:e,listId:t,flatIdx:d.find(t=>t.value===e.value).flatIdx,isActive:d.find(t=>t.value===e.value).flatIdx===f,isSelected:m(e.value),onSelect:h,onHover:p,colorDot:g},e.value))})}),document.body)}function l({opt:t,listId:n,flatIdx:r,isActive:i,isSelected:a,onSelect:s,onHover:c,colorDot:l}){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`),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,id:S,unstyled:C=!1},w)=>{let T=(0,a.useId)(),E=S??T,D=`${E}-list`,O=`${E}-message`,[k,A]=(0,a.useState)(!1),[j,M]=(0,a.useState)(l??``),[N,P]=(0,a.useState)(-1),F=(0,a.useRef)(null),I=(0,a.useRef)(null),L=r.t(e=>u?.(e)),R=s===void 0?j:s,z=(0,a.useMemo)(()=>n.i(i),[i]),B=(0,a.useMemo)(()=>z.find(e=>e.value===R),[z,R]),V=(0,a.useCallback)(e=>{s===void 0&&M(e.value),L(e.value),A(!1),P(-1)},[s,L]),H=(0,a.useCallback)(e=>{e.stopPropagation(),s===void 0&&M(``),L(``)},[s,L]),U=(0,a.useCallback)(e=>{if(!k){if([`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)){e.preventDefault(),A(!0);let t=z.find(e=>e.value===R&&e.flatIdx>=0)?.flatIdx??-1,n=z.filter(e=>e.flatIdx>=0);P(t>=0?t:e.key===`ArrowUp`?n[n.length-1]?.flatIdx??-1:n[0]?.flatIdx??-1)}return}if(e.key===`ArrowDown`)e.preventDefault(),P(e=>{let t=z.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(),P(e=>{let t=z.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=z.find(e=>e.flatIdx===N);t&&V(t)}else(e.key===`Escape`||e.key===`Tab`)&&(A(!1),P(-1))},[k,z,R,N,V]);(0,a.useEffect)(()=>{N<0||!I.current||I.current.querySelector(`[data-idx="${N}"]`)?.scrollIntoView({block:`nearest`})},[N]),(0,a.useEffect)(()=>{function e(e){let t=e.target;F.current?.contains(t)||I.current?.contains(t)||A(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let W=n.o(k,F);return C?(0,o.jsxs)(`div`,{ref:F,className:e.t(v,y),children:[(0,o.jsx)(`button`,{ref:w,id:E,type:`button`,role:`combobox`,"aria-expanded":k,onClick:()=>A(e=>!e),className:b,children:B?.label??d}),k&&(0,o.jsx)(`ul`,{ref:I,id:D,className:x,children:z.map(e=>(0,o.jsx)(`li`,{"data-idx":e.flatIdx,onClick:()=>V(e),children:e.label},e.value))})]}):(0,o.jsxs)(`div`,{ref:F,className:e.t(`relative`,t.o,y,v),children:[f&&(0,o.jsxs)(`label`,{htmlFor:E,className:`text-xs font-semibold leading-5 text-foreground`,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:w,id:E,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":k,"aria-controls":D,"aria-activedescendant":k&&N>=0?`${D}-opt-${N}`:void 0,"aria-invalid":m?!0:void 0,"aria-required":g||void 0,"aria-describedby":m||p?O:void 0,disabled:h,onKeyDown:U,onClick:()=>{h||(A(e=>!e),k||P(z.find(e=>e.value===R&&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-2 focus:ring-focus-ring/20`,m&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,h&&`opacity-50 cursor-not-allowed`,b),children:[B?.icon&&(0,o.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400`,children:B.icon}),B?.color&&B.color!=="default"&&(0,o.jsx)(`span`,{className:e.t(`w-2 h-2 rounded-full shrink-0`,n.r[B.color])}),(0,o.jsx)(`span`,{className:e.t(`flex-1 min-w-0 text-sm truncate`,B?`text-foreground`:`text-muted-foreground`),children:B?.label??d}),_&&R&&!h&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:H,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:k})]}),(0,o.jsx)(c,{listId:D,listRef:I,open:k,pos:W,options:i,flat:z,activeIdx:N,setActiveIdx:P,isSelected:e=>e===R,onSelect:V,colorDot:n.r,className:x}),m&&(0,o.jsx)(`p`,{id:O,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:m}),p&&!m&&(0,o.jsx)(`p`,{id:O,className:`text-xs leading-5 text-muted-foreground`,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,id:x,unstyled:S=!1},C)=>{let w=(0,a.useId)(),T=x??w,E=`${T}-list`,D=`${T}-message`,[O,k]=(0,a.useState)(!1),[A,j]=(0,a.useState)(s??[]),[M,N]=(0,a.useState)(-1),P=(0,a.useRef)(null),F=(0,a.useRef)(null),I=i===void 0?A:i,L=n.i(r),R=L.filter(e=>I.includes(e.value));function z(e){let t=I.includes(e.value)?I.filter(t=>t!==e.value):[...I,e.value];i===void 0&&j(t),l?.(t)}function B(e,t){t.stopPropagation();let n=I.filter(t=>t!==e);i===void 0&&j(n),l?.(n)}function V(e){e.stopPropagation(),i===void 0&&j([]),l?.([])}function H(e){if(!O){[`Enter`,` `,`ArrowDown`,`ArrowUp`].includes(e.key)&&(e.preventDefault(),k(!0));return}if(e.key===`ArrowDown`)e.preventDefault(),N(e=>{let t=L.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(),N(e=>{let t=L.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=L.find(e=>e.flatIdx===M);t&&z(t)}else(e.key===`Escape`||e.key===`Tab`)&&(k(!1),N(-1))}(0,a.useEffect)(()=>{M<0||!F.current||F.current.querySelector(`[data-idx="${M}"]`)?.scrollIntoView({block:`nearest`})},[M]),(0,a.useEffect)(()=>{function e(e){let t=e.target;P.current?.contains(t)||F.current?.contains(t)||k(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let U=n.o(O,P);return S?(0,o.jsxs)(`div`,{ref:P,className:e.t(_,v),children:[(0,o.jsx)(`button`,{ref:C,id:T,type:`button`,role:`combobox`,"aria-expanded":O,"aria-controls":E,onKeyDown:H,onClick:()=>k(e=>!e),className:y,children:R.length>0?R.map(e=>e.label).join(`, `):u}),(0,o.jsx)(c,{listId:E,listRef:F,open:O,pos:U,options:r,flat:L,activeIdx:M,setActiveIdx:N,isSelected:e=>I.includes(e),onSelect:z,multiselectable:!0,colorDot:n.r,className:b})]}):(0,o.jsxs)(`div`,{ref:P,className:e.t(`relative`,t.o,v,_),children:[d&&(0,o.jsxs)(`label`,{htmlFor:T,className:`text-xs font-semibold leading-5 text-foreground`,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:C,id:T,type:`button`,role:`combobox`,"aria-haspopup":`listbox`,"aria-expanded":O,"aria-controls":E,"aria-activedescendant":O&&M>=0?`${E}-opt-${M}`:void 0,"aria-invalid":p?!0:void 0,"aria-required":h||void 0,"aria-describedby":p||f?D:void 0,disabled:m,onKeyDown:H,onClick:()=>{m||k(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-2 focus:ring-focus-ring/20`,p&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,m&&`opacity-50 cursor-not-allowed`,y),children:[R.length===0?(0,o.jsx)(`span`,{className:`flex-1 text-sm text-slate-500 truncate`,children:u}):R.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=>B(t.value,e),className:`shrink-0 text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white 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&&I.length>0&&!m&&(0,o.jsx)(`span`,{role:`button`,tabIndex:-1,onClick:V,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,{})}),I.length>0&&(0,o.jsx)(`span`,{className:`text-[10px] font-medium text-slate-500 tabular-nums`,children:I.length}),(0,o.jsx)(n.t,{open:O})]})]}),(0,o.jsx)(c,{listId:E,listRef:F,open:O,pos:U,options:r,flat:L,activeIdx:M,setActiveIdx:N,isSelected:e=>I.includes(e),onSelect:z,multiselectable:!0,colorDot:n.r,className:b}),p&&(0,o.jsx)(`p`,{id:D,"aria-live":`polite`,className:`text-xs leading-5 text-destructive`,children:p}),f&&!p&&(0,o.jsx)(`p`,{id:D,className:`text-xs leading-5 text-muted-foreground`,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}});

package/dist/{select-Ch5fp1GT.js → select-ClWrcj3R.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DpgY2leY.js";
-import { o as t, t as n } from "./component-styles-Ce56hn9T.js";
+import { o as t, t as n } from "./component-styles-Bgy44fc8.js";
 import { a as r, i, n as a, o, r as s, t as c } from "./utils-CQ8pvCtk.js";
 import { t as l } from "./use-event-callback-DGkfO_uu.js";
 import { AnimatePresence as u, motion as d } from "framer-motion";
@@ -187,7 +187,7 @@ var T = f(({ options: r, value: u, defaultValue: d, onChange: f, placeholder: S
 		children: [
 			w && /* @__PURE__ */ x("label", {
 				htmlFor: R,
-				className: "text-sm font-medium leading-5 text-foreground",
+				className: "text-xs font-semibold leading-5 text-foreground",
 				children: [w, O && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
 					"aria-hidden": "true",
 					className: "ml-1 text-destructive",
@@ -349,7 +349,7 @@ var E = f(({ options: r, value: l, defaultValue: u, onChange: d, placeholder: f
 		children: [
 			p && /* @__PURE__ */ x("label", {
 				htmlFor: F,
-				className: "text-sm font-medium leading-5 text-foreground",
+				className: "text-xs font-semibold leading-5 text-foreground",
 				children: [p, T && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("span", {
 					"aria-hidden": "true",
 					className: "ml-1 text-destructive",