@nadicodeai/ui 12.1.95 → 12.1.97

package/dist/components/installer-shell.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleIcon, CircleDotIcon, CircleIcon, SparklesIcon, XCircleIcon, } from "lucide-react";
-import { cn } from "../lib/utils.js";
-import { Card, CardContent, CardHeader } from "./card.js";
-import { FeedbackState } from "./feedback-state.js";
-import { Progress } from "./progress.js";
-const installerStateMeta = {
-    welcome: { status: "empty", icon: _jsx(SparklesIcon, { className: "size-5" }) },
-    // An install in flight takes the loading state's own treatment: its words
-    // and, past a second, the one waiting line. No mark of its own.
-    progress: { status: "loading", icon: null },
-    success: { status: "empty", icon: _jsx(CheckCircleIcon, { className: "size-5" }) },
-    failure: { status: "error", icon: _jsx(XCircleIcon, { className: "size-5" }) },
-};
-const installerStepIcons = {
-    pending: _jsx(CircleIcon, { className: "size-4" }),
-    running: _jsx(CircleDotIcon, { className: "size-4" }),
-    complete: _jsx(CheckCircleIcon, { className: "size-4" }),
-    error: _jsx(XCircleIcon, { className: "size-4" }),
-};
-function InstallerShellStepList({ steps }) {
-    return (_jsx("ol", { "data-slot": "installer-shell-steps", className: "grid gap-2", children: steps.map((step) => {
-            const status = step.status ?? "pending";
-            return (_jsxs("li", { "data-slot": "installer-shell-step", "data-status": status, className: "flex items-start gap-3 rounded-md border bg-background p-3", children: [_jsx("span", { "data-slot": "installer-shell-step-icon", className: "mt-0.5 flex shrink-0 text-muted-foreground", "aria-hidden": "true", children: installerStepIcons[status] }), _jsxs("span", { className: "grid min-w-0 gap-1", children: [_jsx("span", { "data-slot": "installer-shell-step-label", className: "text-sm font-medium", children: step.label }), step.description && (_jsx("span", { "data-slot": "installer-shell-step-description", className: "text-sm text-muted-foreground", children: step.description }))] })] }, step.id));
-        }) }));
-}
-function InstallerShell({ state, title, description, progressValue, steps, actions, aside, children, progressLabel = "Installer progress", className, contentClassName, ...props }) {
-    const showProgress = state === "progress" && typeof progressValue === "number";
-    return (_jsx("section", { "data-slot": "installer-shell", "data-state": state, className: cn("grid min-h-svh place-items-center bg-background p-4 text-foreground md:p-6", className), ...props, children: _jsxs(Card, { className: "w-full max-w-3xl overflow-hidden", children: [_jsx(CardHeader, { children: _jsx(FeedbackState, { "data-slot": "installer-shell-feedback", status: installerStateMeta[state].status, title: title, description: description, icon: installerStateMeta[state].icon, actions: actions, compact: true, className: "rounded-none border-0 bg-transparent p-0 md:p-0" }) }), _jsxs(CardContent, { "data-slot": "installer-shell-content", className: cn("grid gap-5", contentClassName), children: [showProgress && (_jsxs("div", { "data-slot": "installer-shell-progress", className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsx("span", { className: "font-medium", children: progressLabel }), _jsxs("span", { className: "text-muted-foreground", children: [Math.round(progressValue), "%"] })] }), _jsx(Progress, { value: progressValue, "aria-label": progressLabel })] })), steps?.length ? _jsx(InstallerShellStepList, { steps: steps }) : null, children && (_jsx("div", { "data-slot": "installer-shell-primary", className: "min-w-0", children: children })), aside && (_jsx("div", { "data-slot": "installer-shell-aside", className: "rounded-md border bg-muted/30 p-4 text-sm text-muted-foreground", children: aside }))] })] }) }));
-}
-export { InstallerShell };

package/dist/components/settings-form.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { Button } from "./button.js";
-declare function SettingsForm({ action, onChange, onReset, onSubmit, children, ...props }: Omit<ComponentProps<"form">, "action" | "method"> & {
-    action: Exclude<NonNullable<ComponentProps<"form">["action"]>, string>;
-}): import("react").JSX.Element;
-declare function useSettingsFormChanged(): boolean;
-declare function SettingsSubmitButton({ disabled, ...props }: Omit<ComponentProps<typeof Button>, "type" | "formAction">): import("react").JSX.Element;
-export { SettingsForm, SettingsSubmitButton, useSettingsFormChanged };
-//# sourceMappingURL=settings-form.d.ts.map

