@bzync/rui 0.0.3

package/dist/drawer-CqkVZT9Y.js

@@ -0,0 +1,189 @@
+import { t as e } from "./cn-DpgY2leY.js";
+import { c as t } from "./component-styles-Ce56hn9T.js";
+import { t as n } from "./use-event-callback-DGkfO_uu.js";
+import { t as r } from "./focus-Dk1YWVPN.js";
+import { t as i } from "./createLucideIcon-DDY8HuQR.js";
+import { AnimatePresence as a, motion as o } from "framer-motion";
+import { useEffect as s, useId as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+var m = i("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region src/components/drawer.tsx
+function h({ open: i, onClose: h, position: g = "left", title: _, children: v, width: y = 320, className: b, overlayClassName: x, panelClassName: S, unstyled: C = !1, ariaLabel: w = "Drawer", closeAriaLabel: T = "Close drawer", closeOnEscape: E = !0, closeOnOverlayClick: D = !0 }) {
+	let O = n(h), k = l(null), A = l(null), j = l(i), M = c();
+	i && !j.current && typeof document < "u" && document.activeElement instanceof HTMLElement && (A.current = document.activeElement), j.current = i, s(() => {
+		if (i) return;
+		let e = (e) => {
+			e.target instanceof HTMLElement && (A.current = e.target);
+		};
+		return !A.current && document.activeElement instanceof HTMLElement && (A.current = document.activeElement), document.addEventListener("focusin", e), () => document.removeEventListener("focusin", e);
+	}, [i]), s(() => {
+		if (!i) return;
+		!A.current && document.activeElement instanceof HTMLElement && (A.current = document.activeElement);
+		let e = document.body.style.overflow, t = (e) => {
+			if (e.key === "Escape" && E) {
+				e.preventDefault(), O();
+				return;
+			}
+			if (e.key === "Tab" && k.current) {
+				let t = r(k.current);
+				if (t.length === 0) {
+					e.preventDefault(), k.current.focus();
+					return;
+				}
+				let n = t[0], i = t[t.length - 1];
+				e.shiftKey && document.activeElement === n ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), n.focus());
+			}
+		};
+		document.addEventListener("keydown", t), document.body.style.overflow = "hidden";
+		let n = window.setTimeout(() => {
+			(k.current?.querySelector("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])") ?? k.current)?.focus();
+		}, 0);
+		return () => {
+			clearTimeout(n), document.removeEventListener("keydown", t), document.body.style.overflow = e;
+		};
+	}, [
+		E,
+		i,
+		O
+	]), s(() => {
+		if (i || !A.current) return;
+		let e = A.current, t = window.setTimeout(() => e.focus(), 240);
+		return () => window.clearTimeout(t);
+	}, [i]);
+	let N = () => {
+		let e = A.current;
+		A.current = null, window.setTimeout(() => e?.focus(), 0);
+	};
+	if (typeof document > "u") return null;
+	if (C && i) return p(/* @__PURE__ */ d("div", {
+		ref: k,
+		tabIndex: -1,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": typeof _ == "string" ? _ : w,
+		className: e(b, S),
+		children: v
+	}), document.body);
+	if (g === "bottom") return p(/* @__PURE__ */ d(a, {
+		onExitComplete: N,
+		children: i && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o.div, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .16 },
+			className: e("fixed inset-0 z-[100] bg-overlay", x),
+			onClick: D ? O : void 0
+		}, "drawer-backdrop"), /* @__PURE__ */ f(o.div, {
+			ref: k,
+			tabIndex: -1,
+			initial: { y: "100%" },
+			animate: { y: 0 },
+			exit: { y: "100%" },
+			transition: {
+				duration: .22,
+				ease: [
+					.16,
+					1,
+					.3,
+					1
+				]
+			},
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": _ ? M : void 0,
+			"aria-label": _ ? void 0 : w,
+			className: e("fixed bottom-0 left-0 right-0 z-[101] flex max-h-[80dvh] flex-col rounded-t-[var(--radius-xl)] border-t border-border bg-surface-raised shadow-overlay", S, b),
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: "flex justify-center pb-1 pt-3 shrink-0",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ d("div", { className: "h-1 w-9 rounded-full bg-border-strong" })
+				}),
+				_ && /* @__PURE__ */ f("div", {
+					className: "flex items-center justify-between border-b border-border px-5 py-3 shrink-0",
+					children: [/* @__PURE__ */ d("h2", {
+						id: M,
+						className: "text-sm font-semibold text-foreground",
+						children: _
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: O,
+						className: t,
+						"aria-label": T,
+						children: /* @__PURE__ */ d(m, {
+							size: 14,
+							"aria-hidden": "true"
+						})
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex-1 overflow-y-auto pb-safe-bottom",
+					children: v
+				})
+			]
+		}, "drawer-panel")] })
+	}), document.body);
+	let P = g === "left" ? "-100%" : "100%";
+	return p(/* @__PURE__ */ d(a, {
+		onExitComplete: N,
+		children: i && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o.div, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: { duration: .16 },
+			className: e("fixed inset-0 z-[100] bg-overlay", x),
+			onClick: D ? O : void 0
+		}, "drawer-backdrop"), /* @__PURE__ */ f(o.div, {
+			ref: k,
+			tabIndex: -1,
+			initial: { x: P },
+			animate: { x: 0 },
+			exit: { x: P },
+			transition: {
+				duration: .22,
+				ease: [
+					.16,
+					1,
+					.3,
+					1
+				]
+			},
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": _ ? M : void 0,
+			"aria-label": _ ? void 0 : w,
+			className: e("fixed top-0 bottom-0 z-[101] flex max-w-[100vw] flex-col bg-surface-raised shadow-overlay", g === "left" ? "left-0 border-r border-border" : "right-0 border-l border-border", S, b),
+			style: { width: y },
+			children: [_ && /* @__PURE__ */ f("div", {
+				className: "flex h-14 items-center justify-between gap-3 border-b border-border px-5 shrink-0",
+				children: [/* @__PURE__ */ d("h2", {
+					id: M,
+					className: "min-w-0 truncate text-sm font-semibold text-foreground",
+					children: _
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: O,
+					className: t,
+					"aria-label": T,
+					children: /* @__PURE__ */ d(m, {
+						size: 14,
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "flex-1 overflow-y-auto",
+				children: v
+			})]
+		}, "drawer-panel")] })
+	}), document.body);
+}
+//#endregion
+export { h as t };

