@wildo-ai/presets-components 1.0.1

package/dist/esm/components/data-display/formatters/display-field-range-time.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "@wildo-ai/saas-frontend-lib";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+function DisplayFieldRangeTime({ value, className, separator = '—', }) {
+    const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const fmt = (d) => {
+        if (d === undefined || d === null)
+            return '—';
+        // Time values may be strings like "14:30:00" — display as-is
+        if (typeof d === 'string')
+            return d;
+        return formatTime(d);
+    };
+    if (value === null || value === undefined) {
+        return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
+    }
+    const { from, to } = value;
+    if (from === undefined && to === undefined) {
+        return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
+    }
+    let displayText;
+    if (from !== undefined && to !== undefined) {
+        displayText = `${fmt(from)} ${separator} ${fmt(to)}`;
+    }
+    else if (from !== undefined) {
+        displayText = `≥ ${fmt(from)}`;
+    }
+    else {
+        displayText = `≤ ${fmt(to)}`;
+    }
+    return _jsx(Text, { className: className, children: displayText });
+}
+;
+DisplayFieldRangeTime.displayName = "DisplayFieldRangeTime";
+export { DisplayFieldRangeTime };
+//# sourceMappingURL=display-field-range-time.js.map

package/dist/esm/components/data-display/formatters/display-field-range-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-range-time.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-range-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAYZ,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,SAAS,GAAG,GAAG,GACY;IAC3B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,MAAM,GAAG,GAAG,CAAC,CAA4B,EAAU,EAAE;QACnD,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;YAAE,OAAO,GAAG,CAAA;QAC7C,6DAA6D;QAC7D,IAAI,OAAO,CAAC,KAAK,QAAQ;YAAE,OAAO,CAAC,CAAA;QACnC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,KAAK,CAAA;IAE1B,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,IAAI,WAAmB,CAAA;IACvB,IAAI,IAAI,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC3C,WAAW,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IACtD,CAAC;SAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,WAAW,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE,CAAA;IAChC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAA;IAC9B,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,WAAW,GAAQ,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-string.d.ts

