@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/EmptyState.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EmptyState Component
+ *
+ * Placeholder for empty data states.
+ *
+ * @example
+ * ```tsx
+ * // Basic empty state
+ * <EmptyState title="No courses found" />
+ *
+ * // With action
+ * <EmptyState
+ *     title="No courses yet"
+ *     message="Create your first course to get started"
+ *     action={{ label: 'Create Course', onClick: () => navigate('/courses/create') }}
+ * />
+ * ```
+ */
+import { useTranslation } from "react-i18next";
+import { ThemedText } from "../index.js";
+/**
+ * Default empty icon
+ */
+function EmptyIcon({ className = "w-12 h-12" }) {
+    return (_jsx("div", { className: "flex items-center justify-center p-3 rounded-xl bg-dashboard-card/50 border border-dashboard-border shadow-xs mb-1", children: _jsx("svg", { className: `${className} text-dashboard-muted-foreground/60`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }) }));
+}
+/**
+ * Empty state component
+ */
+export function EmptyState({ title, message, icon, action, className = "", testId, }) {
+    const { t } = useTranslation();
+    const defaultTitle = t("common.noData", "No data found");
+    return (_jsxs("div", { className: `flex flex-col items-center justify-center p-8 text-center ${className}`, "data-testid": testId, children: [icon || _jsx(EmptyIcon, {}), _jsx(ThemedText, { as: "h3", className: "mt-3 text-sm font-semibold text-dashboard-foreground", children: title || defaultTitle }), message && (_jsx(ThemedText, { as: "p", className: "mt-1.5 text-xs text-dashboard-muted-foreground max-w-sm", children: message })), action && (_jsx("button", { onClick: action.onClick, disabled: action.disabled || action.loading, className: "mt-4 px-3.5 py-1.5 bg-dashboard-primary text-white text-xs font-medium rounded-lg hover:bg-dashboard-primary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed shadow-xs cursor-pointer", children: action.loading ? (_jsxs(ThemedText, { as: "span", className: "flex items-center gap-2", children: [_jsx("span", { className: "animate-spin h-3.5 w-3.5 border-2 border-current border-t-transparent rounded-full" }), action.label] })) : (_jsxs(ThemedText, { as: "span", className: "inline-flex items-center gap-1.5", children: [action.icon && _jsx(ThemedText, { as: "span", children: action.icon }), action.label] })) }))] }));
+}
+export default EmptyState;
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC;;GAEG;AACH,SAAS,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,EAA0B;IAClE,OAAO,CACH,cAAK,SAAS,EAAC,oHAAoH,YAC/H,cACI,SAAS,EAAE,GAAG,SAAS,qCAAqC,EAC5D,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,YAElC,eACI,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,CAAC,EAAC,qMAAqM,GACzM,GACA,GACJ,CACT,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,SAAS,GAAG,EAAE,EACd,MAAM,GACF;IACJ,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;IAEzD,OAAO,CACH,eACI,SAAS,EAAE,6DAA6D,SAAS,EAAE,iBACtE,MAAM,aAElB,IAAI,IAAI,KAAC,SAAS,KAAG,EAEtB,KAAC,UAAU,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,sDAAsD,YAC/E,KAAK,IAAI,YAAY,GACb,EAEZ,OAAO,IAAI,CACR,KAAC,UAAU,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,yDAAyD,YACjF,OAAO,GACC,CAChB,EAEA,MAAM,IAAI,CACP,iBACI,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,EAC3C,SAAS,EAAC,4MAA4M,YAErN,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,MAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,yBAAyB,aACrD,eAAM,SAAS,EAAC,oFAAoF,GAAG,EACtG,MAAM,CAAC,KAAK,IACJ,CAChB,CAAC,CAAC,CAAC,CACA,MAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,kCAAkC,aAC7D,MAAM,CAAC,IAAI,IAAI,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAc,EAC/D,MAAM,CAAC,KAAK,IACJ,CAChB,GACI,CACZ,IACC,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Error.d.ts

@@ -0,0 +1,12 @@
+interface ErrorProps {
+    message: string;
+    variant?: "inline" | "card" | "banner";
+    showIcon?: boolean;
+    title?: string;
+    helpText?: string;
+    onRetry?: () => void;
+    onHelp?: () => void;
+    showButtons?: boolean;
+}
+export declare function ErrorComponent(props: ErrorProps | string): import("react").JSX.Element;
+export {};

