@bzync/rui 0.0.3

package/dist/components/tag.js

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

package/dist/components/terminal/fs.d.ts

@@ -0,0 +1,10 @@
+import { FSDir, FSEntry, FSFile, ShellState } from './types';
+export declare function mkfile(content: string, executable?: boolean): FSFile;
+export declare function mkdir(children?: Record<string, FSEntry>): FSDir;
+export declare function buildFS(): FSDir;
+export declare function pathJoin(...parts: string[]): string;
+export declare function pathParts(p: string): string[];
+export declare function resolve(s: ShellState, p: string): string;
+export declare function getEntry(root: FSDir, path: string): FSEntry | null;
+export declare function getParent(root: FSDir, path: string): [FSDir, string] | null;
+export declare function cwdStr(s: ShellState): string;

package/dist/components/terminal/shell-commands-sim.d.ts

@@ -0,0 +1,5 @@
+import { CmdResult, ShellState } from './types';
+export declare function cmdGit(s: ShellState, args: string[]): CmdResult;
+export declare function cmdApt(args: string[]): CmdResult;
+export declare function cmdPing(args: string[]): CmdResult;
+export declare function cmdHelp(): CmdResult;

package/dist/components/terminal/shell-commands.d.ts

@@ -0,0 +1,16 @@
+import { CmdResult, ShellState } from './types';
+export declare function parseArgs(input: string): string[];
+export declare function expandEnv(s: ShellState, str: string): string;
+export declare function err(msg: string): CmdResult;
+export declare function out(...lines: string[]): CmdResult;
+export declare function cmdLs(s: ShellState, args: string[]): CmdResult;
+export declare function cmdCd(s: ShellState, args: string[]): CmdResult;
+export declare function cmdCat(s: ShellState, args: string[]): CmdResult;
+export declare function cmdMkdir(s: ShellState, args: string[]): CmdResult;
+export declare function cmdTouch(s: ShellState, args: string[]): CmdResult;
+export declare function cmdRm(s: ShellState, args: string[]): CmdResult;
+export declare function cmdCpMv(s: ShellState, args: string[], move: boolean): CmdResult;
+export declare function cmdGrep(s: ShellState, args: string[]): CmdResult;
+export declare function cmdFind(s: ShellState, args: string[]): CmdResult;
+export declare function cmdWc(s: ShellState, args: string[]): CmdResult;
+export declare function cmdHeadTail(s: ShellState, args: string[], tail: boolean): CmdResult;

package/dist/components/terminal/shell-run.d.ts

@@ -0,0 +1,11 @@
+import { OutLine, ShellState, Span } from './types';
+export declare function run(s: ShellState, raw: string): {
+    lines: OutLine[];
+    next: ShellState;
+    clear?: boolean;
+};
+export declare function tabComplete(s: ShellState, input: string): {
+    value: string;
+    completions: string[];
+};
+export declare function promptSpans(s: ShellState): Span[];

package/dist/components/terminal/terminal-block.d.ts

@@ -0,0 +1,13 @@
+export type TerminalLineType = "command" | "output" | "error" | "success" | "info" | "muted";
+export interface TerminalLine {
+    type?: TerminalLineType;
+    text: string;
+    prompt?: string;
+}
+export interface TerminalBlockProps {
+    lines: TerminalLine[];
+    title?: string;
+    prompt?: string;
+    className?: string;
+}
+export declare function TerminalBlock({ lines, title, prompt, className }: TerminalBlockProps): import("react").JSX.Element;

package/dist/components/terminal/terminal-emulator.d.ts

@@ -0,0 +1,10 @@
+import { TerminalLine } from './terminal-block';
+export interface TerminalEmulatorProps {
+    title?: string;
+    user?: string;
+    hostname?: string;
+    className?: string;
+    /** @deprecated use built-in shell — pass initialLines for welcome text */
+    initialLines?: TerminalLine[];
+}
+export declare function TerminalEmulator({ title, user, hostname, className }: TerminalEmulatorProps): import("react").JSX.Element;

package/dist/components/terminal/types.d.ts