@@ -0,0 +1,16 @@
+/**
+ * DisplayFieldString Component
+ *
+ * Displays a string value based on the string UI decorator.
+ * Supports different display modes: text, truncate, multiline, color, link, email, badge, copy, secret
+ */
+import * as React from "react";
+import type { DisplayFieldStringProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * DisplayFieldString component
+ *
+ * Renders a string value according to the string UI decorator
+ */
+declare function DisplayFieldString({ schema, value, className, }: DisplayFieldStringProps): React.JSX.Element;
+export { DisplayFieldString };
+//# sourceMappingURL=display-field-string.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-string.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAE1E;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0J7C;AAID,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-string.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DisplayFieldString Component
+ *
+ * Displays a string value based on the string UI decorator.
+ * Supports different display modes: text, truncate, multiline, color, link, email, badge, copy, secret
+ */
+import * as React from "react";
+import { useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Badge } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { getStringUI, getStringFormat, StringDisplayMode } from "@wildo-ai/zod-decorators";
+/**
+ * DisplayFieldString component
+ *
+ * Renders a string value according to the string UI decorator
+ */
+function DisplayFieldString({ schema, value, className, }) {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { renderIcon } = useIconRegistry();
+    const [copied, setCopied] = React.useState(false);
+    const [revealed, setRevealed] = React.useState(false);
+    const stringUI = getStringUI(schema);
+    const stringFormat = getStringFormat(schema);
+    let displayMode = stringUI?.display?.displayMode ?? StringDisplayMode.TEXT;
+    if (!stringUI && stringFormat) {
+        if (stringFormat === 'email')
+            displayMode = StringDisplayMode.EMAIL;
+        else if (stringFormat === 'url')
+            displayMode = StringDisplayMode.LINK;
+    }
+    const truncateLength = stringUI?.display?.truncateLength ?? 100;
+    // Copy to clipboard handler
+    const handleCopy = async () => {
+        if (value) {
+            await navigator.clipboard.writeText(value);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+    };
+    // Render the value content
+    const renderValue = () => {
+        // Handle null/undefined
+        if (value === null || value === undefined || value === '') {
+            return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
+        }
+        // Render based on display mode
+        switch (displayMode) {
+            case StringDisplayMode.TEXT:
+                return _jsx(Text, { children: value });
+            case StringDisplayMode.TRUNCATE:
+                const truncated = value.length > truncateLength
+                    ? `${value.substring(0, truncateLength)}...`
+                    : value;
+                return (_jsx(Text, { title: value, children: truncated }));
+            case StringDisplayMode.MULTILINE:
+                return (_jsx(Text, { className: "whitespace-pre-wrap", children: value }));
+            case StringDisplayMode.COLOR:
+                return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("div", { className: "h-5 w-5 rounded border border-border", style: { backgroundColor: value }, "aria-hidden": "true" }), _jsx(Text, { className: "font-mono text-sm", children: value })] }));
+            case StringDisplayMode.LINK:
+                return (_jsx("a", { href: value, target: "_blank", rel: "noopener noreferrer", className: "text-primary hover:underline", children: value }));
+            case StringDisplayMode.EMAIL:
+                return (_jsx("a", { href: `mailto:${value}`, className: "text-primary hover:underline", children: value }));
+            case StringDisplayMode.BADGE:
+                return _jsx(Badge, { variant: "secondary", children: value });
+            case StringDisplayMode.COPY:
+                return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(Text, { className: "font-mono text-sm", children: value }), _jsx("button", { type: "button", onClick: handleCopy, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": copied ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copied') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copyToClipboard'), children: _jsx("span", { "aria-hidden": "true", children: copied
+                                    ? renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })
+                                    : renderIcon(StandardIconReference.COPY, { size: IconSize.SM }) }) })] }));
+            case StringDisplayMode.SECRET:
+                return (_jsxs("div", { className: "flex items-center gap-element", children: [_jsx(Text, { className: "font-mono text-sm select-all", "aria-live": "polite", children: revealed ? value : '••••••••••••••••' }), _jsx("button", { type: "button", onClick: () => setRevealed(prev => !prev), className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": revealed ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'hideValue') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'revealValue'), children: _jsx("span", { "aria-hidden": "true", children: revealed
+                                    ? renderIcon(StandardIconReference.EYE_OFF, { size: IconSize.SM })
+                                    : renderIcon(StandardIconReference.EYE, { size: IconSize.SM }) }) }), _jsx("button", { type: "button", onClick: handleCopy, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": copied ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copied') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copyToClipboard'), children: _jsx("span", { "aria-hidden": "true", children: copied
+                                    ? renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })
+                                    : renderIcon(StandardIconReference.COPY, { size: IconSize.SM }) }) })] }));
+            default:
+                return _jsx(Text, { children: value });
+        }
+    };
+    // Label/description rendering is handled by the parent DisplayField (FIELD-01)
+    return _jsx("div", { className: className, children: renderValue() });
+}
+;
+DisplayFieldString.displayName = "DisplayFieldString";
+export { DisplayFieldString };
+//# sourceMappingURL=display-field-string.js.map

package/dist/esm/components/data-display/formatters/display-field-string.js.map

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

package/dist/esm/components/data-display/formatters/display-field-time.d.ts

@@ -0,0 +1,13 @@
+/**
+ * DisplayFieldTime Component
+ *
+ * Displays a time value formatted according to regional preferences.
+ * Uses the centralized formatting from ComponentsLabellingContext.
+ *
+ * Label/description rendering is handled by the parent DisplayField (FIELD-01).
+ */
+import * as React from "react";
+import type { DisplayFieldTimeProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldTime({ value, className, }: DisplayFieldTimeProps): React.JSX.Element;
+export { DisplayFieldTime };
+//# sourceMappingURL=display-field-time.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-time.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAGxE,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAc3C;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-time.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+function DisplayFieldTime({ value, className, }) {
+    const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (value === null || value === undefined) {
+        return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
+    }
+    // Time values may come as string "HH:mm:ss" — format only if it's a Date
+    if (value instanceof Date) {
+        return _jsx(Text, { className: className, children: formatTime(value) });
+    }
+    // String time values: display as-is (already formatted)
+    return _jsx(Text, { className: className, children: String(value) });
+}
+;
+DisplayFieldTime.displayName = "DisplayFieldTime";
+export { DisplayFieldTime };
+//# sourceMappingURL=display-field-time.js.map

