@nazuraki/ui-react 0.3.4 → 1.0.0

package/dist/Button.d.ts

@@ -1,8 +1,8 @@
 import type { ButtonHTMLAttributes } from "react";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Visual emphasis. Maps to .nb-btn--{variant}. */
+    /** Visual emphasis. Maps to .ld-btn--{variant}. */
     variant?: "default" | "primary" | "accent" | "danger";
-    /** Size. "sm" maps to .nb-btn--sm for inline/table-row actions; "md" is the default. */
+    /** Size. "sm" maps to .ld-btn--sm for inline/table-row actions; "md" is the default. */
     size?: "sm" | "md";
 }
 export declare function Button({ variant, size, className, ...rest }: ButtonProps): import("react").JSX.Element;

package/dist/Button.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Button({ variant = "default", size = "md", className, ...rest }) {
-    const classes = ["nb-btn"];
+    const classes = ["ld-btn"];
     if (variant !== "default")
-        classes.push(`nb-btn--${variant}`);
+        classes.push(`ld-btn--${variant}`);
     if (size === "sm")
-        classes.push("nb-btn--sm");
+        classes.push("ld-btn--sm");
     if (className)
         classes.push(className);
     return _jsx("button", { className: classes.join(" "), ...rest });

package/dist/Card.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Card({ className, ...rest }) {
-    return _jsx("div", { className: className ? `nb-card ${className}` : "nb-card", ...rest });
+    return _jsx("div", { className: className ? `ld-card ${className}` : "ld-card", ...rest });
 }

package/dist/Dialog.js

@@ -13,5 +13,5 @@ export function Dialog({ open, onClose, title, actions, className, children, ...
         else if (!open && el.open)
             el.close();
     }, [open]);
-    return (_jsxs("dialog", { ref: ref, className: cx("nb-dialog", className), onClose: onClose, ...rest, children: [title !== undefined && _jsx("h2", { className: "nb-dialog__title", children: title }), children, actions !== undefined && _jsx("div", { className: "nb-dialog__actions", children: actions })] }));
+    return (_jsxs("dialog", { ref: ref, className: cx("ld-dialog", className), onClose: onClose, ...rest, children: [title !== undefined && _jsx("h2", { className: "ld-dialog__title", children: title }), children, actions !== undefined && _jsx("div", { className: "ld-dialog__actions", children: actions })] }));
 }

package/dist/NavLink.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** The switchboard-style uppercase link with chevron and glow hover. */
 export function NavLink({ className, ...rest }) {
-    return _jsx("a", { className: className ? `nb-link ${className}` : "nb-link", ...rest });
+    return _jsx("a", { className: className ? `ld-link ${className}` : "ld-link", ...rest });
 }

package/dist/Tabs.js

@@ -9,5 +9,5 @@ export function Tabs({ items, active, defaultActive, onChange }) {
         onChange?.(id);
     };
     const activeItem = items.find((t) => t.id === current);
-    return (_jsxs("div", { children: [_jsx("div", { role: "tablist", className: "nb-tabs", children: items.map((t) => (_jsx("button", { role: "tab", type: "button", "aria-selected": t.id === current, className: cx("nb-tab", t.id === current && "nb-tab--active"), onClick: () => select(t.id), children: t.label }, t.id))) }), _jsx("div", { role: "tabpanel", className: "nb-tabpanel", children: activeItem?.content })] }));
+    return (_jsxs("div", { children: [_jsx("div", { role: "tablist", className: "ld-tabs", children: items.map((t) => (_jsx("button", { role: "tab", type: "button", "aria-selected": t.id === current, className: cx("ld-tab", t.id === current && "ld-tab--active"), onClick: () => select(t.id), children: t.label }, t.id))) }), _jsx("div", { role: "tabpanel", className: "ld-tabpanel", children: activeItem?.content })] }));
 }

package/dist/feedback.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from "./cx.js";
 export function Badge({ variant, className, ...rest }) {
-    return _jsx("span", { className: cx("nb-badge", variant && `nb-badge--${variant}`, className), ...rest });
+    return _jsx("span", { className: cx("ld-badge", variant && `ld-badge--${variant}`, className), ...rest });
 }
 export function Alert({ variant = "info", title, className, children, ...rest }) {
-    return (_jsxs("div", { role: "alert", className: cx("nb-alert", `nb-alert--${variant}`, className), ...rest, children: [title !== undefined && _jsx("span", { className: "nb-alert__title", children: title }), children] }));
+    return (_jsxs("div", { role: "alert", className: cx("ld-alert", `ld-alert--${variant}`, className), ...rest, children: [title !== undefined && _jsx("span", { className: "ld-alert__title", children: title }), children] }));
 }
 export function Progress({ value, accent, className, ...rest }) {
     const clamped = Math.max(0, Math.min(100, value));
-    return (_jsx("div", { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clamped, className: cx("nb-progress", className), ...rest, children: _jsx("div", { className: cx("nb-progress__bar", accent && "nb-progress__bar--accent"), style: { width: `${clamped}%` } }) }));
+    return (_jsx("div", { role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clamped, className: cx("ld-progress", className), ...rest, children: _jsx("div", { className: cx("ld-progress__bar", accent && "ld-progress__bar--accent"), style: { width: `${clamped}%` } }) }));
 }
 export function Spinner({ className, ...rest }) {
-    return _jsx("span", { role: "status", "aria-label": "loading", className: cx("nb-spinner", className), ...rest });
+    return _jsx("span", { role: "status", "aria-label": "loading", className: cx("ld-spinner", className), ...rest });
 }

package/dist/form.js

@@ -1,29 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cx } from "./cx.js";
 export function Input({ className, ...rest }) {
-    return _jsx("input", { className: cx("nb-input", className), ...rest });
+    return _jsx("input", { className: cx("ld-input", className), ...rest });
 }
 export function Textarea({ className, ...rest }) {
-    return _jsx("textarea", { className: cx("nb-textarea", className), ...rest });
+    return _jsx("textarea", { className: cx("ld-textarea", className), ...rest });
 }
 export function Select({ className, ...rest }) {
-    return _jsx("select", { className: cx("nb-select", className), ...rest });
+    return _jsx("select", { className: cx("ld-select", className), ...rest });
 }
 export function Label({ className, ...rest }) {
-    return _jsx("label", { className: cx("nb-label", className), ...rest });
+    return _jsx("label", { className: cx("ld-label", className), ...rest });
 }
 /** Label + control wrapper with standard field spacing. */
 export function Field({ label, htmlFor, children }) {
-    return (_jsxs("div", { className: "nb-field", children: [_jsx(Label, { htmlFor: htmlFor, children: label }), children] }));
+    return (_jsxs("div", { className: "ld-field", children: [_jsx(Label, { htmlFor: htmlFor, children: label }), children] }));
 }
 function choice(kind) {
-    const inputClass = `nb-${kind}`;
+    const inputClass = `ld-${kind}`;
     const type = kind === "switch" ? "checkbox" : kind;
     return function Choice({ label, className, ...rest }) {
         const input = _jsx("input", { type: type, role: kind === "switch" ? "switch" : undefined, className: cx(inputClass, className), ...rest });
         if (label === undefined)
             return input;
-        return (_jsxs("label", { className: "nb-choice", children: [input, label] }));
+        return (_jsxs("label", { className: "ld-choice", children: [input, label] }));
     };
 }
 export const Checkbox = choice("checkbox");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nazuraki/ui-react",
-  "version": "0.3.4",
+  "version": "1.0.0",
   "description": "Shared React components styled by @nazuraki/styles themes.",
   "license": "MIT",
   "repository": {