@@ -0,0 +1,35 @@
+export interface Span {
+    text: string;
+    cls?: string;
+}
+export interface OutLine {
+    spans: Span[];
+}
+export interface FSFile {
+    type: "file";
+    content: string;
+    permissions: string;
+    mtime: Date;
+    executable?: boolean;
+}
+export interface FSDir {
+    type: "dir";
+    children: Map<string, FSEntry>;
+    permissions: string;
+    mtime: Date;
+}
+export type FSEntry = FSFile | FSDir;
+export interface ShellState {
+    root: FSDir;
+    cwd: string[];
+    env: Record<string, string>;
+    history: string[];
+    user: string;
+    hostname: string;
+    startTime: Date;
+}
+export type CmdResult = {
+    lines: OutLine[];
+    patch?: Partial<ShellState>;
+    clear?: boolean;
+};

package/dist/components/terminal.cjs

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

package/dist/components/terminal.d.ts

@@ -0,0 +1,2 @@
+export { TerminalBlock, type TerminalLine, type TerminalLineType, type TerminalBlockProps } from './terminal/terminal-block';
+export { TerminalEmulator, type TerminalEmulatorProps } from './terminal/terminal-emulator';

package/dist/components/terminal.js

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

package/dist/components/textarea.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={sm:`min-h-[64px] px-2 py-1.5 text-xs`,md:`min-h-[88px] px-3 py-2.5 text-sm`,lg:`min-h-[120px] px-4 py-3 text-sm`},a=(0,n.forwardRef)(({className:a,wrapperClassName:o,labelClassName:s,messageClassName:c,label:l,hint:u,error:d,size:f=`md`,id:p,autoComplete:m=`on`,required:h,...g},_)=>{let v=(0,n.useId)(),y=p??v,b=`${y}-message`;return(0,r.jsxs)(`div`,{className:e.t(t.o,o),children:[l&&(0,r.jsxs)(`label`,{htmlFor:y,className:e.t(`text-sm font-medium leading-5 text-foreground`,s),children:[l,h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,className:`ml-1 text-destructive`,children:`*`}),(0,r.jsx)(`span`,{className:`sr-only`,children:` (required)`})]})]}),(0,r.jsx)(`textarea`,{ref:_,id:y,required:h,"aria-invalid":d?!0:void 0,"aria-describedby":d||u?b:void 0,autoComplete:m,className:e.t(`w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y`,t.t,i[f],`focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20`,d&&`border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20`,`disabled:cursor-not-allowed disabled:opacity-50`,a),...g}),d&&(0,r.jsx)(`p`,{id:b,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,c),children:d}),u&&!d&&(0,r.jsx)(`p`,{id:b,className:e.t(`text-xs leading-5 text-muted-foreground`,c),children:u})]})});a.displayName=`Textarea`,exports.Textarea=a;

package/dist/components/textarea.d.ts

@@ -0,0 +1,13 @@
+import { TextareaHTMLAttributes } from 'react';
+type TextareaSize = "sm" | "md" | "lg";
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    size?: TextareaSize;
+    wrapperClassName?: string;
+    labelClassName?: string;
+    messageClassName?: string;
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/textarea.js

@@ -0,0 +1,54 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { o as t, t as n } from "../component-styles-Ce56hn9T.js";
+import { forwardRef as r, useId as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/textarea.tsx
+var c = {
+	sm: "min-h-[64px] px-2 py-1.5 text-xs",
+	md: "min-h-[88px] px-3 py-2.5 text-sm",
+	lg: "min-h-[120px] px-4 py-3 text-sm"
+}, l = r(({ className: r, wrapperClassName: l, labelClassName: u, messageClassName: d, label: f, hint: p, error: m, size: h = "md", id: g, autoComplete: _ = "on", required: v, ...y }, b) => {
+	let x = i(), S = g ?? x, C = `${S}-message`;
+	return /* @__PURE__ */ s("div", {
+		className: e(t, l),
+		children: [
+			f && /* @__PURE__ */ s("label", {
+				htmlFor: S,
+				className: e("text-sm font-medium leading-5 text-foreground", u),
+				children: [f, v && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("span", {
+					"aria-hidden": "true",
+					className: "ml-1 text-destructive",
+					children: "*"
+				}), /* @__PURE__ */ o("span", {
+					className: "sr-only",
+					children: " (required)"
+				})] })]
+			}),
+			/* @__PURE__ */ o("textarea", {
+				ref: b,
+				id: S,
+				required: v,
+				"aria-invalid": m ? !0 : void 0,
+				"aria-describedby": m || p ? C : void 0,
+				autoComplete: _,
+				className: e("w-full rounded-[var(--radius-md)] text-foreground placeholder:text-muted-foreground outline-none resize-y", n, c[h], "focus:border-accent-500 focus:ring-2 focus:ring-focus-ring/20", m && "border-destructive/60 hover:border-destructive/70 focus-within:border-destructive focus-within:ring-destructive/20", "disabled:cursor-not-allowed disabled:opacity-50", r),
+				...y
+			}),
+			m && /* @__PURE__ */ o("p", {
+				id: C,
+				"aria-live": "polite",
+				className: e("text-xs leading-5 text-destructive", d),
+				children: m
+			}),
+			p && !m && /* @__PURE__ */ o("p", {
+				id: C,
+				className: e("text-xs leading-5 text-muted-foreground", d),
+				children: p
+			})
+		]
+	});
+});
+l.displayName = "Textarea";
+//#endregion
+export { l as Textarea };