package/dist/esm/components/data-display/formatters/display-field-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-time.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,yEAAyE;IACzE,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;QAC1B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,UAAU,CAAC,KAAK,CAAC,GAAQ,CAAA;IAC/D,CAAC;IAED,wDAAwD;IACxD,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,MAAM,CAAC,KAAK,CAAC,GAAQ,CAAA;AAC3D,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/feedback/celebration-overlay.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import type { CelebrationOverlayProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * CelebrationOverlay — generic, resource-agnostic celebration feedback component.
+ *
+ * A pure UI component that displays a celebration overlay with optional message,
+ * animation, and next-step CTA. Does NOT know about resources, i18n, or
+ * any engine concepts.
+ *
+ * Modes:
+ * - `overlay`: Full-screen centered overlay with message + confetti emoji
+ * - `confetti`: Lightweight confetti burst (no blocking overlay)
+ * - `lottie`: Animated TADA icon via the unified icon system (uses `renderIcon` with
+ *   `StandardIconReference.TADA`, rendered in a scaled container for visual impact)
+ *
+ * For engine integration, see the celebration-overlay wrapper in saas-frontend-lib
+ * which wires NotificationContext and i18n.
+ */
+export declare const CelebrationOverlay: React.ForwardRefExoticComponent<CelebrationOverlayProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=celebration-overlay.d.ts.map

package/dist/esm/components/feedback/celebration-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"celebration-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/celebration-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAM1E;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,gGA8H9B,CAAC"}

package/dist/esm/components/feedback/celebration-overlay.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, Button, ButtonVariants_Variant, useIconRegistry, StandardIconReference, IconSize } from "@wildo-ai/saas-frontend-lib";
+import { ButtonSize } from "@wildo-ai/presets-components-models";
+// ─────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────
+/**
+ * CelebrationOverlay — generic, resource-agnostic celebration feedback component.
+ *
+ * A pure UI component that displays a celebration overlay with optional message,
+ * animation, and next-step CTA. Does NOT know about resources, i18n, or
+ * any engine concepts.
+ *
+ * Modes:
+ * - `overlay`: Full-screen centered overlay with message + confetti emoji
+ * - `confetti`: Lightweight confetti burst (no blocking overlay)
+ * - `lottie`: Animated TADA icon via the unified icon system (uses `renderIcon` with
+ *   `StandardIconReference.TADA`, rendered in a scaled container for visual impact)
+ *
+ * For engine integration, see the celebration-overlay wrapper in saas-frontend-lib
+ * which wires NotificationContext and i18n.
+ */
+export const CelebrationOverlay = React.forwardRef(({ isActive, mode = 'overlay', message, notificationIdentifier, nextStep, onDismiss, dismissLabel = 'Dismiss', ariaLabel, className, ...props }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    if (!isActive)
+        return null;
+    // Confetti mode: lightweight effect without blocking overlay
+    if (mode === 'confetti') {
+        return (_jsx("div", { ref: ref, className: cn("fixed inset-0 z-50 pointer-events-none", className), "aria-hidden": "true", ...props, children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "animate-celebration-burst", children: Array.from({ length: 20 }).map((_, i) => (_jsx("span", { className: "absolute inline-block w-2 h-2 rounded-full", style: {
+                            backgroundColor: ['#FFD700', '#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7'][i % 6],
+                            transform: `rotate(${i * 18}deg) translateY(-${40 + Math.random() * 60}px)`,
+                            animation: `celebration-particle ${0.6 + Math.random() * 0.8}s ease-out forwards`,
+                            animationDelay: `${Math.random() * 0.3}s`,
+                            opacity: 0,
+                        } }, i))) }) }) }));
+    }
+    // Overlay mode (default, also used as fallback for lottie mode):
+    return (_jsx("div", { ref: ref, role: "dialog", "aria-modal": "true", "aria-label": ariaLabel || 'Celebration', className: cn("fixed inset-0 z-50 flex items-center justify-center", "bg-background/80 backdrop-blur-sm", "animate-in fade-in duration-[var(--motion-duration-normal)]", className), onClick: onDismiss, ...props, children: _jsxs("div", { className: "relative flex flex-col items-center gap-field p-card-lg max-w-md text-center", onClick: (e) => e.stopPropagation(), children: [mode === 'lottie' ? (_jsx("div", { className: "flex items-center justify-center", style: { width: 80, height: 80 }, "aria-hidden": "true", children: _jsx("div", { style: { transform: 'scale(2.5)' }, children: renderIcon(StandardIconReference.TADA, { size: IconSize.XL }) }) })) : (_jsx("div", { className: "text-6xl animate-bounce", "aria-hidden": "true", children: "\uD83C\uDF89" })), message && (_jsx("p", { className: "text-xl font-semibold text-foreground", children: message })), _jsxs("div", { className: "flex flex-col items-center gap-element mt-element", children: [nextStep && (_jsx(Button, { variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.MD, onClick: (e) => {
+                                e.stopPropagation();
+                                nextStep.onClick();
+                                onDismiss?.();
+                            }, children: nextStep.label })), onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, className: "text-sm text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors", children: dismissLabel }))] })] }) }));
+});
+CelebrationOverlay.displayName = "CelebrationOverlay";
+//# sourceMappingURL=celebration-overlay.js.map