package/dist/focus-Dk1YWVPN.js

@@ -0,0 +1,42 @@
+//#region src/constants/index.ts
+var e = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(","), t = {
+	Escape: "Escape",
+	Enter: "Enter",
+	Space: " ",
+	ArrowUp: "ArrowUp",
+	ArrowDown: "ArrowDown",
+	ArrowLeft: "ArrowLeft",
+	ArrowRight: "ArrowRight",
+	Home: "Home",
+	End: "End",
+	Tab: "Tab"
+}, n = {
+	instant: 0,
+	fast: 120,
+	normal: 200,
+	slow: 320
+};
+//#endregion
+//#region src/utils/focus.ts
+function r(t) {
+	return Array.from(t.querySelectorAll(e)).filter((e) => !e.hidden && e.getAttribute("aria-hidden") !== "true");
+}
+function i(e, t) {
+	if (t.key !== "Tab") return;
+	let n = r(e);
+	if (n.length === 0) {
+		t.preventDefault(), e.focus();
+		return;
+	}
+	let i = n[0], a = n[n.length - 1];
+	t.shiftKey && document.activeElement === i ? (t.preventDefault(), a.focus()) : !t.shiftKey && document.activeElement === a && (t.preventDefault(), i.focus());
+}
+//#endregion
+export { t as a, e as i, i as n, n as r, r as t };

package/dist/focus-DmG6Ge7X.cjs