package/dist/components/Error.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLanguage } from "@gostack-framework/react";
+export function ErrorComponent(props) {
+    const { t } = useLanguage();
+    const config = typeof props === "string"
+        ? {
+            message: props,
+            variant: "card",
+            showIcon: true,
+            showButtons: true,
+        }
+        : {
+            message: props.message,
+            variant: props.variant || "card",
+            showIcon: props.showIcon !== false,
+            title: props.title,
+            helpText: props.helpText,
+            onRetry: props.onRetry,
+            onHelp: props.onHelp,
+            showButtons: props.showButtons !== false,
+        };
+    const { message, variant, showIcon, title, helpText, onRetry, onHelp, showButtons, } = config;
+    const ErrorIcon = () => (_jsx("svg", { className: "w-6 h-6 shrink-0", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }));
+    const InlineVariant = () => (_jsxs("div", { className: "flex justify-center items-center gap-2 text-xs text-dashboard-destructive", children: [showIcon && _jsx(ErrorIcon, {}), _jsx("span", { children: message })] }));
+    const BannerVariant = () => (_jsx("div", { className: "bg-dashboard-destructive/10 border-l-4 border-dashboard-destructive p-3.5 rounded-lg", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [showIcon && (_jsx("div", { className: "text-dashboard-destructive mt-0.5", children: _jsx(ErrorIcon, {}) })), _jsxs("div", { className: "flex-1", children: [title && (_jsx("h4", { className: "text-xs font-semibold text-dashboard-destructive mb-1", children: title })), _jsx("p", { className: "text-xs text-dashboard-muted-foreground", children: message })] })] }) }));
+    const CardVariant = () => (_jsx("div", { className: "max-w-md w-full mx-4", children: _jsxs("div", { className: "bg-dashboard-card border border-dashboard-border rounded-xl shadow-2xl p-6 transition-all duration-300", children: [_jsxs("div", { className: "flex flex-col items-center text-center mb-5", children: [showIcon && (_jsx("div", { className: "w-12 h-12 rounded-xl bg-dashboard-destructive/15 flex items-center justify-center text-dashboard-destructive mb-3 ring-1 ring-dashboard-destructive/30", children: _jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) })), _jsx("h3", { className: "text-base font-bold text-dashboard-foreground mb-1.5", children: title || t("error.defaultTitle") }), _jsx("p", { className: "text-xs text-dashboard-muted-foreground leading-relaxed", children: message })] }), helpText && (_jsx("div", { className: "mb-5 p-3.5 bg-dashboard-secondary/40 rounded-lg border border-dashboard-border", children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("svg", { className: "w-4 h-4 text-dashboard-primary shrink-0 mt-0.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "text-xs font-semibold text-dashboard-foreground mb-0.5", children: t("error.howToFix") }), _jsx("p", { className: "text-xs text-dashboard-muted-foreground leading-relaxed", children: helpText })] })] }) })), showButtons && (_jsxs("div", { className: "flex flex-col sm:flex-row gap-2.5", children: [onRetry && (_jsxs("button", { onClick: onRetry, className: "flex-1 px-4 py-2 bg-dashboard-destructive hover:bg-dashboard-destructive/90 text-white font-medium text-xs rounded-lg transition-colors flex items-center justify-center gap-1.5 shadow-xs cursor-pointer", children: [_jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), t("error.tryAgain")] })), onHelp && (_jsxs("button", { onClick: onHelp, className: "flex-1 px-4 py-2 bg-dashboard-secondary/60 hover:bg-dashboard-secondary text-dashboard-foreground font-medium text-xs rounded-lg border border-dashboard-border transition-colors flex items-center justify-center gap-1.5 cursor-pointer", children: [_jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }), t("error.getHelp")] })), !onRetry && !onHelp && (_jsxs("button", { onClick: () => window.location.reload(), className: "w-full px-4 py-2 bg-dashboard-primary hover:bg-dashboard-primary/90 text-white font-medium text-xs rounded-lg transition-colors flex items-center justify-center gap-1.5 shadow-xs cursor-pointer", children: [_jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }), t("error.reloadPage")] }))] })), _jsx("div", { className: "mt-5 pt-3.5 border-t border-dashboard-border", children: _jsx("p", { className: "text-[11px] text-dashboard-muted-foreground text-center", children: t("error.contactSupport") }) })] }) }));
+    const variantRender = () => {
+        switch (variant) {
+            case "inline":
+                return _jsx(InlineVariant, {});
+            case "banner":
+                return _jsx(BannerVariant, {});
+            case "card":
+                return _jsx(CardVariant, {});
+            default:
+                return _jsx(InlineVariant, {});
+        }
+    };
+    return (_jsx("div", { className: "w-full h-screen flex justify-center items-center bg-transparent", children: variantRender() }));
+}
+//# sourceMappingURL=Error.js.map

package/dist/components/Error.js.map

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

package/dist/components/ErrorState.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ErrorState — modern error UI for inline, card, and full-page contexts.
+ */
+import type { BaseComponentProps, ErrorStateProps } from "../types";
+interface Props extends ErrorStateProps, BaseComponentProps {
+}
+/** Normalizes unknown errors into a display message. */
+export declare function getErrorMessage(error: unknown, fallback?: string): string;
+export declare function ErrorState({ title, message, error, onRetry, showIcon, variant, primaryColor, accentColor, className, testId, }: Props): import("react").JSX.Element;
+export default ErrorState;

package/dist/components/ErrorState.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ErrorState — modern error UI for inline, card, and full-page contexts.
+ */
+import { cn } from "../support/utils.js";
+import { AlertTriangle, Home, RefreshCw, WifiOff } from "lucide-react";
+import { motion } from "motion/react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router";
+import { Button } from "./button.js";
+import { ThemedText } from "../index.js";
+/** Normalizes unknown errors into a display message. */
+export function getErrorMessage(error, fallback = "Something went wrong. Please try again.") {
+    if (error instanceof Error && error.message)
+        return error.message;
+    if (typeof error === "string" && error.trim())
+        return error;
+    if (error &&
+        typeof error === "object" &&
+        "message" in error &&
+        typeof error.message === "string") {
+        return error.message;
+    }
+    return fallback;
+}
+export function ErrorState({ title, message, error, onRetry, showIcon = true, variant = "fullPage", primaryColor, accentColor, className = "", testId, }) {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const resolvedMessage = message ??
+        (error !== undefined
+            ? getErrorMessage(error)
+            : t("errors.unexpected", "Something went wrong"));
+    const resolvedTitle = title ?? t("errors.unexpected", "Something went wrong");
+    if (variant === "inline") {
+        return (_jsxs(motion.div, { role: "alert", initial: { opacity: 0, y: 4 }, animate: { opacity: 1, y: 0 }, className: cn("inline-flex items-center gap-2.5 rounded-lg border border-dashboard-destructive/20 bg-dashboard-destructive/10 px-3 py-1.5 text-xs text-dashboard-destructive", className), "data-testid": testId, children: [showIcon && (_jsx(AlertTriangle, { className: "size-3.5 shrink-0 text-dashboard-destructive" })), _jsx(ThemedText, { as: "span", children: resolvedMessage }), onRetry && (_jsx("button", { type: "button", onClick: onRetry, className: "font-semibold text-dashboard-destructive/80 underline-offset-2 hover:underline cursor-pointer", children: t("actions.retry", "Retry") }))] }));
+    }
+    const Icon = variant === "fullPage" ? WifiOff : AlertTriangle;
+    const card = (_jsxs(motion.div, { role: "alert", initial: { opacity: 0, y: 20, scale: 0.98 }, animate: { opacity: 1, y: 0, scale: 1 }, transition: { duration: 0.35, ease: [0.25, 0.1, 0.25, 1] }, className: cn("relative w-full max-w-md overflow-hidden rounded-xl border border-dashboard-border bg-dashboard-card p-6 shadow-2xl md:p-8", className), "data-testid": testId, children: [_jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute -right-16 -top-16 size-48 rounded-full opacity-20 blur-3xl", style: {
+                    background: accentColor ?? "var(--color-dashboard-primary)",
+                } }), _jsx("div", { "aria-hidden": true, className: "pointer-events-none absolute -bottom-20 -left-16 size-56 rounded-full opacity-20 blur-3xl", style: {
+                    background: primaryColor ?? "var(--color-dashboard-secondary)",
+                } }), _jsxs("div", { className: "relative z-10 flex flex-col items-center text-center", children: [showIcon && (_jsx(motion.div, { initial: { scale: 0.8, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: { delay: 0.1, duration: 0.35 }, className: "mb-4 flex size-12 items-center justify-center rounded-xl bg-dashboard-destructive/15 ring-1 ring-dashboard-destructive/30", children: _jsx(Icon, { className: "size-6 text-dashboard-destructive", strokeWidth: 2 }) })), _jsx(ThemedText, { variant: "body", as: "p", className: "mb-1.5 font-bold uppercase tracking-wider text-dashboard-destructive", children: t("errors.errorLabel", "Error") }), _jsx(ThemedText, { as: "h2", className: "text-xl font-bold tracking-tight text-dashboard-foreground", children: resolvedTitle }), _jsx(ThemedText, { as: "p", className: "mt-2 max-w-sm text-xs leading-relaxed text-dashboard-muted-foreground", children: resolvedMessage }), _jsxs("div", { className: "mt-6 flex w-full flex-col gap-2.5 sm:flex-row sm:justify-center", children: [onRetry && (_jsxs(Button, { type: "button", onClick: onRetry, className: "h-9 gap-1.5 rounded-lg bg-dashboard-destructive px-4 text-xs font-medium text-white shadow-xs hover:bg-dashboard-destructive/90", children: [_jsx(RefreshCw, { className: "size-3.5" }), t("actions.tryAgain", "Try again")] })), _jsxs(Button, { type: "button", variant: "outline", className: "h-9 gap-1.5 rounded-lg border-dashboard-border bg-dashboard-card/50 px-4 text-xs font-medium hover:bg-dashboard-secondary text-dashboard-foreground", onClick: () => {
+                                    navigate("/");
+                                }, children: [_jsx(Home, { className: "size-3.5" }), t("actions.goHome", "Go home")] })] })] })] }));
+    if (variant === "fullPage") {
+        return (_jsxs("div", { className: cn("relative flex h-[90vh] items-center justify-center overflow-hidden px-6 py-16", className), "data-testid": testId, children: [_jsx(motion.div, { className: "pointer-events-none absolute inset-0 opacity-40", style: {
+                        backgroundImage: `radial-gradient(circle at 20% 20%, ${accentColor ?? "var(--color-dashboard-accent)"}33 0%, transparent 45%), radial-gradient(circle at 80% 80%, ${primaryColor ?? "var(--color-dashboard-secondary)"}44 0%, transparent 50%)`,
+                    } }), _jsx("div", { className: "relative z-10 w-full flex justify-center", children: card })] }));
+    }
+    return (_jsx(motion.div, { className: cn("flex w-full justify-center p-4", className), "data-testid": testId, children: card }));
+}
+export default ErrorState;
+//# sourceMappingURL=ErrorState.js.map

package/dist/components/ErrorState.js.map

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

package/dist/components/FileAttachmentChip.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface FileAttachmentChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    size?: string;
+    url?: string;
+    onDownload?: () => void;
+    onDelete?: () => void;
+}
+export declare function FileAttachmentChip({ name, size, url, onDownload, onDelete, className, ...props }: FileAttachmentChipProps): React.JSX.Element;
+export default FileAttachmentChip;

package/dist/components/FileAttachmentChip.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Download, Paperclip, Trash2 } from "lucide-react";
+export function FileAttachmentChip({ name, size, url, onDownload, onDelete, className, ...props }) {
+    const handleDownload = (e) => {
+        e.stopPropagation();
+        if (onDownload) {
+            onDownload();
+        }
+        else if (url) {
+            window.open(url, "_blank");
+        }
+    };
+    const handleDelete = (e) => {
+        e.stopPropagation();
+        onDelete?.();
+    };
+    return (_jsxs("div", { className: cn("group flex items-center justify-between gap-3 px-3 py-2 rounded-lg bg-dashboard-secondary/60 hover:bg-dashboard-secondary border border-dashboard-border transition-colors text-xs select-none", className), ...props, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx(Paperclip, { className: "w-3.5 h-3.5 text-dashboard-muted-foreground shrink-0" }), _jsx("span", { className: "truncate font-medium text-dashboard-foreground", children: name })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [size && (_jsx("span", { className: "text-[11px] text-dashboard-muted-foreground tabular-nums", children: size })), (onDownload || url) && (_jsx("button", { type: "button", onClick: handleDownload, "aria-label": `Download ${name}`, className: "p-1 text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-muted/30 rounded transition-colors", children: _jsx(Download, { className: "w-3.5 h-3.5" }) })), onDelete && (_jsx("button", { type: "button", onClick: handleDelete, "aria-label": `Delete ${name}`, className: "p-1 text-dashboard-muted-foreground hover:text-red-400 hover:bg-red-500/10 rounded transition-colors", children: _jsx(Trash2, { className: "w-3.5 h-3.5" }) }))] })] }));
+}
+export default FileAttachmentChip;
+//# sourceMappingURL=FileAttachmentChip.js.map

package/dist/components/FileAttachmentChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAttachmentChip.js","sourceRoot":"","sources":["../../src/components/FileAttachmentChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAW3D,MAAM,UAAU,kBAAkB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACc;IACtB,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,UAAU,EAAE,CAAC;YACb,UAAU,EAAE,CAAC;QACjB,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,EAAE;QACzC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,QAAQ,EAAE,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,gMAAgM,EAChM,SAAS,CACZ,KACG,KAAK,aAET,eAAK,SAAS,EAAC,wCAAwC,aACnD,KAAC,SAAS,IAAC,SAAS,EAAC,sDAAsD,GAAG,EAC9E,eAAM,SAAS,EAAC,gDAAgD,YAC3D,IAAI,GACF,IACL,EAEN,eAAK,SAAS,EAAC,kCAAkC,aAC5C,IAAI,IAAI,CACL,eAAM,SAAS,EAAC,0DAA0D,YACrE,IAAI,GACF,CACV,EAEA,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,CACpB,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,gBACX,YAAY,IAAI,EAAE,EAC9B,SAAS,EAAC,2HAA2H,YAErI,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAC/B,CACZ,EAEA,QAAQ,IAAI,CACT,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,gBACT,UAAU,IAAI,EAAE,EAC5B,SAAS,EAAC,sGAAsG,YAEhH,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,GAAG,GAC7B,CACZ,IACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/FilterConditionChip.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface FilterConditionChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    field: string;
+    operator?: string;
+    value: string;
+    onRemove?: () => void;
+    onClick?: () => void;
+}
+export declare function FilterConditionChip({ field, operator, value, onRemove, onClick, className, ...props }: FilterConditionChipProps): React.JSX.Element;
+export default FilterConditionChip;

package/dist/components/FilterConditionChip.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { X } from "lucide-react";
+export function FilterConditionChip({ field, operator = "=", value, onRemove, onClick, className, ...props }) {
+    return (_jsxs("div", { className: cn("inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md bg-dashboard-secondary/80 hover:bg-dashboard-secondary border border-dashboard-border text-xs text-dashboard-foreground font-medium transition-colors select-none", onClick && "cursor-pointer", className), onClick: onClick, ...props, children: [_jsx("span", { className: "text-dashboard-muted-foreground", children: field }), _jsx("span", { className: "text-dashboard-primary font-mono text-[11px]", children: operator }), _jsx("span", { className: "text-dashboard-foreground font-semibold", children: value }), onRemove && (_jsx("button", { type: "button", "aria-label": `Remove filter for ${field}`, onClick: (e) => {
+                    e.stopPropagation();
+                    onRemove();
+                }, className: "ml-1 p-0.5 rounded-xs text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-muted/40 transition-colors", children: _jsx(X, { className: "w-3 h-3" }) }))] }));
+}
+export default FilterConditionChip;
+//# sourceMappingURL=FilterConditionChip.js.map

package/dist/components/FilterConditionChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterConditionChip.js","sourceRoot":"","sources":["../../src/components/FilterConditionChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAWjC,MAAM,UAAU,mBAAmB,CAAC,EAChC,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACe;IACvB,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CACT,2NAA2N,EAC3N,OAAO,IAAI,gBAAgB,EAC3B,SAAS,CACZ,EACD,OAAO,EAAE,OAAO,KACZ,KAAK,aAET,eAAM,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAQ,EAChE,eAAM,SAAS,EAAC,8CAA8C,YACzD,QAAQ,GACN,EACP,eAAM,SAAS,EAAC,yCAAyC,YACpD,KAAK,GACH,EACN,QAAQ,IAAI,CACT,iBACI,IAAI,EAAC,QAAQ,gBACD,qBAAqB,KAAK,EAAE,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACf,CAAC,EACD,SAAS,EAAC,qIAAqI,YAE/I,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GACpB,CACZ,IACC,CACT,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/components/GalleryCarouselDialog.d.ts

@@ -0,0 +1,14 @@
+interface MediaItem {
+    url: string;
+    type?: "image" | "video";
+    title?: string;
+}
+export declare function GalleryCarouselDialog({ images, media, initialIndex, open, onClose, galleryId, }: {
+    images?: string[];
+    media?: MediaItem[];
+    initialIndex: number;
+    open: boolean;
+    onClose: () => void;
+    galleryId?: number;
+}): import("react").JSX.Element | null;
+export {};

package/dist/components/GalleryCarouselDialog.js

@@ -0,0 +1,167 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogOverlay, DialogPortal, } from "./dialog.js";
+import { ChevronLeft, ChevronRight, Download, Grid3x3, ImageIcon, Play, Share2, X, ZoomIn, } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { toast } from "sonner";
+function isVideo(url, type) {
+    if (type === "video")
+        return true;
+    const videoExtensions = [".mp4", ".webm", ".ogg", ".mov", ".mkv"];
+    const lowerUrl = url.toLowerCase();
+    return videoExtensions.some((ext) => lowerUrl.includes(ext));
+}
+export function GalleryCarouselDialog({ images, media, initialIndex, open, onClose, galleryId, }) {
+    // Normalize media array (support both images and media props)
+    const mediaItems = media || images?.map((url) => ({ url, type: "image" })) || [];
+    const [current, setCurrent] = useState(initialIndex);
+    const [animDir, setAnimDir] = useState(null);
+    const [isAnimating, setIsAnimating] = useState(false);
+    const [showThumbs, setShowThumbs] = useState(true);
+    const [zoom, setZoom] = useState(false);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const thumbsRef = useRef(null);
+    const videoRef = useRef(null);
+    const total = mediaItems.length;
+    const currentItem = mediaItems[current];
+    const currentIsVideo = currentItem
+        ? isVideo(currentItem.url, currentItem.type)
+        : false;
+    useEffect(() => {
+        if (open) {
+            setCurrent(initialIndex);
+            setZoom(false);
+        }
+    }, [open, initialIndex]);
+    useEffect(() => {
+        if (!thumbsRef.current)
+            return;
+        const active = thumbsRef.current.querySelector(`[data-active="true"]`);
+        active?.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "center",
+        });
+    }, [current]);
+    const navigate = useCallback((dir) => {
+        if (isAnimating || zoom)
+            return;
+        setAnimDir(dir === "next" ? "left" : "right");
+        setIsAnimating(true);
+        setTimeout(() => {
+            setCurrent((c) => dir === "next" ? (c + 1) % total : (c - 1 + total) % total);
+            setAnimDir(null);
+            setTimeout(() => setIsAnimating(false), 50);
+        }, 220);
+    }, [isAnimating, zoom, total]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const handler = (e) => {
+            if (e.key === "ArrowRight")
+                navigate("next");
+            if (e.key === "ArrowLeft")
+                navigate("prev");
+            if (e.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+    }, [open, navigate, onClose]);
+    const touchStart = useRef(null);
+    const handleTouchStart = (e) => {
+        touchStart.current = e.touches[0].clientX;
+    };
+    const handleTouchEnd = (e) => {
+        if (touchStart.current === null)
+            return;
+        const diff = touchStart.current - e.changedTouches[0].clientX;
+        if (Math.abs(diff) > 50)
+            navigate(diff > 0 ? "next" : "prev");
+        touchStart.current = null;
+    };
+    const handleDownload = async (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!currentItem?.url)
+            return;
+        let downloadUrl = currentItem.url;
+        try {
+            const urlObj = new URL(downloadUrl);
+            // If it's a backend storage URL, make it relative so it goes through our Vite proxy (or same-origin in prod) to bypass CORS
+            if (urlObj.pathname.startsWith("/storage/")) {
+                downloadUrl = urlObj.pathname + urlObj.search;
+            }
+        }
+        catch (err) {
+            // Ignore invalid URLs
+        }
+        const toastId = toast.loading("Downloading media...");
+        try {
+            const response = await fetch(downloadUrl);
+            if (!response.ok)
+                throw new Error("Failed to fetch");
+            const blob = await response.blob();
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement("a");
+            a.style.display = "none";
+            a.href = url;
+            a.download = currentItem.url.split("/").pop() || "download";
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            document.body.removeChild(a);
+            toast.success("Download complete", { id: toastId });
+        }
+        catch (error) {
+            console.error("Failed to download media", error);
+            toast.error("Download failed. The file might have CORS restrictions.", { id: toastId });
+        }
+    };
+    if (!open)
+        return null;
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { className: "fixed inset-0 z-50 bg-black/95 backdrop-blur-sm data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0" }), _jsxs("div", { className: "fixed inset-0 z-50 flex flex-col data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", children: [_jsxs("div", { className: "flex items-center justify-between px-6 py-4 shrink-0", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 rounded-lg bg-dashboard-secondary/60 flex items-center justify-center border border-dashboard-border", children: _jsx(ImageIcon, { size: 15, className: "text-dashboard-muted-foreground" }) }), _jsxs("div", { children: [_jsxs("p", { className: "text-dashboard-foreground font-display font-semibold text-xs leading-none mb-1", children: ["Gallery #", galleryId] }), _jsxs("p", { className: "text-dashboard-muted-foreground text-[11px] font-medium tabular-nums", children: [current + 1, " ", _jsx("span", { className: "text-dashboard-muted-foreground/40", children: "/" }), " ", total] })] })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("button", { onClick: () => setZoom((v) => !v), "aria-label": "Toggle zoom", className: `w-8 h-8 rounded-lg flex items-center justify-center border transition-colors cursor-pointer ${zoom ? "bg-dashboard-primary/20 border-dashboard-primary/50 text-dashboard-primary" : "bg-dashboard-card border-dashboard-border text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"}`, title: "Toggle zoom", children: _jsx(ZoomIn, { size: 14 }) }), _jsx("button", { onClick: () => setShowThumbs((v) => !v), "aria-label": "Toggle thumbnails", className: `w-8 h-8 rounded-lg flex items-center justify-center border transition-colors cursor-pointer ${showThumbs ? "bg-dashboard-secondary border-dashboard-border text-dashboard-foreground" : "bg-dashboard-card border-dashboard-border text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"}`, title: "Toggle thumbnails", children: _jsx(Grid3x3, { size: 14 }) }), _jsx("button", { onClick: handleDownload, "aria-label": "Download media", className: "w-8 h-8 rounded-lg bg-dashboard-card border border-dashboard-border flex items-center justify-center text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground transition-colors cursor-pointer", title: "Download", children: _jsx(Download, { size: 14 }) }), _jsx("button", { onClick: () => navigator.clipboard?.writeText(currentItem?.url || ""), "aria-label": "Copy URL", className: "w-8 h-8 rounded-lg bg-dashboard-card border border-dashboard-border flex items-center justify-center text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground transition-colors cursor-pointer", title: "Copy URL", children: _jsx(Share2, { size: 14 }) }), _jsx("div", { className: "w-px h-5 bg-dashboard-border/80 mx-1" }), _jsx("button", { onClick: onClose, "aria-label": "Close dialog", className: "w-8 h-8 rounded-lg bg-dashboard-card border border-dashboard-border flex items-center justify-center text-dashboard-muted-foreground hover:bg-dashboard-destructive/15 hover:border-dashboard-destructive/30 hover:text-dashboard-destructive transition-colors cursor-pointer", children: _jsx(X, { size: 14 }) })] })] }), _jsxs("div", { className: "flex-1 relative flex items-center justify-center px-4 min-h-0 overflow-hidden", onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, children: [_jsx("div", { className: "absolute inset-0 pointer-events-none opacity-20 transition-all duration-1000", style: {
+                                        background: `radial-gradient(ellipse 60% 60% at 50% 50%, var(--color-dashboard-primary), transparent)`,
+                                    } }), _jsx("button", { type: "button", "aria-label": "Previous media", onClick: (e) => {
+                                        e.stopPropagation();
+                                        navigate("prev");
+                                    }, disabled: isAnimating || zoom, className: "absolute left-4 z-10 w-11 h-11 rounded-full bg-dashboard-card/90 border border-dashboard-border backdrop-blur-xs flex items-center justify-center text-dashboard-foreground hover:bg-dashboard-secondary transition-all disabled:opacity-30 group", children: _jsx(ChevronLeft, { size: 20, className: "group-hover:-translate-x-0.5 transition-transform rtl:rotate-180" }) }), _jsxs("div", { className: `relative w-[calc(100%-10rem)] md:w-[calc(100%-20rem)] mx-auto rounded-2xl overflow-hidden transition-all duration-500 select-none ${zoom && !currentIsVideo ? "cursor-zoom-out" : currentIsVideo ? "" : "cursor-zoom-in"}`, style: {
+                                        opacity: isAnimating ? 0 : 1,
+                                        transform: isAnimating
+                                            ? `translateX(${animDir === "left" ? "-40px" : "40px"}) scale(0.97)`
+                                            : "translateX(0) scale(1)",
+                                        transition: "opacity 0.22s ease, transform 0.22s ease",
+                                    }, onClick: (e) => {
+                                        e.stopPropagation();
+                                        if (!isAnimating && !currentIsVideo)
+                                            setZoom((v) => !v);
+                                    }, children: [currentIsVideo ? (_jsx("video", { ref: videoRef, src: currentItem?.url, className: "block w-full max-h-[60vh] object-contain rounded-2xl", controls: true, autoPlay: isPlaying, onPlay: () => setIsPlaying(true), onPause: () => setIsPlaying(false) })) : (_jsx("img", { src: currentItem?.url, alt: currentItem?.title ||
+                                                `Image ${current + 1}`, className: `block w-full max-h-[60vh] object-contain rounded-2xl transition-all duration-500 ${zoom ? "scale-[2.5]" : "scale-100"}`, draggable: false })), _jsx("div", { className: "absolute inset-0 rounded-2xl ring-1 ring-dashboard-border/40 pointer-events-none" })] }), _jsx("button", { type: "button", "aria-label": "Next media", onClick: (e) => {
+                                        e.stopPropagation();
+                                        navigate("next");
+                                    }, disabled: isAnimating || zoom, className: "absolute right-4 z-10 w-11 h-11 rounded-full bg-dashboard-card/90 border border-dashboard-border backdrop-blur-xs flex items-center justify-center text-dashboard-foreground hover:bg-dashboard-secondary transition-all disabled:opacity-30 group", children: _jsx(ChevronRight, { size: 20, className: "group-hover:translate-x-0.5 transition-transform rtl:rotate-180" }) }), _jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2 w-32 h-1 bg-dashboard-secondary rounded-full overflow-hidden border border-dashboard-border", children: _jsx("div", { className: "h-full bg-dashboard-primary rounded-full transition-all duration-300", style: {
+                                            width: `${((current + 1) / total) * 100}%`,
+                                        } }) })] }), _jsx("div", { className: `shrink-0 transition-all duration-500 overflow-hidden ${showThumbs ? "max-h-32 opacity-100" : "max-h-0 opacity-0"}`, children: _jsxs("div", { className: "px-6 pt-4 pb-5", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-8 bg-linear-to-r from-dashboard-background to-transparent z-10 pointer-events-none" }), _jsx("div", { className: "absolute right-0 top-0 bottom-0 w-8 bg-linear-to-l from-dashboard-background to-transparent z-10 pointer-events-none" }), _jsx("div", { ref: thumbsRef, className: "flex gap-2 overflow-x-auto pb-1 scroll-smooth", style: { scrollbarWidth: "none" }, children: mediaItems.map((item, i) => {
+                                                    const itemIsVideo = isVideo(item.url, item.type);
+                                                    return (_jsxs("button", { type: "button", "aria-label": `View media ${i + 1}`, "data-active": i === current, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            if (isAnimating)
+                                                                return;
+                                                            setAnimDir(i > current
+                                                                ? "left"
+                                                                : "right");
+                                                            setIsAnimating(true);
+                                                            setTimeout(() => {
+                                                                setCurrent(i);
+                                                                setAnimDir(null);
+                                                                setTimeout(() => setIsAnimating(false), 50);
+                                                            }, 220);
+                                                        }, className: `relative shrink-0 w-16 h-16 rounded-xl overflow-hidden transition-all duration-300 border-2 ${i === current
+                                                            ? "border-dashboard-primary scale-105 shadow-xs"
+                                                            : "border-dashboard-border opacity-60 hover:opacity-100 hover:border-dashboard-primary/60 hover:scale-102"}`, children: [_jsx("img", { src: item.url, alt: "", className: "w-full h-full object-cover", draggable: false }), itemIsVideo && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: _jsx(Play, { size: 16, className: "text-white fill-white" }) })), i === current && (_jsx("div", { className: "absolute inset-0 ring-2 ring-dashboard-primary/50 ring-inset rounded-[10px]" }))] }, i));
+                                                }) })] }), _jsx("div", { className: "flex justify-center gap-1 mt-3", children: Array.from({ length: Math.min(total, 9) }).map((_, i) => {
+                                            const idx = Math.floor((current / total) *
+                                                Math.min(total, 9));
+                                            return (_jsx("div", { className: `rounded-full transition-all duration-300 ${i === idx ? "w-4 h-1.5 bg-dashboard-primary" : "w-1.5 h-1.5 bg-dashboard-secondary border border-dashboard-border"}` }, i));
+                                        }) })] }) })] })] }) }));
+}
+//# sourceMappingURL=GalleryCarouselDialog.js.map