package/dist/esm/components/feedback/celebration-overlay.js.map

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

package/dist/esm/components/feedback/danger-zone.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function DangerZone({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { DangerZone };
+//# sourceMappingURL=danger-zone.d.ts.map

package/dist/esm/components/feedback/danger-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/danger-zone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB3F;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/feedback/danger-zone.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, IndicatorVariant } from "@wildo-ai/presets-components-models";
+function DangerZone({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.INDICATOR, IndicatorVariant.ERROR);
+    return (_jsx("div", { "data-slot": "danger-zone", className: cn(
+        // Structure
+        "rounded-lg p-container", 
+        // Style — danger zone surface (softer than badge, uses token colors)
+        "border border-destructive/30 bg-destructive/5", 
+        // Motion from recipe
+        recipe.motion.transition, className), ...props }));
+}
+export { DangerZone };
+//# sourceMappingURL=danger-zone.js.map

package/dist/esm/components/feedback/danger-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone.js","sourceRoot":"","sources":["../../../../src/components/feedback/danger-zone.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAElF,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAEtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,wBAAwB;QACxB,qEAAqE;QACrE,+CAA+C;QAC/C,qBAAqB;QACrB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/esm/components/feedback/empty-state.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import type { EmptyStateProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * EmptyState — generic, resource-agnostic empty state component.
+ *
+ * A pure UI component that displays a placeholder when no content is available.
+ * Accepts all display props (title, description, icon, actions) from outside —
+ * does NOT know about resources, i18n, or any engine concepts.
+ *
+ * For resource-aware usage (list/table/search views), see ResourceEmptyState
+ * in saas-frontend-lib which wraps this component with i18n and config resolution.
+ */
+export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/esm/components/feedback/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAMlE;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,wFAsFtB,CAAC"}

package/dist/esm/components/feedback/empty-state.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, useIconRegistry, IconSize, Button, ButtonVariants_Variant } from "@wildo-ai/saas-frontend-lib";
+import { ButtonSize } from "@wildo-ai/presets-components-models";
+// ─────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────
+/**
+ * EmptyState — generic, resource-agnostic empty state component.
+ *
+ * A pure UI component that displays a placeholder when no content is available.
+ * Accepts all display props (title, description, icon, actions) from outside —
+ * does NOT know about resources, i18n, or any engine concepts.
+ *
+ * For resource-aware usage (list/table/search views), see ResourceEmptyState
+ * in saas-frontend-lib which wraps this component with i18n and config resolution.
+ */
+export const EmptyState = React.forwardRef(({ title, description, iconRef, primaryActionLabel, onPrimaryAction, showPrimaryAction = true, secondaryAction, variant = 'default', className, ...props }, ref) => {
+    const { renderIcon } = useIconRegistry();
+    const isCompact = variant === 'compact';
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col items-center justify-center text-center border border-dashed border-border rounded-lg", isCompact ? "py-section px-card gap-element" : "py-section-xl px-card-lg gap-field", className), ...props, children: [iconRef && (_jsx("div", { className: "text-muted-foreground/50", children: renderIcon(iconRef, { size: isCompact ? IconSize.MD : IconSize.LG }) })), _jsxs("div", { className: cn("flex flex-col", isCompact ? "gap-element-sm" : "gap-element"), children: [_jsx("p", { className: cn("font-medium text-muted-foreground", isCompact ? "text-sm" : "text-base"), children: title }), description && (_jsx("p", { className: cn("text-muted-foreground/70", isCompact ? "text-xs" : "text-sm", "max-w-[32rem] mx-auto"), children: description }))] }), (showPrimaryAction && onPrimaryAction && primaryActionLabel) || secondaryAction ? (_jsxs("div", { className: cn("flex flex-col items-center", isCompact ? "gap-element-sm" : "gap-element"), children: [showPrimaryAction && onPrimaryAction && primaryActionLabel && (_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: onPrimaryAction, className: "inline-flex items-center gap-element", children: primaryActionLabel })), secondaryAction && (_jsx("button", { type: "button", onClick: secondaryAction.onClick, className: cn("text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors", isCompact ? "text-xs" : "text-sm"), children: secondaryAction.label }))] })) : null] }));
+});
+EmptyState.displayName = "EmptyState";
+//# sourceMappingURL=empty-state.js.map

package/dist/esm/components/feedback/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,eAAe,EAAyB,QAAQ,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAClI,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAGhE,gEAAgE;AAChE,YAAY;AACZ,gEAAgE;AAEhE;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,KAAK,EACL,WAAW,EACX,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,iBAAiB,GAAG,IAAI,EACxB,eAAe,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS,CAAC;IAExC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qGAAqG,EACrG,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,oCAAoC,EACnF,SAAS,CACV,KACG,KAAK,aAGR,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0BAA0B,YACtC,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,GACjE,CACP,EAGD,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,aAC/E,YAAG,SAAS,EAAE,EAAE,CACd,mCAAmC,EACnC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CACpC,YACE,KAAK,GACJ,EACH,WAAW,IAAI,CACd,YAAG,SAAS,EAAE,EAAE,CACd,0BAA0B,EAC1B,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjC,uBAAuB,CACxB,YACE,WAAW,GACV,CACL,IACG,EAGL,CAAC,iBAAiB,IAAI,eAAe,IAAI,kBAAkB,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CACjF,eAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,aAC3F,iBAAiB,IAAI,eAAe,IAAI,kBAAkB,IAAI,CAC7D,KAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAC,sCAAsC,YAE/C,kBAAkB,GACZ,CACV,EACA,eAAe,IAAI,CAClB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,eAAe,CAAC,OAAO,EAChC,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAClC,YAEA,eAAe,CAAC,KAAK,GACf,CACV,IACG,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/esm/components/feedback/error-display.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ErrorDisplayProps } from '@wildo-ai/saas-frontend-lib';
+declare function ErrorDisplay({ className, variant, iconRef, statusCode, title, message, suggestion, actions, showDevInfo, devInfoTitle, devInfoSubtitle, devInfoSections, featureGuide, supportAccess, leadMagnet, userGuidance, ...props }: ErrorDisplayProps): React.JSX.Element;
+export { ErrorDisplay };
+//# sourceMappingURL=error-display.d.ts.map