@@ -0,0 +1 @@
+var e=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`,`),t={Escape:`Escape`,Enter:`Enter`,Space:` `,ArrowUp:`ArrowUp`,ArrowDown:`ArrowDown`,ArrowLeft:`ArrowLeft`,ArrowRight:`ArrowRight`,Home:`Home`,End:`End`,Tab:`Tab`},n={instant:0,fast:120,normal:200,slow:320};function r(t){return Array.from(t.querySelectorAll(e)).filter(e=>!e.hidden&&e.getAttribute(`aria-hidden`)!==`true`)}function i(e,t){if(t.key!==`Tab`)return;let n=r(e);if(n.length===0){t.preventDefault(),e.focus();return}let i=n[0],a=n[n.length-1];t.shiftKey&&document.activeElement===i?(t.preventDefault(),a.focus()):!t.shiftKey&&document.activeElement===a&&(t.preventDefault(),i.focus())}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./cn-BdjraxxU.cjs"),t=require("./components/accordion.cjs"),n=require("./calendar-Bnld4G59.cjs"),r=require("./components/alert.cjs"),i=require("./components/auth-backdrop.cjs"),a=require("./autocomplete-CaysJRpk.cjs"),o=require("./use-event-callback-Du9_9eAi.cjs"),s=require("./components/avatar.cjs"),c=require("./components/badge.cjs"),l=require("./components/billing-interval-toggle.cjs"),u=require("./components/breadcrumb.cjs"),d=require("./components/button.cjs"),f=require("./components/callout.cjs"),p=require("./components/card.cjs"),m=require("./charts-UDqS1BH1.cjs"),h=require("./components/checkbox.cjs"),g=require("./components/code.cjs"),_=require("./focus-DmG6Ge7X.cjs"),v=require("./components/command.cjs"),y=require("./components/modal.cjs"),b=require("./components/confirm-dialog.cjs"),x=require("./components/copy-button.cjs"),ee=require("./datatable-BB3v__r5.cjs"),te=require("./components/datepicker.cjs"),ne=require("./theme-toggle-Dp1-24zH.cjs"),re=require("./drawer-Cbuh6qdL.cjs"),ie=require("./components/dropdown-menu.cjs"),ae=require("./components/empty-state.cjs"),oe=require("./components/error-state.cjs"),se=require("./components/file-upload.cjs"),S=require("./components/form-field.cjs"),C=require("./components/input.cjs"),w=require("./components/info-button.cjs"),T=require("./components/kbd.cjs"),E=require("./components/label.cjs"),D=require("./components/link.cjs"),O=require("./components/list.cjs"),k=require("./components/layout.cjs"),A=require("./components/navigation.cjs"),j=require("./components/number-input.cjs"),M=require("./components/otp-input.cjs"),N=require("./components/pagination.cjs"),P=require("./components/popover.cjs"),F=require("./components/progressbar.cjs"),I=require("./components/radio.cjs"),L=require("./components/richtext.cjs"),R=require("./select-q0YCMhBP.cjs"),z=require("./components/separator.cjs"),B=require("./components/skeleton.cjs"),V=require("./components/slider.cjs"),H=require("./components/snackbar.cjs"),U=require("./components/spinner.cjs"),W=require("./components/stat.cjs"),G=require("./components/status-dot.cjs"),ce=require("./components/stepper.cjs"),le=require("./components/switch.cjs"),K=require("./components/table.cjs"),q=require("./components/tabs.cjs"),ue=require("./components/tag.cjs"),J=require("./terminal-CpraMs50.cjs"),de=require("./components/textarea.cjs"),fe=require("./components/timeline.cjs"),pe=require("./components/tooltip.cjs"),Y=require("./components/theme-provider.cjs"),me=require("./components/tree.cjs"),X=require("./components/seo.cjs");let Z=require("react"),Q=require("react/jsx-runtime");function he(){let e=(0,Z.useRef)(!1);return(0,Z.useEffect)(()=>(e.current=!0,()=>{e.current=!1}),[]),(0,Z.useCallback)(()=>e.current,[])}var ge=typeof window<`u`?Z.useLayoutEffect:Z.useEffect;function _e(e){let t=(0,Z.useRef)(void 0);return(0,Z.useEffect)(()=>{t.current=e},[e]),t.current}function ve(e,t){let n=(0,Z.useRef)(!1);(0,Z.useEffect)(()=>{if(!n.current){n.current=!0;return}return e()},t)}function ye({value:e,defaultValue:t,onChange:n}){let[r,i]=(0,Z.useState)(t),a=e!==void 0;return[a?e:r,(0,Z.useCallback)(e=>{a||i(e),n?.(e)},[a,n])]}function be(e){let[t,n]=(0,Z.useState)(()=>typeof window>`u`||window.matchMedia===void 0?!1:window.matchMedia(e).matches);return(0,Z.useEffect)(()=>{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)}},[e]),t}function $(e=[]){let t=(0,Z.useRef)(null);return t.current===null&&(t.current=new AbortController),(0,Z.useEffect)(()=>{let e=new AbortController;return t.current=e,()=>e.abort()},e),t.current.signal}function xe(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}function Se(e,t){if(!e)throw Error(t)}var Ce=class extends Z.Component{state={hasError:!1,error:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.props.onError?.(e,t)}reset=()=>{this.props.onReset?.(),this.setState({hasError:!1,error:null})};render(){if(this.state.hasError){let{fallback:e}=this.props;return typeof e==`function`?e(this.state.error,this.reset):e||(0,Q.jsxs)(`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:[(0,Q.jsx)(`p`,{className:`font-medium`,children:`Something went wrong.`}),(0,Q.jsx)(`p`,{className:`mt-1 text-xs opacity-80`,children:this.state.error?.message}),(0,Q.jsx)(`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`,children:`Try again`})]})}return this.props.children}};function we(e,t){let n=(0,Z.useRef)(null);(0,Z.useEffect)(()=>{let t=new AbortController;n.current=t;let r=!0,i=e({signal:t.signal,isMounted:()=>r});return()=>{r=!1,t.abort(),typeof i==`function`&&i()}},t)}function Te(e){let t=o.t(e);(0,Z.useEffect)(()=>t(),[t])}function Ee(e){let t=o.t(e);(0,Z.useEffect)(()=>()=>t(),[t])}exports.Accordion=t.Accordion,exports.Alert=r.Alert,exports.AppShell=k.AppShell,exports.AppShellBody=k.AppShellBody,exports.AppShellHeader=k.AppShellHeader,exports.AppShellMain=k.AppShellMain,exports.ArticleJsonLd=X.ArticleJsonLd,exports.AuthBackdrop=i.AuthBackdrop,exports.Autocomplete=a.t,exports.Avatar=s.Avatar,exports.Badge=c.Badge,exports.BarChart=m.u,exports.BillingIntervalToggle=l.BillingIntervalToggle,exports.BottomBar=A.BottomBar,exports.BrandLink=A.BrandLink,exports.Breadcrumb=u.Breadcrumb,exports.BreadcrumbJsonLd=X.BreadcrumbJsonLd,exports.Button=d.Button,exports.Calendar=n.t,exports.Callout=f.Callout,exports.Card=p.Card,exports.CardBody=p.CardBody,exports.CardDescription=p.CardDescription,exports.CardFooter=p.CardFooter,exports.CardHeader=p.CardHeader,exports.CardTitle=p.CardTitle,exports.Checkbox=h.Checkbox,exports.CodeBlock=g.CodeBlock,exports.CodeEditor=g.CodeEditor,exports.Collapsible=t.Collapsible,exports.CommandPalette=v.CommandPalette,exports.CommandProvider=v.CommandProvider,exports.ConfirmDialog=b.ConfirmDialog,exports.Container=k.Container,exports.CopyButton=x.CopyButton,exports.DURATIONS=_.r,exports.DataTable=ee.t,exports.DatePicker=te.DatePicker,exports.DonutChart=m.s,exports.Drawer=re.t,exports.DropdownMenu=ie.DropdownMenu,exports.EmptyState=ae.EmptyState,exports.ErrorBoundary=Ce,exports.ErrorState=oe.ErrorState,exports.FOCUSABLE_SELECTOR=_.i,exports.FileUpload=se.FileUpload,exports.Footer=k.Footer,exports.FormField=S.FormField,exports.FunnelChart=m.n,exports.GanttChart=m.a,exports.HeatmapChart=m.i,exports.IconButton=A.IconButton,exports.InfoButton=w.InfoButton,exports.Inline=k.Inline,exports.InlineCode=g.InlineCode,exports.Input=C.Input,exports.KEY=_.a,exports.Kbd=T.Kbd,exports.Label=E.Label,exports.LineChart=m.l,exports.Link=D.Link,exports.List=O.List,exports.ListItem=O.ListItem,exports.Modal=y.Modal,exports.ModalBody=y.ModalBody,exports.ModalDescription=y.ModalDescription,exports.ModalFooter=y.ModalFooter,exports.ModalHeader=y.ModalHeader,exports.ModalTitle=y.ModalTitle,exports.MultiLineChart=m.c,exports.Navbar=A.Navbar,exports.NavigationLink=A.NavigationLink,exports.NumberInput=j.NumberInput,exports.OtpInput=M.OtpInput,exports.PageHeader=k.PageHeader,exports.Pagination=N.Pagination,exports.Popover=P.Popover,exports.PopoverContent=P.PopoverContent,exports.Progressbar=F.Progressbar,exports.RadarChart=m.r,exports.Radio=I.Radio,exports.RadioGroup=I.RadioGroup,exports.RichTextEditor=L.RichTextEditor,exports.ScatterChart=m.o,exports.Select=R.t,exports.SeoImage=X.SeoImage,exports.Separator=z.Separator,exports.Sidebar=A.Sidebar,exports.Skeleton=B.Skeleton,exports.SkeletonAvatar=B.SkeletonAvatar,exports.SkeletonCard=B.SkeletonCard,exports.SkeletonTable=B.SkeletonTable,exports.SkeletonText=B.SkeletonText,exports.SkeletonTopbar=B.SkeletonTopbar,exports.Slider=V.Slider,exports.SnackbarProvider=H.SnackbarProvider,exports.Spinner=U.Spinner,exports.Stack=k.Stack,exports.Stat=W.Stat,exports.StatusDot=G.StatusDot,exports.Stepper=ce.Stepper,exports.StructuredData=X.StructuredData,exports.Switch=le.Switch,exports.Table=K.Table,exports.TableBody=K.TableBody,exports.TableCell=K.TableCell,exports.TableHead=K.TableHead,exports.TableHeader=K.TableHeader,exports.TableRow=K.TableRow,exports.Tabs=q.Tabs,exports.TabsContent=q.TabsContent,exports.TabsList=q.TabsList,exports.TabsTrigger=q.TabsTrigger,exports.Tag=ue.Tag,exports.TerminalBlock=J.n,exports.TerminalEmulator=J.t,exports.Textarea=de.Textarea,exports.ThemeProvider=Y.ThemeProvider,exports.ThemeToggle=ne.t,exports.Timeline=fe.Timeline,exports.Tooltip=pe.Tooltip,exports.Topbar=A.Topbar,exports.TopbarTitle=A.TopbarTitle,exports.Tree=me.Tree,exports.WaterfallChart=m.t,exports.badgeVariants=c.badgeVariants,exports.buttonSizes=d.buttonSizes,exports.buttonVariants=d.buttonVariants,exports.cardVariants=p.cardVariants,exports.cn=e.t,exports.getFocusable=_.t,exports.invariant=Se,exports.portalTarget=xe,exports.trapFocus=_.n,exports.useAbortSignal=$,exports.useCommand=v.useCommand,exports.useControllableState=ye,exports.useEventCallback=o.t,exports.useIsMounted=he,exports.useIsomorphicLayoutEffect=ge,exports.useMediaQuery=be,exports.useMountEffect=Te,exports.usePrevious=_e,exports.useSafeEffect=we,exports.useSnackbar=H.useSnackbar,exports.useTheme=Y.useTheme,exports.useUnmountEffect=Ee,exports.useUpdateEffect=ve;