package/dist/components/GalleryCarouselDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryCarouselDialog.js","sourceRoot":"","sources":["../../src/components/GalleryCarouselDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,MAAM,EACN,aAAa,EACb,YAAY,GACf,MAAM,UAAU,CAAC;AAClB,OAAO,EACH,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,MAAM,EACN,CAAC,EACD,MAAM,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAQ/B,SAAS,OAAO,CAAC,GAAW,EAAE,IAAa;IACvC,IAAI,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC;IAClC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IACnC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EAClC,MAAM,EACN,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,SAAS,GAQZ;IACG,8DAA8D;IAC9D,MAAM,UAAU,GACZ,KAAK,IAAI,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;IAChC,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,WAAW;QAC9B,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC;QAC5C,CAAC,CAAC,KAAK,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI,EAAE,CAAC;YACP,UAAU,CAAC,YAAY,CAAC,CAAC;YACzB,OAAO,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE,OAAO;QAC/B,MAAM,MAAM,GACR,SAAS,CAAC,OAAO,CAAC,aAAa,CAC3B,sBAAsB,CACzB,CAAC;QACN,MAAM,EAAE,cAAc,CAAC;YACnB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,QAAQ,GAAG,WAAW,CACxB,CAAC,GAAoB,EAAE,EAAE;QACrB,IAAI,WAAW,IAAI,IAAI;YAAE,OAAO;QAChC,UAAU,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,UAAU,CAAC,GAAG,EAAE;YACZ,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CACb,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAC7D,CAAC;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAChD,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,EACD,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,CAC7B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC7C,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACtC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC/C,MAAM,gBAAgB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC7C,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC9C,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC3C,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE,OAAO;QACxC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAC9D,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE;YAAE,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,CAAmB,EAAE,EAAE;QACjD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,EAAE,GAAG;YAAE,OAAO;QAE9B,IAAI,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC;QAClC,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;YACpC,4HAA4H;YAC5H,IAAI,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC1C,WAAW,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;YAClD,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,sBAAsB;QAC1B,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QACtD,IAAI,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,WAAW,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;YACrD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;YACb,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC;YAC5D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC7B,CAAC,CAAC,KAAK,EAAE,CAAC;YACV,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC7B,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QACxD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;YACjD,KAAK,CAAC,KAAK,CACP,yDAAyD,EACzD,EAAE,EAAE,EAAE,OAAO,EAAE,CAClB,CAAC;QACN,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACH,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,YACpD,MAAC,YAAY,eACT,KAAC,aAAa,IAAC,SAAS,EAAC,yIAAyI,GAAG,EAErK,eAAK,SAAS,EAAC,0HAA0H,aAErI,eAAK,SAAS,EAAC,sDAAsD,aACjE,eAAK,SAAS,EAAC,yBAAyB,aACpC,cAAK,SAAS,EAAC,8GAA8G,YACzH,KAAC,SAAS,IACN,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,iCAAiC,GAC7C,GACA,EACN,0BACI,aAAG,SAAS,EAAC,gFAAgF,0BAC/E,SAAS,IACnB,EACJ,aAAG,SAAS,EAAC,sEAAsE,aAC9E,OAAO,GAAG,CAAC,EAAE,GAAG,EACjB,eAAM,SAAS,EAAC,oCAAoC,kBAE7C,EAAC,GAAG,EACV,KAAK,IACN,IACF,IACJ,EAEN,eAAK,SAAS,EAAC,2BAA2B,aACtC,iBACI,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBACtB,aAAa,EACxB,SAAS,EAAE,+FAA+F,IAAI,CAAC,CAAC,CAAC,4EAA4E,CAAC,CAAC,CAAC,wIAAwI,EAAE,EAC1U,KAAK,EAAC,aAAa,YAEnB,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACf,EACT,iBACI,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,gBAC5B,mBAAmB,EAC9B,SAAS,EAAE,+FAA+F,UAAU,CAAC,CAAC,CAAC,0EAA0E,CAAC,CAAC,CAAC,wIAAwI,EAAE,EAC9U,KAAK,EAAC,mBAAmB,YAEzB,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,EACT,iBACI,OAAO,EAAE,cAAc,gBACZ,gBAAgB,EAC3B,SAAS,EAAC,oOAAoO,EAC9O,KAAK,EAAC,UAAU,YAEhB,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACT,iBACI,OAAO,EAAE,GAAG,EAAE,CACV,SAAS,CAAC,SAAS,EAAE,SAAS,CAC1B,WAAW,EAAE,GAAG,IAAI,EAAE,CACzB,gBAEM,UAAU,EACrB,SAAS,EAAC,oOAAoO,EAC9O,KAAK,EAAC,UAAU,YAEhB,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACf,EACT,cAAK,SAAS,EAAC,sCAAsC,GAAG,EACxD,iBACI,OAAO,EAAE,OAAO,gBACL,cAAc,EACzB,SAAS,EAAC,gRAAgR,YAE1R,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACV,IACP,IACJ,EAGN,eACI,SAAS,EAAC,+EAA+E,EACzF,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,cAAc,aAG1B,cACI,SAAS,EAAC,8EAA8E,EACxF,KAAK,EAAE;wCACH,UAAU,EAAE,0FAA0F;qCACzG,GACH,EAGF,iBACI,IAAI,EAAC,QAAQ,gBACF,gBAAgB,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACX,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,QAAQ,CAAC,MAAM,CAAC,CAAC;oCACrB,CAAC,EACD,QAAQ,EAAE,WAAW,IAAI,IAAI,EAC7B,SAAS,EAAC,mPAAmP,YAE7P,KAAC,WAAW,IACR,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,kEAAkE,GAC9E,GACG,EAGT,eACI,SAAS,EAAE,qIAAqI,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,EACtO,KAAK,EAAE;wCACH,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wCAC5B,SAAS,EAAE,WAAW;4CAClB,CAAC,CAAC,cAAc,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,eAAe;4CACpE,CAAC,CAAC,wBAAwB;wCAC9B,UAAU,EACN,0CAA0C;qCACjD,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACX,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc;4CAC/B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oCAC3B,CAAC,aAEA,cAAc,CAAC,CAAC,CAAC,CACd,gBACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,WAAW,EAAE,GAAG,EACrB,SAAS,EAAC,sDAAsD,EAChE,QAAQ,QACR,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,CACL,CAAC,CAAC,CAAC,CACA,cACI,GAAG,EAAE,WAAW,EAAE,GAAG,EACrB,GAAG,EACC,WAAW,EAAE,KAAK;gDAClB,SAAS,OAAO,GAAG,CAAC,EAAE,EAE1B,SAAS,EAAE,oFAAoF,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,EACnI,SAAS,EAAE,KAAK,GAClB,CACL,EACD,cAAK,SAAS,EAAC,kFAAkF,GAAG,IAClG,EAGN,iBACI,IAAI,EAAC,QAAQ,gBACF,YAAY,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACX,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,QAAQ,CAAC,MAAM,CAAC,CAAC;oCACrB,CAAC,EACD,QAAQ,EAAE,WAAW,IAAI,IAAI,EAC7B,SAAS,EAAC,oPAAoP,YAE9P,KAAC,YAAY,IACT,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,iEAAiE,GAC7E,GACG,EAGT,cAAK,SAAS,EAAC,yIAAyI,YACpJ,cACI,SAAS,EAAC,sEAAsE,EAChF,KAAK,EAAE;4CACH,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG;yCAC7C,GACH,GACA,IACJ,EAGN,cACI,SAAS,EAAE,wDAAwD,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,EAAE,YAE9H,eAAK,SAAS,EAAC,gBAAgB,aAC3B,eAAK,SAAS,EAAC,UAAU,aACrB,cAAK,SAAS,EAAC,qHAAqH,GAAG,EACvI,cAAK,SAAS,EAAC,sHAAsH,GAAG,EACxI,cACI,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAEhC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;oDACxB,MAAM,WAAW,GAAG,OAAO,CACvB,IAAI,CAAC,GAAG,EACR,IAAI,CAAC,IAAI,CACZ,CAAC;oDACF,OAAO,CACH,kBAEI,IAAI,EAAC,QAAQ,gBACD,cAAc,CAAC,GAAG,CAAC,EAAE,iBACpB,CAAC,KAAK,OAAO,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4DACX,CAAC,CAAC,eAAe,EAAE,CAAC;4DACpB,IAAI,WAAW;gEAAE,OAAO;4DACxB,UAAU,CACN,CAAC,GAAG,OAAO;gEACP,CAAC,CAAC,MAAM;gEACR,CAAC,CAAC,OAAO,CAChB,CAAC;4DACF,cAAc,CAAC,IAAI,CAAC,CAAC;4DACrB,UAAU,CAAC,GAAG,EAAE;gEACZ,UAAU,CAAC,CAAC,CAAC,CAAC;gEACd,UAAU,CAAC,IAAI,CAAC,CAAC;gEACjB,UAAU,CACN,GAAG,EAAE,CACD,cAAc,CACV,KAAK,CACR,EACL,EAAE,CACL,CAAC;4DACN,CAAC,EAAE,GAAG,CAAC,CAAC;wDACZ,CAAC,EACD,SAAS,EAAE,+FACP,CAAC,KAAK,OAAO;4DACT,CAAC,CAAC,8CAA8C;4DAChD,CAAC,CAAC,wGACV,EAAE,aAEF,cACI,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,4BAA4B,EACtC,SAAS,EAAE,KAAK,GAClB,EACD,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,+DAA+D,YAC1E,KAAC,IAAI,IACD,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,uBAAuB,GACnC,GACA,CACT,EACA,CAAC,KAAK,OAAO,IAAI,CACd,cAAK,SAAS,EAAC,6EAA6E,GAAG,CAClG,KA/CI,CAAC,CAgDD,CACZ,CAAC;gDACN,CAAC,CAAC,GACA,IACJ,EAGN,cAAK,SAAS,EAAC,gCAAgC,YAC1C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAC3C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4CACL,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAClB,CAAC,OAAO,GAAG,KAAK,CAAC;gDACb,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CACzB,CAAC;4CACF,OAAO,CACH,cAEI,SAAS,EAAE,4CAA4C,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,mEAAmE,EAAE,IADtK,CAAC,CAER,CACL,CAAC;wCACN,CAAC,CACJ,GACC,IACJ,GACJ,IACJ,IACK,GACV,CACZ,CAAC;AACN,CAAC"}

package/dist/components/HierarchicalSelectionMenu.d.ts

@@ -0,0 +1,21 @@
+import { FieldValidationProps } from "./form-error";
+export interface HierarchicalItem {
+    id: string;
+    name: string;
+    parentId: string | null;
+    children?: HierarchicalItem[] | null;
+    [key: string]: any;
+}
+export interface HierarchicalSelectionMenuProps extends FieldValidationProps {
+    items: HierarchicalItem[];
+    value: string | null;
+    onChange: (id: string | null, item?: HierarchicalItem | null) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    id?: string;
+    className?: string;
+    selectedLabel?: string;
+    selectedItem?: HierarchicalItem | any;
+}
+export declare function HierarchicalSelectionMenu({ items, value, onChange, placeholder, searchPlaceholder, emptyMessage, id, className, selectedLabel, selectedItem, error, errors, payloadKey, errorKey, containerClassName, errorClassName, }: HierarchicalSelectionMenuProps): import("react").JSX.Element;