package/dist/components/settings-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-form.d.ts","sourceRoot":"","sources":["../../src/components/settings-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmD,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA4DlC,iBAAS,YAAY,CAAC,EACpB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC,GAAG;IACrD,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;CACxE,+BAsCA;AAED,iBAAS,sBAAsB,YAM9B;AAED,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,+BAY5D;AAED,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/settings-form.js

@@ -1,85 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, use, useEffect, useRef, useState } from "react";
-import { useFormStatus } from "react-dom";
-import { Button } from "./button.js";
-import { FieldSet } from "./field.js";
-const SettingsFormContext = createContext(null);
-function editableControls(form) {
-    return Array.from(form.elements).filter((control) => {
-        if (control instanceof HTMLInputElement) {
-            return (Boolean(control.name) &&
-                !control.disabled &&
-                !control.readOnly &&
-                !["hidden", "submit", "reset", "button"].includes(control.type));
-        }
-        if (control instanceof HTMLTextAreaElement) {
-            return Boolean(control.name) && !control.disabled && !control.readOnly;
-        }
-        return control instanceof HTMLSelectElement && Boolean(control.name) && !control.disabled;
-    });
-}
-function hasChangedFields(form) {
-    return editableControls(form).some((control) => {
-        if (control instanceof HTMLInputElement) {
-            if (control.type === "checkbox" || control.type === "radio") {
-                return control.checked !== control.defaultChecked;
-            }
-            return control.value !== control.defaultValue;
-        }
-        if (control instanceof HTMLTextAreaElement) {
-            return control.value !== control.defaultValue;
-        }
-        const options = Array.from(control.options);
-        const hasDefault = options.some((option) => option.defaultSelected);
-        const fallback = options.findIndex((option) => !option.disabled);
-        return options.some((option, index) => option.selected !==
-            (option.defaultSelected || (!control.multiple && !hasDefault && index === fallback)));
-    });
-}
-function editableValues(form) {
-    const names = new Set(editableControls(form).map((control) => control.name));
-    return JSON.stringify(Array.from(new FormData(form))
-        .filter(([name]) => names.has(name))
-        .map(([name, value]) => [
-        name,
-        typeof value === "string"
-            ? value
-            : [value.name, value.size, value.type, value.lastModified],
-    ]));
-}
-function SettingsForm({ action, onChange, onReset, onSubmit, children, ...props }) {
-    const [changed, setChanged] = useState(false);
-    const [hydrated, setHydrated] = useState(false);
-    const submittedValues = useRef(null);
-    useEffect(() => setHydrated(true), []);
-    return (_jsx(SettingsFormContext, { value: changed, children: _jsx("form", { ...props, action: action, onChange: (event) => {
-                onChange?.(event);
-                setChanged(hasChangedFields(event.currentTarget));
-            }, onSubmit: (event) => {
-                onSubmit?.(event);
-                if (!event.defaultPrevented)
-                    submittedValues.current = editableValues(event.currentTarget);
-            }, onReset: (event) => {
-                onReset?.(event);
-                if (submittedValues.current !== null &&
-                    editableValues(event.currentTarget) !== submittedValues.current) {
-                    event.preventDefault();
-                }
-                submittedValues.current = null;
-                setChanged(event.defaultPrevented ? hasChangedFields(event.currentTarget) : false);
-            }, children: _jsx(FieldSet, { disabled: !hydrated, className: "min-w-0", children: _jsx("div", { className: "min-w-0", children: children }) }) }) }));
-}
-function useSettingsFormChanged() {
-    const changed = use(SettingsFormContext);
-    if (changed === null) {
-        throw new Error("Settings form controls must be used within a SettingsForm.");
-    }
-    return changed;
-}
-function SettingsSubmitButton({ disabled, ...props }) {
-    const changed = useSettingsFormChanged();
-    const { pending } = useFormStatus();
-    return (_jsx(Button, { ...props, type: "submit", "aria-busy": pending, disabled: disabled || pending || !changed }));
-}
-export { SettingsForm, SettingsSubmitButton, useSettingsFormChanged };