package/dist/index.d.ts

@@ -0,0 +1,70 @@
+export * from './components/accordion';
+export * from './components/calendar';
+export * from './components/alert';
+export * from './components/auth-backdrop';
+export * from './components/autocomplete';
+export * from './components/avatar';
+export * from './components/badge';
+export * from './components/billing-interval-toggle';
+export * from './components/breadcrumb';
+export * from './components/button';
+export * from './components/callout';
+export * from './components/card';
+export * from './components/charts';
+export * from './components/checkbox';
+export * from './components/code';
+export * from './components/command';
+export * from './components/confirm-dialog';
+export * from './components/copy-button';
+export * from './components/datatable';
+export * from './components/datepicker';
+export * from './components/drawer';
+export * from './components/dropdown-menu';
+export * from './components/empty-state';
+export * from './components/error-state';
+export * from './components/file-upload';
+export * from './components/form-field';
+export * from './components/input';
+export * from './components/info-button';
+export * from './components/kbd';
+export * from './components/label';
+export * from './components/link';
+export * from './components/list';
+export * from './components/layout';
+export * from './components/modal';
+export * from './components/navigation';
+export * from './components/number-input';
+export * from './components/otp-input';
+export * from './components/pagination';
+export * from './components/popover';
+export * from './components/progressbar';
+export * from './components/radio';
+export * from './components/richtext';
+export * from './components/select';
+export * from './components/separator';
+export * from './components/skeleton';
+export * from './components/slider';
+export * from './components/snackbar';
+export * from './components/spinner';
+export * from './components/stat';
+export * from './components/status-dot';
+export * from './components/stepper';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/terminal';
+export * from './components/textarea';
+export * from './components/timeline';
+export * from './components/tooltip';
+export * from './components/theme-provider';
+export * from './components/theme-toggle';
+export * from './components/tree';
+export * from './lib/cn';
+export * from './hooks';
+export * from './types';
+export * from './constants';
+export * from './utils';
+export * from './errors/error-boundary';
+export * from './lifecycle';
+export * from './components/seo';