package/dist/esm/components/feedback/error-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-display.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,OAAO,KAAK,EAAgL,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAoBlP,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,OAAqC,EACrC,UAAU,EACV,KAAK,EACL,OAAO,EACP,UAAU,EACV,OAAY,EACZ,WAAmB,EACnB,YAAsC,EACtC,eAAsC,EACtC,eAAoB,EACpB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8LvC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/feedback/error-display.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Button, ButtonVariants_Variant, } from "@wildo-ai/saas-frontend-lib";
+import { ButtonSize } from "@wildo-ai/presets-components-models";
+/** Maps error display variant to background color classes */
+const errorDisplayVariantClasses = {
+    default: "bg-background",
+    error: "bg-destructive/5",
+    warning: "bg-warning/5",
+};
+function errorDisplayVariants(props) {
+    const variant = props?.variant || "default";
+    return cn(
+    // Structure
+    "min-h-screen flex items-center justify-center p-card", 
+    // Color variant
+    errorDisplayVariantClasses[variant], props?.className);
+}
+function ErrorDisplay({ className, variant, iconRef = StandardIconReference.ERROR, statusCode, title, message, suggestion, actions = [], showDevInfo = false, devInfoTitle = "Developer Information", devInfoSubtitle = "(Development Only)", devInfoSections = [], featureGuide, supportAccess, leadMagnet, userGuidance, ...props }) {
+    const { renderIcon, hasIcon } = useIconRegistry();
+    const renderVisual = () => {
+        if (!iconRef || !hasIcon(iconRef))
+            return null;
+        return (_jsx("div", { className: cn("flex justify-center mb-field w-[120px] h-[120px] mx-auto", variant === "error" ? "text-destructive" : "text-muted-foreground"), children: renderIcon(iconRef, { size: IconSize.XL }) }));
+    };
+    const mapButtonVariant = (v) => {
+        switch (v) {
+            case "primary": return ButtonVariants_Variant.DEFAULT;
+            case "destructive": return ButtonVariants_Variant.DESTRUCTIVE;
+            case "secondary": return ButtonVariants_Variant.OUTLINE;
+            default: return ButtonVariants_Variant.DEFAULT;
+        }
+    };
+    return (_jsx("div", { "data-slot": "error-display", className: cn(errorDisplayVariants({ variant }), className), ...props, children: _jsxs(Card, { className: cn("w-full max-w-md text-center border-0 shadow-[var(--shadow-lg)]", showDevInfo && "max-w-2xl"), children: [_jsxs(CardHeader, { className: "items-center pb-element pt-region", children: [renderVisual(), statusCode && (_jsx("div", { className: "text-7xl font-bold text-muted-foreground/30 mb-element", children: statusCode })), _jsx(CardTitle, { className: cn("text-2xl", variant === "error" && "text-destructive"), children: title }), _jsx(CardDescription, { className: "text-base mt-element", children: message }), suggestion && (_jsx("p", { className: "text-sm text-muted-foreground mt-group", children: suggestion }))] }), actions.length > 0 && (_jsx(CardFooter, { className: "flex-col gap-group pb-region", children: actions.map((action, index) => (_jsxs(Button, { onClick: action.onClick, variant: mapButtonVariant(action.variant), className: "w-full", children: [action.iconRef && hasIcon(action.iconRef) && (renderIcon(action.iconRef, { size: IconSize.SM })), action.label] }, index))) })), userGuidance && (userGuidance.explanation || userGuidance.resolution || userGuidance.nextAction || userGuidance.completedSteps) && (_jsxs(CardContent, { className: "border-t pt-section text-start", children: [userGuidance.explanation && (_jsx("p", { className: "text-sm text-muted-foreground mb-element", children: userGuidance.explanation })), userGuidance.resolution && (_jsx("p", { className: "text-sm font-medium text-foreground mb-element", children: userGuidance.resolution })), userGuidance.completedSteps && userGuidance.completedSteps.length > 0 && (_jsx("div", { className: "mb-element", children: _jsx("ul", { className: "list-disc list-inside text-sm text-muted-foreground space-y-0.5", children: userGuidance.completedSteps.map((step, i) => (_jsx("li", { className: "text-success-foreground", children: _jsx("span", { className: "text-muted-foreground", children: step }) }, i))) }) })), userGuidance.retryAfterSeconds !== undefined && userGuidance.retryAfterSeconds > 0 && (_jsx("p", { className: "text-sm text-warning-foreground mb-element", children: userGuidance.retryCountdownFormatter
+                                ? userGuidance.retryCountdownFormatter(userGuidance.retryAfterSeconds)
+                                : `Retry available in ${userGuidance.retryAfterSeconds}s` })), userGuidance.nextAction && (_jsx(Button, { onClick: userGuidance.nextAction.onClick, variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.SM, className: "mt-element", children: userGuidance.nextAction.label }))] })), featureGuide && featureGuide.length > 0 && (_jsx(CardContent, { className: "border-t pt-section", children: _jsx("div", { className: "grid grid-cols-2 gap-element", children: featureGuide.map((guide, index) => (_jsxs("button", { type: "button", onClick: guide.onClick, className: "flex items-center gap-element-sm p-card-sm rounded-md border border-border hover:bg-accent transition-colors duration-[var(--motion-duration-fast)] text-sm text-start", children: [guide.iconRef && hasIcon(guide.iconRef) && (renderIcon(guide.iconRef, { size: IconSize.SM, className: "text-muted-foreground" })), _jsx("span", { className: "font-medium", children: guide.label })] }, index))) }) })), (supportAccess || leadMagnet) && (_jsxs(CardContent, { className: "border-t pt-section flex flex-col items-center gap-element", children: [supportAccess && (_jsx("button", { type: "button", onClick: supportAccess.onClick, className: "text-sm text-primary hover:text-primary/80 underline underline-offset-2 transition-colors", children: supportAccess.label })), leadMagnet && (_jsx("button", { type: "button", onClick: leadMagnet.onClick, className: "text-sm text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors", children: leadMagnet.label }))] })), showDevInfo && devInfoSections.length > 0 && (_jsxs(CardContent, { className: "border-t pt-section text-start", children: [_jsxs("h3", { className: "text-sm font-semibold text-foreground mb-item flex items-center gap-element", children: [devInfoTitle, _jsx("span", { className: "text-xs font-normal text-muted-foreground", children: devInfoSubtitle })] }), _jsx("div", { className: "space-y-field mt-field", children: devInfoSections.map((section, index) => (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1.5", children: section.label }), _jsx("pre", { className: cn("text-xs p-card-sm rounded-md overflow-auto font-mono border max-h-48 whitespace-pre-wrap", section.variant === "error" && "bg-destructive/10 text-destructive border-destructive/20", section.variant === "info" && "bg-info/5 text-info-foreground border-info/20", (!section.variant || section.variant === "default") && "bg-muted text-muted-foreground"), children: section.content })] }, index))) })] }))] }) }));
+}
+export { ErrorDisplay };
+//# sourceMappingURL=error-display.js.map

package/dist/esm/components/feedback/error-display.js.map

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

package/dist/esm/components/feedback/features/feature-limit-indicator.d.ts

@@ -0,0 +1,13 @@
+/**
+ * FeatureLimitIndicator (Preset)
+ *
+ * Inline progress bar showing current usage vs. limit for a LIMIT-type feature.
+ * Displays "7/10" style usage and a color-coded progress bar (green → orange → red).
+ *
+ * This is a pure visual component — data (usage, limit, label) is passed as props
+ * by the saas-frontend-lib wrapper which calls useFeatures().
+ */
+import React from 'react';
+import type { FeatureLimitIndicatorProps } from '@wildo-ai/saas-frontend-lib';
+export declare function FeatureLimitIndicator({ usage, limit, label, showLabel, size, }: FeatureLimitIndicatorProps): React.JSX.Element;
+//# sourceMappingURL=feature-limit-indicator.d.ts.map

package/dist/esm/components/feedback/features/feature-limit-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-limit-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-limit-indicator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAa9E,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,IAAW,GACZ,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmChD"}

package/dist/esm/components/feedback/features/feature-limit-indicator.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SIZE_CONFIG = {
+    sm: { barHeight: 'h-1.5', text: 'text-xs' },
+    md: { barHeight: 'h-2', text: 'text-sm' },
+};
+function getBarColor(percentage) {
+    if (percentage >= 100)
+        return 'bg-destructive';
+    if (percentage >= 80)
+        return 'bg-warning';
+    return 'bg-primary';
+}
+export function FeatureLimitIndicator({ usage, limit, label, showLabel = true, size = 'sm', }) {
+    const config = SIZE_CONFIG[size];
+    const percentage = limit > 0 ? Math.min(100, Math.round((usage / limit) * 100)) : 0;
+    const barColor = getBarColor(percentage);
+    return (_jsxs("div", { className: "flex flex-col gap-0.5 min-w-[80px]", children: [showLabel && (_jsxs("div", { className: `flex justify-between ${config.text} text-muted-foreground`, children: [_jsx("span", { className: "truncate", children: label }), _jsxs("span", { className: "font-medium text-foreground ms-1 whitespace-nowrap", children: [usage, "/", limit] })] })), _jsx("div", { className: `${config.barHeight} bg-muted-foreground/20 rounded-full overflow-hidden`, role: "progressbar", "aria-valuenow": usage, "aria-valuemin": 0, "aria-valuemax": limit, "aria-label": `${label}: ${usage} of ${limit}`, children: _jsx("div", { className: `h-full ${barColor} rounded-full transition-all duration-[var(--motion-duration-fast)]`, style: { width: `${percentage}%` } }) }), !showLabel && (_jsxs("span", { className: `${config.text} text-muted-foreground text-end`, children: [usage, "/", limit] }))] }));
+}
+//# sourceMappingURL=feature-limit-indicator.js.map

package/dist/esm/components/feedback/features/feature-limit-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-limit-indicator.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-limit-indicator.tsx"],"names":[],"mappings":";AAaA,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE;CACjC,CAAC;AAEX,SAAS,WAAW,CAAC,UAAkB;IACrC,IAAI,UAAU,IAAI,GAAG;QAAE,OAAO,gBAAgB,CAAC;IAC/C,IAAI,UAAU,IAAI,EAAE;QAAE,OAAO,YAAY,CAAC;IAC1C,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,IAAI,GACgB;IAC3B,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAChD,SAAS,IAAI,CACZ,eAAK,SAAS,EAAE,wBAAwB,MAAM,CAAC,IAAI,wBAAwB,aACzE,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,GAAQ,EACzC,gBAAM,SAAS,EAAC,oDAAoD,aACjE,KAAK,OAAG,KAAK,IACT,IACH,CACP,EACD,cACE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,sDAAsD,EACpF,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,KAAK,gBACR,GAAG,KAAK,KAAK,KAAK,OAAO,KAAK,EAAE,YAE5C,cACE,SAAS,EAAE,UAAU,QAAQ,qEAAqE,EAClG,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAClC,GACE,EACL,CAAC,SAAS,IAAI,CACb,gBAAM,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,iCAAiC,aAC7D,KAAK,OAAG,KAAK,IACT,CACR,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/feedback/features/feature-lock-badge.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FeatureLockBadge (Preset)
+ *
+ * Inline badge showing a lock icon with i18n tooltip explaining why a feature is locked.
+ * Used next to navigation items and action labels.
+ */
+import React from 'react';
+import type { FeatureLockBadgeProps } from '@wildo-ai/saas-frontend-lib';
+export declare function FeatureLockBadge({ missingFeatures, size, }: FeatureLockBadgeProps): React.JSX.Element | null;
+//# sourceMappingURL=feature-lock-badge.d.ts.map

package/dist/esm/components/feedback/features/feature-lock-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-lock-badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-lock-badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAOzE,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,IAAW,GACZ,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4BlD"}

package/dist/esm/components/feedback/features/feature-lock-badge.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FeatureLockBadge (Preset)
+ *
+ * Inline badge showing a lock icon with i18n tooltip explaining why a feature is locked.
+ * Used next to navigation items and action labels.
+ */
+import { useMemo } from 'react';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { useI18n, useIconRegistry, StandardIconReference, IconSize } from '@wildo-ai/saas-frontend-lib';
+const SIZE_MAP = {
+    sm: IconSize.XS,
+    md: IconSize.SM,
+};
+export function FeatureLockBadge({ missingFeatures, size = 'sm', }) {
+    const { makeTrComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE });
+    const { renderIcon } = useIconRegistry();
+    const t = useMemo(() => makeTrComponent(FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE), [makeTrComponent]);
+    if (!isReady)
+        return null;
+    const title = missingFeatures?.length
+        ? t('requiresFeatures', { features: missingFeatures.join(', ') })
+        : t('locked');
+    return (_jsx("span", { className: "inline-flex items-center justify-center text-muted-foreground/60 flex-shrink-0", title: title, role: "img", "aria-label": title, children: renderIcon(StandardIconReference.LOCK, {
+            size: SIZE_MAP[size],
+            className: 'text-muted-foreground/60',
+        }) }));
+}
+//# sourceMappingURL=feature-lock-badge.js.map

package/dist/esm/components/feedback/features/feature-lock-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-lock-badge.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-lock-badge.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGxG,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;CACP,CAAC;AAEX,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,IAAI,GAAG,IAAI,GACW;IACtB,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,4BAA4B,EAAE,CAAC,CAAC;IAChH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,CAAC,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,EACzE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,eAAe,EAAE,MAAM;QACnC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACjE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEhB,OAAO,CACL,eACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,gBACE,KAAK,YAEhB,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE;YACtC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;YACpB,SAAS,EAAE,0BAA0B;SACtC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/esm/components/feedback/features/feature-unavailable-dialog.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FeatureUnavailableDialog (Preset)
+ *
+ * Dialog wrapper around FeatureUnavailablePrompt.
+ * Used for action bar clicks on locked operations and sidebar clicks on locked nav items.
+ */
+import React from 'react';
+import type { FeatureUnavailableDialogProps } from '@wildo-ai/saas-frontend-lib';
+export declare function FeatureUnavailableDialog({ open, onOpenChange, ...promptProps }: FeatureUnavailableDialogProps): React.JSX.Element;
+//# sourceMappingURL=feature-unavailable-dialog.d.ts.map

package/dist/esm/components/feedback/features/feature-unavailable-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-unavailable-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-unavailable-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,GAAG,WAAW,EACf,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAcnD"}

package/dist/esm/components/feedback/features/feature-unavailable-dialog.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog, DialogContent, FeatureUnavailablePrompt, } from '@wildo-ai/saas-frontend-lib';
+export function FeatureUnavailableDialog({ open, onOpenChange, ...promptProps }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsx(DialogContent, { className: "sm:max-w-md p-0 overflow-hidden", children: _jsx("div", { className: "[&>div]:min-h-0 [&>div]:py-card", children: _jsx(FeatureUnavailablePrompt, { ...promptProps, onDismiss: () => onOpenChange(false) }) }) }) }));
+}
+//# sourceMappingURL=feature-unavailable-dialog.js.map

package/dist/esm/components/feedback/features/feature-unavailable-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-unavailable-dialog.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-unavailable-dialog.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,MAAM,EACN,aAAa,EACb,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,UAAU,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,GAAG,WAAW,EACgB;IAC9B,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,iCAAiC,YAExD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,wBAAwB,OACnB,WAAW,EACf,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACE,GACQ,GACT,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/feedback/features/feature-unavailable-prompt.d.ts

@@ -0,0 +1,12 @@
+/**
+ * FeatureUnavailablePrompt (Preset)
+ *
+ * Core reusable content for feature unavailability prompts.
+ * Adapts its title, description, icon, and CTA based on `behavior`.
+ *
+ * Rendered both in the route content area (FeatureRouteGuard) and inside a Dialog.
+ */
+import React from 'react';
+import type { FeatureUnavailablePromptProps } from '@wildo-ai/saas-frontend-lib';
+export declare function FeatureUnavailablePrompt({ behavior, missingFeatures, limitInfo, upgradeOptionsCount, onAction, onDismiss, }: FeatureUnavailablePromptProps): React.JSX.Element | null;
+//# sourceMappingURL=feature-unavailable-prompt.d.ts.map