npm - @yugnex/nexui-react - Versions diffs - 2.0.0 - Mend

@yugnex/nexui-react 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/provider.js ADDED Viewed

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @yugnex/nexui-react — NexuiProvider
+// Wraps your Next.js app. Initializes the Web Component engine client-side.
+// SSR-safe: the engine call is gated behind useEffect (browser-only).
+//
+// Usage in app/layout.tsx:
+//   import { NexuiProvider } from "@yugnex/nexui-react";
+//   export default function RootLayout({ children }) {
+//     return <html><body><NexuiProvider theme="void">{children}</NexuiProvider></body></html>;
+//   }
+import React, { createContext, useContext, useEffect, useState, useCallback, } from "react";
+const NexuiContext = createContext({
+    theme: "void",
+    setTheme: () => { },
+    ready: false,
+});
+export function useNexui() {
+    return useContext(NexuiContext);
+}
+export function NexuiProvider({ children, theme: initialTheme = "void", onThemeChange }) {
+    const [theme, setThemeState] = useState(initialTheme);
+    const [ready, setReady] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            const { initializeNexuiEngine } = await import("@yugnex/nexui");
+            await initializeNexuiEngine(theme);
+            if (!cancelled)
+                setReady(true);
+        })();
+        return () => { cancelled = true; };
+    }, []);
+    useEffect(() => {
+        if (!ready)
+            return;
+        (async () => {
+            const { setNexuiTheme } = await import("@yugnex/nexui");
+            setNexuiTheme(theme);
+        })();
+    }, [theme, ready]);
+    // Listen for programmatic theme changes from outside React
+    useEffect(() => {
+        const handler = (e) => {
+            const t = e.detail.theme;
+            setThemeState(t);
+            onThemeChange?.(t);
+        };
+        window.addEventListener("nexui:theme-change", handler);
+        return () => window.removeEventListener("nexui:theme-change", handler);
+    }, [onThemeChange]);
+    const setTheme = useCallback((t) => {
+        setThemeState(t);
+        onThemeChange?.(t);
+    }, [onThemeChange]);
+    return (_jsx(NexuiContext.Provider, { value: { theme, setTheme, ready }, children: children }));
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,sCAAsC;AACtC,4EAA4E;AAC5E,sEAAsE;AACtE,EAAE;AACF,2BAA2B;AAC3B,yDAAyD;AACzD,uDAAuD;AACvD,+FAA+F;AAC/F,MAAM;AAEN,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACR,WAAW,GAEZ,MAAM,OAAO,CAAC;AAUf,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,KAAK,EAAK,MAAM;IAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,KAAK,EAAK,KAAK;CAChB,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AAQD,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,EAAE,aAAa,EAAsB;IACzG,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa,YAAY,CAAC,CAAC;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAQ,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;YAChE,MAAM,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACnC,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,eAAe,CAAC,CAAC;YACxD,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE;YAC3B,MAAM,CAAC,GAAI,CAAwC,CAAC,MAAM,CAAC,KAAK,CAAC;YACjE,aAAa,CAAC,CAAC,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAa,EAAE,EAAE;QAC7C,aAAa,CAAC,CAAC,CAAC,CAAC;QACjB,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YACrD,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC"}