package/dist/index.js

@@ -0,0 +1,215 @@
+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 { 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";
+//#region src/hooks/use-is-mounted.ts
+function Ft() {
+	let e = Z(!1);
+	return X(() => (e.current = !0, () => {
+		e.current = !1;
+	}), []), Y(() => e.current, []);
+}
+//#endregion
+//#region src/hooks/use-isomorphic-layout-effect.ts
+var It = typeof window < "u" ? Nt : X;
+//#endregion
+//#region src/hooks/use-previous.ts
+function Lt(e) {
+	let t = Z(void 0);
+	return X(() => {
+		t.current = e;
+	}, [e]), t.current;
+}
+//#endregion
+//#region src/hooks/use-update-effect.ts
+function Rt(e, t) {
+	let n = Z(!1);
+	X(() => {
+		if (!n.current) {
+			n.current = !0;
+			return;
+		}
+		return e();
+	}, t);
+}
+//#endregion
+//#region src/hooks/use-controllable-state.ts
+function zt({ 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);
+	}, [a, n])];
+}
+//#endregion
+//#region src/hooks/use-media-query.ts
+function Bt(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);
+		return t.addEventListener ? t.addEventListener("change", r) : t.addListener(r), () => {
+			t.removeEventListener ? t.removeEventListener("change", r) : t.removeListener(r);
+		};
+	}, [e]), t;
+}
+//#endregion
+//#region src/hooks/use-abort-signal.ts
+function Vt(e = []) {
+	let t = Z(null);
+	return t.current === null && (t.current = new AbortController()), X(() => {
+		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") {
+	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) {
+	if (!e) throw Error(t);
+}
+//#endregion
+//#region src/errors/error-boundary.tsx
+var Wt = class extends Mt {
+	state = {
+		hasError: !1,
+		error: null
+	};
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		this.props.onError?.(e, t);
+	}
+	reset = () => {
+		this.props.onReset?.(), this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		if (this.state.hasError) {
+			let { fallback: e } = this.props;
+			return typeof e == "function" ? e(this.state.error, this.reset) : e || /* @__PURE__ */ Pt("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: [
+					/* @__PURE__ */ $("p", {
+						className: "font-medium",
+						children: "Something went wrong."
+					}),
+					/* @__PURE__ */ $("p", {
+						className: "mt-1 text-xs opacity-80",
+						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",
+						children: "Try again"
+					})
+				]
+			});
+		}
+		return this.props.children;
+	}
+};
+//#endregion
+//#region src/lifecycle/create-safe-effect.ts
+function Gt(e, t) {
+	let n = Z(null);
+	X(() => {
+		let t = new AbortController();
+		n.current = t;
+		let r = !0, i = e({
+			signal: t.signal,
+			isMounted: () => r
+		});
+		return () => {
+			r = !1, t.abort(), typeof i == "function" && i();
+		};
+	}, t);
+}
+//#endregion
+//#region src/lifecycle/mount.ts
+function Kt(e) {
+	let t = o(e);
+	X(() => t(), [t]);
+}
+function qt(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 };

package/dist/lib/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

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

@@ -0,0 +1,10 @@
+/** 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 fieldDescriptionStyles = "text-xs leading-5 text-muted-foreground";
+export declare const fieldErrorStyles = "text-xs leading-5 text-destructive";
+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 iconButtonStyles: string;