package/dist/components/theme-provider.cjs

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

package/dist/components/theme-provider.d.ts

@@ -0,0 +1,89 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type Theme = "light" | "dark" | "system";
+export type ResolvedTheme = Exclude<Theme, "system">;
+export type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type ColorPalette = Partial<Record<ColorShade, string>>;
+export type ThemeTokens = Partial<Record<`--${string}`, string | number>>;
+/** Radius scale — maps to --radius-* */
+export type ThemeRadius = Partial<Record<"sm" | "md" | "lg" | "xl" | "2xl" | "full", string>>;
+/** Font families — maps to --font-* and scoped rui font variables. */
+export interface ThemeFonts {
+    /** Main sans stack -> --font-sans & --rui-font-family */
+    sans?: string;
+    /** Monospace stack -> --font-mono */
+    mono?: string;
+    /** Display/heading stack -> --font-display & --rui-heading-family */
+    display?: string;
+    /** Explicit heading override -> --rui-heading-family */
+    heading?: string;
+}
+/** Spacing / padding scale — keys become --spacing-* and --padding-* */
+export type ThemeSpacing = Record<string, string>;
+/** Shadow scale — maps to --shadow-* */
+export type ThemeShadows = Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "2xl", string>>;
+/** Semantic surface colors */
+export interface ThemeColors {
+    bg?: string;
+    surface?: string;
+    surfaceRaised?: string;
+    surfaceMuted?: string;
+    border?: string;
+    borderStrong?: string;
+    text?: string;
+    muted?: string;
+    mutedForeground?: string;
+    primary?: string;
+    primaryHover?: string;
+    primaryForeground?: string;
+    danger?: string;
+    dangerForeground?: string;
+    success?: string;
+    warning?: string;
+    info?: string;
+    focusRing?: string;
+}
+export interface ThemePalette {
+    /** Replaces the blue scale used for primary actions, focus rings, and selected states. */
+    accent?: ColorPalette;
+    /** Replaces both the slate and gray scales used by text, borders, and neutral surfaces. */
+    neutral?: ColorPalette;
+    /** Semantic colors (bg, surface, border, etc.) -> --color-* */
+    colors?: ThemeColors;
+    /** Border radii -> --radius-* */
+    radius?: ThemeRadius;
+    /** Font stacks -> --font-* / --rui-* */
+    fonts?: ThemeFonts;
+    /** Spacing / padding -> --spacing-* & --padding-* */
+    spacing?: ThemeSpacing;
+    /** Shadows -> --shadow-* */
+    shadows?: ThemeShadows;
+    /** Arbitrary CSS custom properties, such as `--color-bg` or `--radius-lg`. Escape hatch for anything not covered above. */
+    tokens?: ThemeTokens;
+}
+interface ThemeContextValue {
+    theme: Theme;
+    resolvedTheme: ResolvedTheme;
+    setTheme: (theme: Theme) => void;
+    toggleTheme: () => void;
+}
+export interface ThemeProviderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange"> {
+    children: ReactNode;
+    /** Initial theme when the provider is uncontrolled. */
+    defaultTheme?: Theme;
+    /** Controlled theme value. */
+    theme?: Theme;
+    onThemeChange?: (theme: Theme) => void;
+    /** localStorage key. Set to false to disable persistence. */
+    storageKey?: string | false;
+    /** Theme-independent colors and tokens. */
+    palette?: ThemePalette;
+    /** Overrides only active in light mode. */
+    lightPalette?: ThemePalette;
+    /** Overrides only active in dark mode. */
+    darkPalette?: ThemePalette;
+    /** Also sync the theme class to `<html>`, useful for portals and document backgrounds. */
+    applyToRoot?: boolean;
+}
+export declare function ThemeProvider({ children, defaultTheme, theme: controlledTheme, onThemeChange, storageKey, palette, lightPalette, darkPalette, applyToRoot, className, style, ...props }: ThemeProviderProps): import("react").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/components/theme-provider.js

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