package/dist/select.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import React, { type ReactNode, type CSSProperties } from "react";
+interface SelectProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    error?: string;
+    label?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Select({ value: controlledValue, defaultValue, onChange, placeholder, disabled, size, error, label, children, className, style, }: SelectProps): React.JSX.Element;
+interface SelectItemProps {
+    value: string;
+    children: ReactNode;
+    disabled?: boolean;
+}
+export declare function SelectItem({ value, children, disabled }: SelectItemProps): React.JSX.Element;
+export declare function SelectGroup({ label, children }: {
+    label: string;
+    children: ReactNode;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAQZ,KAAK,SAAS,EACd,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAef,UAAU,WAAW;IACnB,KAAK,CAAC,EAAQ,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAK,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAK,OAAO,CAAC;IACtB,IAAI,CAAC,EAAS,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAQ,MAAM,CAAC;IACrB,KAAK,CAAC,EAAQ,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAK,SAAS,CAAC;IACxB,SAAS,CAAC,EAAI,MAAM,CAAC;IACrB,KAAK,CAAC,EAAQ,aAAa,CAAC;CAC7B;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,QAAQ,EACR,WAAyB,EACzB,QAAQ,EACR,IAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,WAAW,qBA2Kb;AAED,UAAU,eAAe;IACvB,KAAK,EAAO,MAAM,CAAC;IACnB,QAAQ,EAAI,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAG,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAwCxE;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAiBtF"}

package/dist/select.js ADDED Viewed

@@ -0,0 +1,172 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @yugnex/nexui-react — Select
+// Fully custom, keyboard-navigable, ARIA-compliant dropdown select.
+// No native <select>. Works with keyboard (arrows, Enter, Escape, Home/End).
+import React, { createContext, useCallback, useContext, useEffect, useId, useRef, useState, } from "react";
+const SelectContext = createContext({});
+export function Select({ value: controlledValue, defaultValue = "", onChange, placeholder = "Select...", disabled, size = "md", error, label, children, className, style, }) {
+    const [internal, setInternal] = useState(defaultValue);
+    const [open, setOpen] = useState(false);
+    const [focusedIdx, setFocusedIdx] = useState(-1);
+    const [options, setOptions] = useState([]);
+    const [labelMap, setLabelMap] = useState({});
+    const triggerRef = useRef(null);
+    const listRef = useRef(null);
+    const id = useId();
+    const value = controlledValue !== undefined ? controlledValue : internal;
+    const registerOption = useCallback((v, lbl) => {
+        setLabelMap(m => ({ ...m, [v]: lbl }));
+        setOptions(prev => {
+            if (prev.find(o => o.value === v))
+                return prev;
+            return [...prev, { value: v, label: lbl }];
+        });
+    }, []);
+    const close = useCallback(() => {
+        setOpen(false);
+        setFocusedIdx(-1);
+        triggerRef.current?.focus();
+    }, []);
+    const handleChange = useCallback((v, lbl) => {
+        setInternal(v);
+        onChange?.(v);
+        close();
+    }, [onChange, close]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            const trigger = triggerRef.current;
+            const list = listRef.current;
+            if (!trigger?.contains(e.target) && !list?.contains(e.target)) {
+                close();
+            }
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, [open, close]);
+    const handleKeyDown = (e) => {
+        if (disabled)
+            return;
+        const enabled = options.filter(o => !o.disabled);
+        switch (e.key) {
+            case "Enter":
+            case " ":
+                e.preventDefault();
+                if (!open) {
+                    setOpen(true);
+                    setFocusedIdx(0);
+                }
+                else if (focusedIdx >= 0)
+                    handleChange(enabled[focusedIdx]?.value ?? "", enabled[focusedIdx]?.label ?? "");
+                break;
+            case "Escape":
+                e.preventDefault();
+                close();
+                break;
+            case "ArrowDown":
+                e.preventDefault();
+                if (!open) {
+                    setOpen(true);
+                    setFocusedIdx(0);
+                }
+                else
+                    setFocusedIdx(i => Math.min(i + 1, enabled.length - 1));
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                setFocusedIdx(i => Math.max(i - 1, 0));
+                break;
+            case "Home":
+                e.preventDefault();
+                setFocusedIdx(0);
+                break;
+            case "End":
+                e.preventDefault();
+                setFocusedIdx(enabled.length - 1);
+                break;
+        }
+    };
+    const sizeH = { sm: "28px", md: "34px", lg: "40px" };
+    const sizeFS = { sm: "11px", md: "13px", lg: "14px" };
+    const h = sizeH[size] ?? sizeH.md;
+    const fs = sizeFS[size] ?? sizeFS.md;
+    const displayLabel = value ? (labelMap[value] ?? value) : "";
+    return (_jsx(SelectContext.Provider, { value: {
+            value, open, onChange: handleChange, close,
+            labelFor: (v) => labelMap[v] ?? v,
+            registerOption, focusedIdx, options, setFocusedIdx,
+        }, children: _jsxs("div", { className: className, style: { position: "relative", display: "inline-block", width: "100%", ...style }, children: [label && (_jsx("label", { htmlFor: `${id}-btn`, style: { display: "block", fontSize: "12px", fontWeight: 500, color: "var(--nx-text-2, #8B949E)", marginBottom: 5, fontFamily: "var(--nx-font-sans, system-ui, sans-serif)" }, children: label })), _jsxs("button", { id: `${id}-btn`, ref: triggerRef, type: "button", disabled: disabled, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": `${id}-list`, onClick: () => !disabled && setOpen(o => !o), onKeyDown: handleKeyDown, style: {
+                        width: "100%",
+                        height: h,
+                        padding: "0 10px",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        gap: 8,
+                        background: "var(--nx-bg-elevated, #1C2128)",
+                        border: `1px solid ${error ? "var(--nx-error, #EF4444)" : open ? "var(--nx-border-focus, rgba(232,144,16,0.60))" : "var(--nx-border, rgba(255,255,255,0.08))"}`,
+                        borderRadius: "6px",
+                        color: displayLabel ? "var(--nx-text, #E6EDF3)" : "var(--nx-text-4, #484F58)",
+                        fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+                        fontSize: fs,
+                        fontWeight: 400,
+                        cursor: disabled ? "not-allowed" : "pointer",
+                        opacity: disabled ? 0.45 : 1,
+                        outline: "none",
+                        boxShadow: open ? `0 0 0 3px rgba(232,144,16,0.12)` : "none",
+                        transition: "border-color 150ms ease, box-shadow 150ms ease",
+                    }, children: [_jsx("span", { style: { flex: 1, textAlign: "left", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: displayLabel || placeholder }), _jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", style: { transform: open ? "rotate(180deg)" : "none", transition: "transform 150ms ease", flexShrink: 0, opacity: 0.6 }, children: _jsx("path", { d: "M6 9l6 6 6-6" }) })] }), error && _jsx("span", { style: { fontSize: "11px", color: "var(--nx-error, #EF4444)", marginTop: 4, display: "block", fontFamily: "var(--nx-font-sans, system-ui, sans-serif)" }, children: error }), open && (_jsx("ul", { id: `${id}-list`, ref: listRef, role: "listbox", style: {
+                        position: "absolute",
+                        top: "100%",
+                        left: 0,
+                        right: 0,
+                        marginTop: 4,
+                        background: "var(--nx-bg-elevated, #1C2128)",
+                        border: "1px solid var(--nx-border-strong, rgba(255,255,255,0.16))",
+                        borderRadius: 8,
+                        boxShadow: "0 10px 15px rgba(0,0,0,0.50), 0 4px 6px rgba(0,0,0,0.30)",
+                        padding: "4px 0",
+                        zIndex: 50,
+                        maxHeight: 240,
+                        overflowY: "auto",
+                        listStyle: "none",
+                        margin: 0,
+                        animation: "nx-slide-up 150ms ease forwards",
+                    }, children: children }))] }) }));
+}
+export function SelectItem({ value, children, disabled }) {
+    const ctx = useContext(SelectContext);
+    const label = typeof children === "string" ? children : value;
+    useEffect(() => { ctx.registerOption(value, label); }, [value, label]);
+    const enabledOptions = ctx.options.filter(o => !o.disabled);
+    const myIdx = enabledOptions.findIndex(o => o.value === value);
+    const isFocused = ctx.focusedIdx === myIdx;
+    const isSelected = ctx.value === value;
+    return (_jsxs("li", { role: "option", "aria-selected": isSelected, "aria-disabled": disabled, onClick: () => !disabled && ctx.onChange(value, label), onMouseEnter: () => !disabled && ctx.setFocusedIdx(myIdx), style: {
+            padding: "7px 12px",
+            fontSize: "var(--nx-fs-sm, 12px)",
+            fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+            color: disabled ? "var(--nx-text-4, #484F58)" : isSelected ? "var(--nx-accent-text, #F5B342)" : "var(--nx-text, #E6EDF3)",
+            background: isFocused ? "var(--nx-bg-overlay, #21262D)" : "transparent",
+            cursor: disabled ? "not-allowed" : "pointer",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 8,
+            transition: "background 100ms ease",
+        }, children: [_jsx("span", { children: children }), isSelected && (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6L9 17l-5-5" }) }))] }));
+}
+export function SelectGroup({ label, children }) {
+    return (_jsxs("div", { children: [_jsx("div", { style: {
+                    padding: "6px 12px 2px",
+                    fontSize: "10px",
+                    fontWeight: 600,
+                    letterSpacing: "0.06em",
+                    textTransform: "uppercase",
+                    color: "var(--nx-text-4, #484F58)",
+                    fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+                }, children: label }), children] }));
+}
+//# sourceMappingURL=select.js.map

package/dist/select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,+BAA+B;AAC/B,oEAAoE;AACpE,6EAA6E;AAE7E,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,GAIT,MAAM,OAAO,CAAC;AAaf,MAAM,aAAa,GAAG,aAAa,CAAqB,EAAwB,CAAC,CAAC;AAgBlF,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EAAE,eAAe,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GACO;IACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAW,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAK,QAAQ,CAA8D,EAAE,CAAC,CAAC;IAC1G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,OAAO,GAAM,MAAM,CAAmB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,GAAW,KAAK,EAAE,CAAC;IAE3B,MAAM,KAAK,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEzE,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,GAAW,EAAE,EAAE;QAC5D,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QACvC,UAAU,CAAC,IAAI,CAAC,EAAE;YAChB,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC/C,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAClB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,GAAW,EAAE,EAAE;QAC1D,WAAW,CAAC,CAAC,CAAC,CAAC;QACf,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,MAAM,IAAI,GAAM,OAAO,CAAC,OAAO,CAAC;YAChC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC9E,KAAK,EAAE,CAAC;YACV,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC5D,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACjD,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,EAAE,CAAC;oBAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAAC,CAAC;qBAC1C,IAAI,UAAU,IAAI,CAAC;oBAAE,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC3G,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,IAAI,EAAE,CAAC;oBAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBAAC,CAAC;;oBAC1C,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;gBAC7D,MAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACvC,MAAM;YACR,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAClC,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAA2B,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;IAC7E,MAAM,MAAM,GAA2B,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;IAC9E,MAAM,CAAC,GAAI,KAAK,CAAC,IAAI,CAAC,IAAK,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC;IAErC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE;YAC7B,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK;YAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YACjC,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa;SACnD,YACC,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,aACzG,KAAK,IAAI,CACR,gBACE,OAAO,EAAE,GAAG,EAAE,MAAM,EACpB,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,2BAA2B,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,4CAA4C,EAAE,YAE5K,KAAK,GACA,CACT,EACD,kBACE,EAAE,EAAE,GAAG,EAAE,MAAM,EACf,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,mBACJ,SAAS,mBACR,IAAI,mBACJ,GAAG,EAAE,OAAO,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5C,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,QAAQ;wBACjB,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,eAAe;wBAC/B,GAAG,EAAE,CAAC;wBACN,UAAU,EAAE,gCAAgC;wBAC5C,MAAM,EAAE,aAAa,KAAK,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,0CAA0C,EAAE;wBAC/J,YAAY,EAAE,KAAK;wBACnB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,2BAA2B;wBAC7E,UAAU,EAAE,4CAA4C;wBACxD,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,GAAG;wBACf,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;wBAC5C,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBAC5B,OAAO,EAAE,MAAM;wBACf,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM;wBAC5D,UAAU,EAAE,gDAAgD;qBAC7D,aAED,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,YAC5G,YAAY,IAAI,WAAW,GACvB,EACP,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,YAC7O,eAAM,CAAC,EAAC,cAAc,GAAE,GACpB,IACC,EACR,KAAK,IAAI,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,0BAA0B,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,4CAA4C,EAAE,YAAG,KAAK,GAAQ,EACvL,IAAI,IAAI,CACP,aACE,EAAE,EAAE,GAAG,EAAE,OAAO,EAChB,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,SAAS,EACd,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,MAAM;wBACX,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,CAAC;wBACR,SAAS,EAAE,CAAC;wBACZ,UAAU,EAAE,gCAAgC;wBAC5C,MAAM,EAAE,2DAA2D;wBACnE,YAAY,EAAE,CAAC;wBACf,SAAS,EAAE,0DAA0D;wBACrE,OAAO,EAAE,OAAO;wBAChB,MAAM,EAAE,EAAE;wBACV,SAAS,EAAE,GAAG;wBACd,SAAS,EAAE,MAAM;wBACjB,SAAS,EAAE,MAAM;wBACjB,MAAM,EAAE,CAAC;wBACT,SAAS,EAAE,iCAAiC;qBAC7C,YAEA,QAAQ,GACN,CACN,IACG,GACiB,CAC1B,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAmB;IACvE,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvE,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,KAAK,KAAK,CAAC;IAC3C,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;IAEvC,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EACtD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,EACzD,KAAK,EAAE;YACL,OAAO,EAAE,UAAU;YACnB,QAAQ,EAAE,uBAAuB;YACjC,UAAU,EAAE,4CAA4C;YACxD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,yBAAyB;YACzH,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,aAAa;YACvE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;YAC5C,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,uBAAuB;SACpC,aAED,yBAAO,QAAQ,GAAQ,EACtB,UAAU,IAAI,CACb,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YAC9I,eAAM,CAAC,EAAC,iBAAiB,GAAE,GACvB,CACP,IACE,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA0C;IACrF,OAAO,CACL,0BACE,cAAK,KAAK,EAAE;oBACV,OAAO,EAAE,cAAc;oBACvB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,QAAQ;oBACvB,aAAa,EAAE,WAAW;oBAC1B,KAAK,EAAE,2BAA2B;oBAClC,UAAU,EAAE,4CAA4C;iBACzD,YACE,KAAK,GACF,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/tabs.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import React, { type ReactNode, type CSSProperties } from "react";
+interface TabsProps {
+    defaultValue?: string;
+    value?: string;
+    onChange?: (v: string) => void;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function Tabs({ defaultValue, value, onChange, children, className, style }: TabsProps): React.JSX.Element;
+interface TabsListProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TabsList({ children, className, style }: TabsListProps): React.JSX.Element;
+interface TabsTriggerProps {
+    value: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TabsTrigger({ value, children, disabled, className, style }: TabsTriggerProps): React.JSX.Element;
+interface TabsContentProps {
+    value: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TabsContent({ value, children, className, style }: TabsContentProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACd,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAQf,UAAU,SAAS;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAS,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAM,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAM,SAAS,CAAC;IACzB,SAAS,CAAC,EAAK,MAAM,CAAC;IACtB,KAAK,CAAC,EAAS,aAAa,CAAC;CAC9B;AAED,wBAAgB,IAAI,CAAC,EAAE,YAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,qBAejG;AAED,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAG,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAM,aAAa,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,qBAmBrE;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAO,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAG,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAG,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAM,aAAa,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,gBAAgB,qBA0C5F;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAO,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAG,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAM,aAAa,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,gBAAgB,4BAQlF"}

package/dist/tabs.js ADDED Viewed

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @yugnex/nexui-react — Tabs
+// Controlled and uncontrolled usage.
+// Usage:
+//   <Tabs defaultValue="code">
+//     <TabsList>
+//       <TabsTrigger value="code">Code</TabsTrigger>
+//       <TabsTrigger value="preview">Preview</TabsTrigger>
+//     </TabsList>
+//     <TabsContent value="code"><CodeView /></TabsContent>
+//     <TabsContent value="preview"><Preview /></TabsContent>
+//   </Tabs>
+import React, { createContext, useContext, useState, useCallback, } from "react";
+const TabsContext = createContext({ active: "", setActive: () => { } });
+export function Tabs({ defaultValue = "", value, onChange, children, className, style }) {
+    const [internal, setInternal] = useState(defaultValue);
+    const active = value !== undefined ? value : internal;
+    const setActive = useCallback((v) => {
+        setInternal(v);
+        onChange?.(v);
+    }, [onChange]);
+    return (_jsx(TabsContext.Provider, { value: { active, setActive }, children: _jsx("div", { className: className, style: { display: "flex", flexDirection: "column", ...style }, children: children }) }));
+}
+export function TabsList({ children, className, style }) {
+    return (_jsx("div", { role: "tablist", className: className, style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 2,
+            borderBottom: "1px solid var(--nx-border, rgba(255,255,255,0.08))",
+            padding: "0 4px",
+            overflowX: "auto",
+            scrollbarWidth: "none",
+            ...style,
+        }, children: children }));
+}
+export function TabsTrigger({ value, children, disabled, className, style }) {
+    const { active, setActive } = useContext(TabsContext);
+    const isActive = active === value;
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            setActive(value);
+        }
+    };
+    return (_jsx("button", { role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1, disabled: disabled, className: className, onClick: () => !disabled && setActive(value), onKeyDown: handleKeyDown, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 6,
+            padding: "8px 12px",
+            fontSize: "var(--nx-fs-sm, 12px)",
+            fontWeight: 500,
+            fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+            color: isActive ? "var(--nx-text, #E6EDF3)" : "var(--nx-text-3, #6E7681)",
+            background: "transparent",
+            border: "none",
+            borderBottom: `2px solid ${isActive ? "var(--nx-accent, #E89010)" : "transparent"}`,
+            cursor: disabled ? "not-allowed" : "pointer",
+            opacity: disabled ? 0.4 : 1,
+            transition: "color 150ms ease, border-color 150ms ease",
+            whiteSpace: "nowrap",
+            marginBottom: -1,
+            outline: "none",
+            borderRadius: "4px 4px 0 0",
+            ...style,
+        }, children: children }));
+}
+export function TabsContent({ value, children, className, style }) {
+    const { active } = useContext(TabsContext);
+    if (active !== value)
+        return null;
+    return (_jsx("div", { role: "tabpanel", className: className, style: { flex: 1, ...style }, children: children }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/toast.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import React, { type ReactNode } from "react";
+export type ToastVariant = "default" | "success" | "error" | "warning" | "accent" | "live";
+export interface ToastItem {
+    id: string;
+    message: ReactNode;
+    variant: ToastVariant;
+    duration: number;
+    createdAt: number;
+}
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export declare function useToast(): {
+    toast: ((msg: ReactNode, opts?: Partial<Pick<ToastItem, "variant" | "duration">>) => string) & {
+        success: (msg: ReactNode, opts?: Partial<Pick<ToastItem, "duration">>) => string;
+        error: (msg: ReactNode, opts?: Partial<Pick<ToastItem, "duration">>) => string;
+        warning: (msg: ReactNode, opts?: Partial<Pick<ToastItem, "duration">>) => string;
+        accent: (msg: ReactNode, opts?: Partial<Pick<ToastItem, "duration">>) => string;
+        live: (msg: ReactNode, opts?: Partial<Pick<ToastItem, "duration">>) => string;
+        dismiss: (id: string) => void;
+    };
+};
+export declare function Toaster(): React.JSX.Element;
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,EAQZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,MAAM,WAAW,SAAS;IACxB,EAAE,EAAS,MAAM,CAAC;IAClB,OAAO,EAAI,SAAS,CAAC;IACrB,OAAO,EAAI,YAAY,CAAC;IACxB,QAAQ,EAAG,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAcD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBA6BlE;AAED,wBAAgB,QAAQ;kBAIZ,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;uBAEvD,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;qBACtD,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;uBACtD,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;sBACtD,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;oBACtD,SAAS,SAAS,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;sBAlD5D,MAAM,KAAK,IAAI;;EAuD/B;AA4DD,wBAAgB,OAAO,sBAwBtB"}

package/dist/toast.js ADDED Viewed

@@ -0,0 +1,111 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @yugnex/nexui-react — Toast / Toaster
+// Zero external deps. React context-based queue.
+//
+// Setup (app/layout.tsx):
+//   <NexuiProvider><Toaster />{children}</NexuiProvider>
+//
+// Usage anywhere:
+//   const { toast } = useToast();
+//   toast.success("Saved!");
+//   toast.error("Something went wrong");
+//   toast("Custom message", { variant: "accent", duration: 5000 });
+import React, { createContext, useCallback, useContext, useEffect, useId, useRef, useState, } from "react";
+const ToastContext = createContext({
+    toasts: [],
+    add: () => "",
+    remove: () => { },
+});
+export function ToastProvider({ children }) {
+    const [toasts, setToasts] = useState([]);
+    const counter = useRef(0);
+    const remove = useCallback((id) => {
+        setToasts(prev => prev.filter(t => t.id !== id));
+    }, []);
+    const add = useCallback((message, opts) => {
+        const id = `nx-toast-${++counter.current}`;
+        const item = {
+            id,
+            message,
+            variant: opts?.variant ?? "default",
+            duration: opts?.duration ?? 4000,
+            createdAt: Date.now(),
+        };
+        setToasts(prev => [item, ...prev].slice(0, 5));
+        if (item.duration > 0) {
+            setTimeout(() => remove(id), item.duration);
+        }
+        return id;
+    }, [remove]);
+    return (_jsx(ToastContext.Provider, { value: { toasts, add, remove }, children: children }));
+}
+export function useToast() {
+    const { add, remove } = useContext(ToastContext);
+    return {
+        toast: Object.assign((msg, opts) => add(msg, opts), {
+            success: (msg, opts) => add(msg, { ...opts, variant: "success" }),
+            error: (msg, opts) => add(msg, { ...opts, variant: "error" }),
+            warning: (msg, opts) => add(msg, { ...opts, variant: "warning" }),
+            accent: (msg, opts) => add(msg, { ...opts, variant: "accent" }),
+            live: (msg, opts) => add(msg, { ...opts, variant: "live" }),
+            dismiss: remove,
+        }),
+    };
+}
+const VARIANT_STYLES = {
+    default: { borderColor: "var(--nx-border-strong, rgba(255,255,255,0.16))" },
+    success: { borderColor: "rgba(34,197,94,0.35)", color: "var(--nx-success, #22C55E)" },
+    error: { borderColor: "rgba(239,68,68,0.35)", color: "var(--nx-error,   #EF4444)" },
+    warning: { borderColor: "rgba(234,179,8,0.35)", color: "var(--nx-warning, #EAB308)" },
+    accent: { borderColor: "var(--nx-accent-border, rgba(232,144,16,0.22))", color: "var(--nx-accent-text, #F5B342)" },
+    live: { borderColor: "var(--nx-live-border, rgba(15,212,198,0.22))", color: "var(--nx-live,    #0FD4C6)" },
+};
+function ToastItem({ item, onClose }) {
+    const [visible, setVisible] = useState(false);
+    useEffect(() => { requestAnimationFrame(() => setVisible(true)); }, []);
+    return (_jsxs("div", { role: "alert", "aria-live": "polite", style: {
+            display: "flex",
+            alignItems: "flex-start",
+            justifyContent: "space-between",
+            gap: 12,
+            padding: "12px 16px",
+            background: "var(--nx-bg-elevated, #1C2128)",
+            border: "1px solid",
+            borderRadius: 8,
+            boxShadow: "0 10px 15px rgba(0,0,0,0.50), 0 4px 6px rgba(0,0,0,0.30)",
+            fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+            fontSize: "var(--nx-fs-sm, 12px)",
+            color: "var(--nx-text, #E6EDF3)",
+            maxWidth: 380,
+            width: "100%",
+            transform: visible ? "translateY(0)" : "translateY(8px)",
+            opacity: visible ? 1 : 0,
+            transition: "transform 200ms ease, opacity 200ms ease",
+            ...VARIANT_STYLES[item.variant],
+        }, children: [_jsx("span", { style: { flex: 1, lineHeight: 1.5 }, children: item.message }), _jsx("button", { onClick: onClose, "aria-label": "Dismiss", style: {
+                    background: "none",
+                    border: "none",
+                    color: "var(--nx-text-4, #484F58)",
+                    cursor: "pointer",
+                    fontSize: 14,
+                    lineHeight: 1,
+                    padding: 0,
+                    flexShrink: 0,
+                    marginTop: 1,
+                }, children: "\u2715" })] }));
+}
+export function Toaster() {
+    const { toasts, remove } = useContext(ToastContext);
+    return (_jsx("div", { "aria-label": "Notifications", style: {
+            position: "fixed",
+            bottom: 24,
+            right: 24,
+            zIndex: 300,
+            display: "flex",
+            flexDirection: "column",
+            gap: 8,
+            pointerEvents: "none",
+        }, children: toasts.map(t => (_jsx("div", { style: { pointerEvents: "auto" }, children: _jsx(ToastItem, { item: t, onClose: () => remove(t.id) }) }, t.id))) }));
+}
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"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"}

package/dist/tooltip.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import React, { type ReactNode } from "react";
+type TooltipSide = "top" | "bottom" | "left" | "right";
+interface TooltipProps {
+    content: ReactNode;
+    side?: TooltipSide;
+    delay?: number;
+    disabled?: boolean;
+    children: ReactNode;
+}
+export declare function Tooltip({ content, side, delay, disabled, children }: TooltipProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,UAAU,YAAY;IACpB,OAAO,EAAI,SAAS,CAAC;IACrB,IAAI,CAAC,EAAM,WAAW,CAAC;IACvB,KAAK,CAAC,EAAK,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAG,SAAS,CAAC;CACtB;AASD,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,IAAY,EAAE,KAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,qBA2D/F"}

package/dist/tooltip.js ADDED Viewed

@@ -0,0 +1,52 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @yugnex/nexui-react — Tooltip
+// CSS-positioned, no portal. Shows on hover and focus.
+// Usage: <Tooltip content="Copy to clipboard"><Button>Copy</Button></Tooltip>
+import React, { useState, useRef, useCallback, } from "react";
+const SIDE_STYLES = {
+    top: { bottom: "calc(100% + 6px)", left: "50%", transform: "translateX(-50%)" },
+    bottom: { top: "calc(100% + 6px)", left: "50%", transform: "translateX(-50%)" },
+    left: { right: "calc(100% + 6px)", top: "50%", transform: "translateY(-50%)" },
+    right: { left: "calc(100% + 6px)", top: "50%", transform: "translateY(-50%)" },
+};
+export function Tooltip({ content, side = "top", delay = 400, disabled, children }) {
+    const [visible, setVisible] = useState(false);
+    const [animated, setAnimated] = useState(false);
+    const showTimer = useRef();
+    const hideTimer = useRef();
+    const show = useCallback(() => {
+        clearTimeout(hideTimer.current);
+        showTimer.current = setTimeout(() => {
+            setVisible(true);
+            requestAnimationFrame(() => setAnimated(true));
+        }, delay);
+    }, [delay]);
+    const hide = useCallback(() => {
+        clearTimeout(showTimer.current);
+        setAnimated(false);
+        hideTimer.current = setTimeout(() => setVisible(false), 150);
+    }, []);
+    if (disabled)
+        return _jsx(_Fragment, { children: children });
+    return (_jsxs("span", { style: { position: "relative", display: "inline-flex" }, onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, visible && (_jsx("span", { role: "tooltip", style: {
+                    position: "absolute",
+                    zIndex: 400,
+                    background: "var(--nx-bg-overlay, #21262D)",
+                    border: "1px solid var(--nx-border-strong, rgba(255,255,255,0.16))",
+                    borderRadius: 6,
+                    padding: "5px 10px",
+                    fontSize: "var(--nx-fs-xs, 11px)",
+                    fontFamily: "var(--nx-font-sans, system-ui, sans-serif)",
+                    fontWeight: 400,
+                    color: "var(--nx-text, #E6EDF3)",
+                    whiteSpace: "nowrap",
+                    boxShadow: "0 4px 6px rgba(0,0,0,0.40)",
+                    pointerEvents: "none",
+                    opacity: animated ? 1 : 0,
+                    transform: `${SIDE_STYLES[side].transform ?? ""} scale(${animated ? 1 : 0.95})`,
+                    transition: "opacity 150ms ease, transform 150ms ease",
+                    ...SIDE_STYLES[side],
+                }, children: content }))] }));
+}
+//# sourceMappingURL=tooltip.js.map