package/dist/components/theme-toggle.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../theme-toggle-Dp1-24zH.cjs");require("./theme-provider.cjs"),exports.ThemeToggle=e.t;

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ThemeToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    lightIcon?: ReactNode;
+    darkIcon?: ReactNode;
+    showLabel?: boolean;
+    lightLabel?: string;
+    darkLabel?: string;
+}
+export declare function ThemeToggle({ lightIcon, darkIcon, showLabel, lightLabel, darkLabel, className, onClick, type, ...props }: ThemeToggleProps): import("react").JSX.Element;

package/dist/components/theme-toggle.js

@@ -0,0 +1,4 @@
+"use client";
+import { t as e } from "../theme-toggle-CnoiorKV.js";
+import "./theme-provider.js";
+export { e as ThemeToggle };

package/dist/components/timeline.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:`bg-slate-400 border-slate-400/30`,success:`bg-emerald-400 border-emerald-400/30`,warning:`bg-amber-400 border-amber-400/30`,error:`bg-red-400 border-red-400/30`,info:`bg-sky-400 border-sky-400/30`},r={default:`bg-slate-500/15 text-slate-400`,success:`bg-emerald-500/15 text-emerald-400`,warning:`bg-amber-500/15 text-amber-400`,error:`bg-red-500/15 text-red-400`,info:`bg-sky-500/15 text-sky-400`};function i({events:i,className:a}){return(0,t.jsx)(`div`,{className:e.t(`flex flex-col`,a),children:i.map((a,o)=>{let s=o===i.length-1,c=a.variant??`default`;return(0,t.jsxs)(`div`,{className:`flex gap-3`,children:[(0,t.jsxs)(`div`,{className:`flex flex-col items-center`,children:[a.icon?(0,t.jsx)(`div`,{className:e.t(`w-8 h-8 rounded-full flex items-center justify-center shrink-0`,r[c]),children:(0,t.jsx)(`span`,{className:`w-4 h-4 flex items-center justify-center`,children:a.icon})}):(0,t.jsx)(`div`,{className:e.t(`w-2.5 h-2.5 rounded-full shrink-0 border-2 mt-1.5`,n[c])}),!s&&(0,t.jsx)(`div`,{className:`flex-1 w-px bg-black/10 dark:bg-white/10 my-1`})]}),(0,t.jsxs)(`div`,{className:e.t(`pb-5 min-w-0`,s&&`pb-0`),children:[(0,t.jsxs)(`div`,{className:`flex items-baseline gap-2 flex-wrap`,children:[(0,t.jsx)(`p`,{className:`text-sm font-medium text-slate-700 dark:text-slate-200`,children:a.title}),a.timestamp&&(0,t.jsx)(`span`,{className:`text-xs text-slate-500`,children:a.timestamp})]}),a.description&&(0,t.jsx)(`p`,{className:`text-sm text-slate-500 mt-0.5`,children:a.description})]})]},a.id)})})}exports.Timeline=i;

package/dist/components/timeline.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface TimelineEvent {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp?: string;
+    icon?: ReactNode;
+    variant?: "default" | "success" | "warning" | "error" | "info";
+}
+export interface TimelineProps {
+    events: TimelineEvent[];
+    className?: string;
+}
+export declare function Timeline({ events, className }: TimelineProps): import("react").JSX.Element;

package/dist/components/timeline.js

@@ -0,0 +1,54 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/timeline.tsx
+var r = {
+	default: "bg-slate-400 border-slate-400/30",
+	success: "bg-emerald-400 border-emerald-400/30",
+	warning: "bg-amber-400 border-amber-400/30",
+	error: "bg-red-400 border-red-400/30",
+	info: "bg-sky-400 border-sky-400/30"
+}, i = {
+	default: "bg-slate-500/15 text-slate-400",
+	success: "bg-emerald-500/15 text-emerald-400",
+	warning: "bg-amber-500/15 text-amber-400",
+	error: "bg-red-500/15 text-red-400",
+	info: "bg-sky-500/15 text-sky-400"
+};
+function a({ events: a, className: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("flex flex-col", o),
+		children: a.map((o, s) => {
+			let c = s === a.length - 1, l = o.variant ?? "default";
+			return /* @__PURE__ */ n("div", {
+				className: "flex gap-3",
+				children: [/* @__PURE__ */ n("div", {
+					className: "flex flex-col items-center",
+					children: [o.icon ? /* @__PURE__ */ t("div", {
+						className: e("w-8 h-8 rounded-full flex items-center justify-center shrink-0", i[l]),
+						children: /* @__PURE__ */ t("span", {
+							className: "w-4 h-4 flex items-center justify-center",
+							children: o.icon
+						})
+					}) : /* @__PURE__ */ t("div", { className: e("w-2.5 h-2.5 rounded-full shrink-0 border-2 mt-1.5", r[l]) }), !c && /* @__PURE__ */ t("div", { className: "flex-1 w-px bg-black/10 dark:bg-white/10 my-1" })]
+				}), /* @__PURE__ */ n("div", {
+					className: e("pb-5 min-w-0", c && "pb-0"),
+					children: [/* @__PURE__ */ n("div", {
+						className: "flex items-baseline gap-2 flex-wrap",
+						children: [/* @__PURE__ */ t("p", {
+							className: "text-sm font-medium text-slate-700 dark:text-slate-200",
+							children: o.title
+						}), o.timestamp && /* @__PURE__ */ t("span", {
+							className: "text-xs text-slate-500",
+							children: o.timestamp
+						})]
+					}), o.description && /* @__PURE__ */ t("p", {
+						className: "text-sm text-slate-500 mt-0.5",
+						children: o.description
+					})]
+				})]
+			}, o.id);
+		})
+	});
+}
+//#endregion
+export { a as Timeline };

package/dist/components/tooltip.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i={top:{container:`bottom-full left-1/2 -translate-x-1/2 mb-2`,initial:{y:4}},bottom:{container:`top-full left-1/2 -translate-x-1/2 mt-2`,initial:{y:-4}},left:{container:`right-full top-1/2 -translate-y-1/2 mr-2`,initial:{x:4}},right:{container:`left-full top-1/2 -translate-y-1/2 ml-2`,initial:{x:-4}}};function a({content:a,children:o,position:s=`top`,delayMs:c=0,className:l}){let[u,d]=(0,n.useState)(!1),f=(0,n.useRef)(null),p=(0,n.useId)(),{container:m,initial:h}=i[s];function g(){c>0?f.current=setTimeout(()=>d(!0),c):d(!0)}function _(){f.current&&clearTimeout(f.current),d(!1)}(0,n.useEffect)(()=>()=>{f.current&&clearTimeout(f.current)},[]);let v=(0,n.isValidElement)(o)?(0,n.cloneElement)(o,{"aria-describedby":u?p:void 0,onMouseEnter:e=>{o.props.onMouseEnter?.(e),e.defaultPrevented||g()},onMouseLeave:e=>{o.props.onMouseLeave?.(e),_()},onFocus:e=>{o.props.onFocus?.(e),e.defaultPrevented||g()},onBlur:e=>{o.props.onBlur?.(e),_()}}):(0,r.jsx)(`span`,{tabIndex:0,"aria-describedby":u?p:void 0,onMouseEnter:g,onMouseLeave:_,onFocus:g,onBlur:_,children:o});return(0,r.jsxs)(`div`,{className:`relative inline-flex`,children:[v,(0,r.jsx)(t.AnimatePresence,{children:u&&(0,r.jsx)(t.motion.div,{id:p,role:`tooltip`,initial:{opacity:0,...h},animate:{opacity:1,y:0,x:0},exit:{opacity:0,...h},transition:{duration:.12},className:e.t(`absolute z-50 pointer-events-none`,`max-w-[min(20rem,calc(100vw-2rem))] rounded-md px-2.5 py-1.5 text-xs font-medium leading-4`,`border border-slate-700 bg-slate-900 text-slate-50 shadow-floating dark:border-border-strong dark:bg-surface-raised dark:text-foreground`,m,l),children:a})})]})}exports.Tooltip=a;

package/dist/components/tooltip.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type Position = "top" | "bottom" | "left" | "right";
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    position?: Position;
+    delayMs?: number;
+    className?: string;
+}
+export declare function Tooltip({ content, children, position, delayMs, className, }: TooltipProps): import("react").JSX.Element;
+export {};