npm - @wildo-ai/presets-components - Versions diffs - 1.0.1 → 1.1.1 - Mend

@wildo-ai/presets-components 1.0.1 → 1.1.1

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

Files changed (1506) hide show

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

@@ -2,6 +2,27 @@ 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";
+/**
+ * V-12: Honour `prefers-reduced-motion: reduce`. Returns true when the user has
+ * asked the OS to minimize non-essential motion. We listen for changes so the
+ * overlay reacts to the OS-level toggle without a remount.
+ */
+function usePrefersReducedMotion() {
+    const [reduced, setReduced] = React.useState(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+            return false;
+        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    });
+    React.useEffect(() => {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+            return;
+        const mql = window.matchMedia('(prefers-reduced-motion: reduce)');
+        const handler = (event) => setReduced(event.matches);
+        mql.addEventListener('change', handler);
+        return () => mql.removeEventListener('change', handler);
+    }, []);
+    return reduced;
+}
 // ─────────────────────────────────────────────────────────────
 // Component
 // ─────────────────────────────────────────────────────────────
@@ -23,11 +44,18 @@ import { ButtonSize } from "@wildo-ai/presets-components-models";
  */
 export const CelebrationOverlay = React.forwardRef(({ isActive, mode = 'overlay', message, notificationIdentifier, nextStep, onDismiss, dismissLabel = 'Dismiss', ariaLabel, className, ...props }, ref) => {
     const { renderIcon } = useIconRegistry();
+    const prefersReducedMotion = usePrefersReducedMotion();
     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: {
+        // V-12: Honour reduced-motion. Render a single static success glyph in the
+        // viewport center instead of 20 animated particles. The wrapper keeps the
+        // same z-index / pointer-events contract so callers don't notice.
+        if (prefersReducedMotion) {
+            return (_jsx("div", { ref: ref, className: cn("fixed inset-0 z-(--z-transient) pointer-events-none", className), "aria-hidden": "true", ...props, children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "text-foreground", "aria-hidden": "true", children: renderIcon(StandardIconReference.TADA, { size: IconSize.XL }) }) }) }));
+        }
+        return (_jsx("div", { ref: ref, className: cn("fixed inset-0 z-(--z-transient) 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`,
@@ -36,11 +64,16 @@ export const CelebrationOverlay = React.forwardRef(({ isActive, mode = 'overlay'
                         } }, 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) => {
+    return (_jsx("div", { ref: ref, role: "dialog", "aria-modal": "true", "aria-label": ariaLabel || 'Celebration', className: cn("fixed inset-0 z-(--z-transient) flex items-center justify-center", "bg-background/80 backdrop-blur-sm",
+        // V-12: Drop the entrance animation when the user prefers reduced
+        // motion; everything else (focus, dismissal) stays the same.
+        !prefersReducedMotion && "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: cn("text-6xl",
+                    // V-12: Skip the bounce when reduced-motion is requested.
+                    !prefersReducedMotion && "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
+//# sourceMappingURL=celebration-overlay.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"celebration-overlay.js","sourceRoot":"","sources":["../../../../src/components/feedback/celebration-overlay.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"celebration-overlay.js","sourceRoot":"","sources":["../../../../../src/components/feedback/celebration-overlay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from \"react\"\nimport { cn, Button, ButtonVariants_Variant, useIconRegistry, StandardIconReference, IconSize } from \"@wildo-ai/saas-frontend-lib\"\nimport { ButtonSize, FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport type { CelebrationOverlayProps } from '@wildo-ai/saas-frontend-lib'\n\n/*\n V-12: Honour `prefers-reduced-motion: reduce`. Returns true when the user has\n * asked the OS to minimize non-essential motion. We listen for changes so the\n * overlay reacts to the OS-level toggle without a remount.\n /\nfunction usePrefersReducedMotion(): boolean {\n const [reduced, setReduced] = React.useState<boolean>(() => {\n if (typeof window === 'undefined' \|\| typeof window.matchMedia !== 'function') return false;\n return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n });\n\n React.useEffect(() => {\n if (typeof window === 'undefined' \|\| typeof window.matchMedia !== 'function') return;\n const mql: MediaQueryList = window.matchMedia('(prefers-reduced-motion: reduce)');\n const handler = (event: MediaQueryListEvent): void => setReduced(event.matches);\n mql.addEventListener('change', handler);\n return () => mql.removeEventListener('change', handler);\n }, []);\n\n return reduced;\n}\n\n// ─────────────────────────────────────────────────────────────\n// Component\n// ─────────────────────────────────────────────────────────────\n\n/\n CelebrationOverlay — generic, resource-agnostic celebration feedback component.\n \n A pure UI component that displays a celebration overlay with optional message,\n * animation, and next-step CTA. Does NOT know about resources, i18n, or\n * any engine concepts.\n \n Modes:\n * - `overlay`: Full-screen centered overlay with message + confetti emoji\n * - `confetti`: Lightweight confetti burst (no blocking overlay)\n * - `lottie`: Animated TADA icon via the unified icon system (uses `renderIcon` with\n * `StandardIconReference.TADA`, rendered in a scaled container for visual impact)\n \n For engine integration, see the celebration-overlay wrapper in saas-frontend-lib\n * which wires NotificationContext and i18n.\n /\nexport const CelebrationOverlay = React.forwardRef<HTMLDivElement, CelebrationOverlayProps>(\n (\n {\n isActive,\n mode = 'overlay',\n message,\n notificationIdentifier,\n nextStep,\n onDismiss,\n dismissLabel = 'Dismiss',\n ariaLabel,\n className,\n ...props\n },\n ref,\n ) => {\n const { renderIcon } = useIconRegistry();\n const prefersReducedMotion: boolean = usePrefersReducedMotion();\n\n if (!isActive) return null;\n\n // Confetti mode: lightweight effect without blocking overlay\n if (mode === 'confetti') {\n // V-12: Honour reduced-motion. Render a single static success glyph in the\n // viewport center instead of 20 animated particles. The wrapper keeps the\n // same z-index / pointer-events contract so callers don't notice.\n if (prefersReducedMotion) {\n return (\n <div\n ref={ref}\n className={cn(\"fixed inset-0 z-(--z-transient) pointer-events-none\", className)}\n aria-hidden=\"true\"\n {...props}\n >\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <div className=\"text-foreground\" aria-hidden=\"true\">\n {renderIcon(StandardIconReference.TADA, { size: IconSize.XL })}\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <div\n ref={ref}\n className={cn(\n \"fixed inset-0 z-(--z-transient) pointer-events-none\",\n className,\n )}\n aria-hidden=\"true\"\n {...props}\n >\n {/ Confetti particles — CSS animation /}\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <div className=\"animate-celebration-burst\">\n {Array.from({ length: 20 }).map((_, i) => (\n <span\n key={i}\n className=\"absolute inline-block w-2 h-2 rounded-full\"\n style={{\n backgroundColor: ['#FFD700', '#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEAA7'][i % 6],\n transform: `rotate(${i 18}deg) translateY(-${40 + Math.random() * 60}px)`,\n animation: `celebration-particle ${0.6 + Math.random() * 0.8}s ease-out forwards`,\n animationDelay: `${Math.random() * 0.3}s`,\n opacity: 0,\n }}\n />\n ))}\n </div>\n </div>\n </div>\n );\n }\n\n // Overlay mode (default, also used as fallback for lottie mode):\n return (\n <div\n ref={ref}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={ariaLabel \|\| 'Celebration'}\n className={cn(\n \"fixed inset-0 z-(--z-transient) flex items-center justify-center\",\n \"bg-background/80 backdrop-blur-sm\",\n // V-12: Drop the entrance animation when the user prefers reduced\n // motion; everything else (focus, dismissal) stays the same.\n !prefersReducedMotion && \"animate-in fade-in duration-[var(--motion-duration-normal)]\",\n className,\n )}\n onClick={onDismiss}\n {...props}\n >\n <div\n className=\"relative flex flex-col items-center gap-field p-card-lg max-w-md text-center\"\n onClick={(e) => e.stopPropagation()}\n >\n {mode === 'lottie' ? (\n <div\n className=\"flex items-center justify-center\"\n style={{ width: 80, height: 80 }}\n aria-hidden=\"true\"\n >\n <div style={{ transform: 'scale(2.5)' }}>\n {renderIcon(StandardIconReference.TADA, { size: IconSize.XL })}\n </div>\n </div>\n ) : (\n <div\n className={cn(\n \"text-6xl\",\n // V-12: Skip the bounce when reduced-motion is requested.\n !prefersReducedMotion && \"animate-bounce\",\n )}\n aria-hidden=\"true\"\n >\n 🎉\n </div>\n )}\n\n {/* Message /}\n {message && (\n <p className=\"text-xl font-semibold text-foreground\">\n {message}\n </p>\n )}\n\n {/ Actions */}\n <div className=\"flex flex-col items-center gap-element mt-element\">\n {nextStep && (\n <Button\n variant={ButtonVariants_Variant.DEFAULT}\n size={ButtonSize.MD}\n onClick={(e) => {\n e.stopPropagation();\n nextStep.onClick();\n onDismiss?.();\n }}\n >\n {nextStep.label}\n </Button>\n )}\n {onDismiss && (\n <button\n type=\"button\"\n onClick={onDismiss}\n className=\"text-sm text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors\"\n >\n {dismissLabel}\n </button>\n )}\n </div>\n </div>\n </div>\n );\n },\n);\n\nCelebrationOverlay.displayName = \"CelebrationOverlay\";\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelCelebrationOverlayLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=celebration-overlay.labels.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"celebration-overlay.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/celebration-overlay.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,gCAAgC,EAAE,mBAAmB,EAWjE,CAAC"}

package/dist/esm/components/feedback/celebration-overlay.labels.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelCelebrationOverlayLabels = [
+    {
+        ref: 'dismiss',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action that closes the transient celebration overlay',
+    },
+    {
+        ref: 'ariaLabel',
+        kind: LabelKind.ARIA,
+        purpose: 'Screen-reader label naming the celebration treatment region',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_CELEBRATION_OVERLAY, LowLevelCelebrationOverlayLabels);
+//# sourceMappingURL=celebration-overlay.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"celebration-overlay.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/celebration-overlay.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,gCAAgC,GAA0B;IACrE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,sDAAsD;KAChE;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,6DAA6D;KACvE;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelCelebrationOverlayLabels: LabellingUnitaryDef[] = [\n {\n ref: 'dismiss',\n kind: LabelKind.BUTTON,\n purpose: 'Action that closes the transient celebration overlay',\n },\n {\n ref: 'ariaLabel',\n kind: LabelKind.ARIA,\n purpose: 'Screen-reader label naming the celebration treatment region',\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_CELEBRATION_OVERLAY, LowLevelCelebrationOverlayLabels);\n"]}

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

	@@ -1 +1 @@
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"}
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;AAS9B,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqB3F;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -1,16 +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";
+import { cn, useUI, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { IndicatorVariant, SurfaceVariant, UIBehavior } 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 }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _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
+//# sourceMappingURL=danger-zone.js.map

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"danger-zone.js","sourceRoot":"","sources":["../../../../../src/components/feedback/danger-zone.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,EAAE,EACF,KAAK,EACL,OAAO,GACR,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEzH,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,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,YAClE,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,wBAAwB;YACxB,qEAAqE;YACrE,+CAA+C;YAC/C,qBAAqB;YACrB,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,SAAS,CACV,KACG,KAAK,GACT,GACM,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport {\n cn,\n useUI,\n Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, IndicatorVariant, SurfaceVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nfunction DangerZone({ className, ...props }: React.ComponentProps<\"div\">): React.JSX.Element {\n const { getRecipe } = useUI()\n const recipe = getRecipe(UIBehavior.INDICATOR, IndicatorVariant.ERROR)\n\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n <div\n data-slot=\"danger-zone\"\n className={cn(\n // Structure\n \"rounded-lg p-container\",\n // Style — danger zone surface (softer than badge, uses token colors)\n \"border border-destructive/30 bg-destructive/5\",\n // Motion from recipe\n recipe.motion.transition,\n className\n )}\n {...props}\n />\n </Surface>\n )\n}\n\nexport { DangerZone }\n\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelDangerZoneLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=danger-zone.labels.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"danger-zone.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/danger-zone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/feedback/danger-zone.labels.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelDangerZoneLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DANGER_ZONE, LowLevelDangerZoneLabels);
+//# sourceMappingURL=danger-zone.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"danger-zone.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/danger-zone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,wBAAwB,GAA0B,EAAE,CAAC;AAClE,uBAAuB,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelDangerZoneLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DANGER_ZONE, LowLevelDangerZoneLabels);\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { EmptyStateProps } from '@wildo-ai/saas-frontend-lib';
+import { EmptyStateProps } from '@wildo-ai/saas-frontend-lib';
 /**
  * EmptyState — generic, resource-agnostic empty state component.
  *

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

	@@ -1 +1 @@
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"}
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;AAC9B,OAAO,EAQL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAQrC;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,wFAwFtB,CAAC"}

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

@@ -1,7 +1,7 @@
 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";
+import { cn, useIconRegistry, IconSize, Button, ButtonVariants_Variant, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, SurfaceVariant } from "@wildo-ai/presets-components-models";
 // ─────────────────────────────────────────────────────────────
 // Component
 // ─────────────────────────────────────────────────────────────
@@ -18,7 +18,7 @@ import { ButtonSize } from "@wildo-ai/presets-components-models";
 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] }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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
+//# sourceMappingURL=empty-state.js.map

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

	@@ -1 +1 @@
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"}
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,EACL,EAAE,EACF,eAAe,EAEf,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,OAAO,GAER,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,UAAU,EAAyB,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEvG,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,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,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,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from \"react\"\nimport {\n cn,\n useIconRegistry,\n StandardIconReference,\n IconSize,\n Button,\n ButtonVariants_Variant,\n Surface,\n EmptyStateProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { ButtonSize, FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\n// ─────────────────────────────────────────────────────────────\n// Component\n// ─────────────────────────────────────────────────────────────\n\n/*\n EmptyState — generic, resource-agnostic empty state component.\n \n A pure UI component that displays a placeholder when no content is available.\n * Accepts all display props (title, description, icon, actions) from outside —\n * does NOT know about resources, i18n, or any engine concepts.\n \n For resource-aware usage (list/table/search views), see ResourceEmptyState\n * in saas-frontend-lib which wraps this component with i18n and config resolution.\n /\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n title,\n description,\n iconRef,\n primaryActionLabel,\n onPrimaryAction,\n showPrimaryAction = true,\n secondaryAction,\n variant = 'default',\n className,\n ...props\n },\n ref,\n ) => {\n const { renderIcon } = useIconRegistry();\n\n const isCompact = variant === 'compact';\n\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div\n ref={ref}\n className={cn(\n \"flex flex-col items-center justify-center text-center border border-dashed border-border rounded-lg\",\n isCompact ? \"py-section px-card gap-element\" : \"py-section-xl px-card-lg gap-field\",\n className,\n )}\n {...props}\n >\n {/ Icon /}\n {iconRef && (\n <div className=\"text-muted-foreground/50\">\n {renderIcon(iconRef, { size: isCompact ? IconSize.MD : IconSize.LG })}\n </div>\n )}\n\n {/ Text /}\n <div className={cn(\"flex flex-col\", isCompact ? \"gap-element-sm\" : \"gap-element\")}>\n <p className={cn(\n \"font-medium text-muted-foreground\",\n isCompact ? \"text-sm\" : \"text-base\",\n )}>\n {title}\n </p>\n {description && (\n <p className={cn(\n \"text-muted-foreground/70\",\n isCompact ? \"text-xs\" : \"text-sm\",\n \"max-w-[32rem] mx-auto\",\n )}>\n {description}\n </p>\n )}\n </div>\n\n {/ Actions */}\n {(showPrimaryAction && onPrimaryAction && primaryActionLabel) \|\| secondaryAction ? (\n <div className={cn(\"flex flex-col items-center\", isCompact ? \"gap-element-sm\" : \"gap-element\")}>\n {showPrimaryAction && onPrimaryAction && primaryActionLabel && (\n <Button\n variant={ButtonVariants_Variant.OUTLINE}\n size={ButtonSize.SM}\n onClick={onPrimaryAction}\n className=\"inline-flex items-center gap-element\"\n >\n {primaryActionLabel}\n </Button>\n )}\n {secondaryAction && (\n <button\n type=\"button\"\n onClick={secondaryAction.onClick}\n className={cn(\n \"text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors\",\n isCompact ? \"text-xs\" : \"text-sm\",\n )}\n >\n {secondaryAction.label}\n </button>\n )}\n </div>\n ) : null}\n </div>\n </Surface>\n );\n },\n);\n\nEmptyState.displayName = \"EmptyState\";\n"]}

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

@@ -0,0 +1,4 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelEmptyStateLabels: LabellingUnitaryDef[];
+export declare const ResourcesLayoutsEmptyStateLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=empty-state.labels.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"empty-state.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/empty-state.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAAO,CAAC;AAGlE,eAAO,MAAM,gCAAgC,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/feedback/empty-state.labels.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelEmptyStateLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_EMPTY_STATE, LowLevelEmptyStateLabels);
+export const ResourcesLayoutsEmptyStateLabels = [];
+registerComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE, ResourcesLayoutsEmptyStateLabels);
+//# sourceMappingURL=empty-state.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"empty-state.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/empty-state.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,wBAAwB,GAA0B,EAAE,CAAC;AAClE,uBAAuB,CAAC,qBAAqB,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC;AAE/F,MAAM,CAAC,MAAM,gCAAgC,GAA0B,EAAE,CAAC;AAC1E,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelEmptyStateLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_EMPTY_STATE, LowLevelEmptyStateLabels);\n\nexport const ResourcesLayoutsEmptyStateLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_EMPTY_STATE, ResourcesLayoutsEmptyStateLabels);\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ErrorDisplayProps } from '@wildo-ai/saas-frontend-lib';
+import { 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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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;AAC9B,OAAO,EAsBL,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAsBrC,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,CAmMvC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1,6 +1,6 @@
 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";
+import { cn, useIconRegistry, StandardIconReference, IconSize, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Button, ButtonVariants_Variant, NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, SurfaceVariant } from "@wildo-ai/presets-components-models";
 /** Maps error display variant to background color classes */
 const errorDisplayVariantClasses = {
     default: "bg-background",
@@ -30,9 +30,9 @@ function ErrorDisplay({ className, variant, iconRef = StandardIconReference.ERRO
             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))) })] }))] }) }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.SHELL, policyOverride: NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE, children: _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) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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
+//# sourceMappingURL=error-display.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../../src/components/feedback/error-display.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"error-display.js","sourceRoot":"","sources":["../../../../../src/components/feedback/error-display.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,EAAE,EACF,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,2CAA2C,EAC3C,OAAO,GASR,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,UAAU,EAAyB,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEvG,6DAA6D;AAC7D,MAAM,0BAA0B,GAAiD;IAC/E,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,cAAc;CACxB,CAAA;AAED,SAAS,oBAAoB,CAAC,KAA6E;IACzG,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,SAAS,CAAA;IAC3C,OAAO,EAAE;IACP,YAAY;IACZ,sDAAsD;IACtD,gBAAgB;IAChB,0BAA0B,CAAC,OAAO,CAAC,EACnC,KAAK,EAAE,SAAS,CACjB,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,qBAAqB,CAAC,KAAK,EACrC,UAAU,EACV,KAAK,EACL,OAAO,EACP,UAAU,EACV,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,uBAAuB,EACtC,eAAe,GAAG,oBAAoB,EACtC,eAAe,GAAG,EAAE,EACpB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAA;IAEjD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC;QAE/C,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAChB,0DAA0D,EAC1D,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CACnE,YACE,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACvC,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAA2C,EAA0B,EAAE;QAC/F,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,SAAS,CAAC,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC;YACtD,KAAK,aAAa,CAAC,CAAC,OAAO,sBAAsB,CAAC,WAAW,CAAC;YAC9D,KAAK,WAAW,CAAC,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC;YACxD,OAAO,CAAC,CAAC,OAAO,sBAAsB,CAAC,OAAO,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,cAAc,EAAE,2CAA2C,YAChI,2BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,YAEX,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CACjB,gEAAgE,EAChE,WAAW,IAAI,WAAW,CAC3B,aACC,MAAC,UAAU,IAAC,SAAS,EAAC,mCAAmC,aACtD,YAAY,EAAE,EAEd,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,wDAAwD,YACpE,UAAU,GACP,CACP,EAED,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CACtB,UAAU,EACV,OAAO,KAAK,OAAO,IAAI,kBAAkB,CAC1C,YACE,KAAK,GACI,EAEZ,KAAC,eAAe,IAAC,SAAS,EAAC,sBAAsB,YAC9C,OAAO,GACQ,EAEjB,UAAU,IAAI,CACb,YAAG,SAAS,EAAC,wCAAwC,YAAE,UAAU,GAAK,CACvE,IACU,EAEZ,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,UAAU,IAAC,SAAS,EAAC,8BAA8B,YACjD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,MAAC,MAAM,IAEL,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,OAAO,EAAE,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,EACzC,SAAS,EAAC,QAAQ,aAEjB,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAC5C,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAClD,EACA,MAAM,CAAC,KAAK,KARR,KAAK,CASH,CACV,CAAC,GACS,CACd,EAGA,YAAY,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,cAAc,CAAC,IAAI,CAClI,MAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,aACpD,YAAY,CAAC,WAAW,IAAI,CAC3B,YAAG,SAAS,EAAC,0CAA0C,YAAE,YAAY,CAAC,WAAW,GAAK,CACvF,EACA,YAAY,CAAC,UAAU,IAAI,CAC1B,YAAG,SAAS,EAAC,gDAAgD,YAAE,YAAY,CAAC,UAAU,GAAK,CAC5F,EACA,YAAY,CAAC,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CACxE,cAAK,SAAS,EAAC,YAAY,YACzB,aAAI,SAAS,EAAC,iEAAiE,YAC5E,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C,aAAY,SAAS,EAAC,yBAAyB,YAC7C,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAQ,IAD9C,CAAC,CAEL,CACN,CAAC,GACC,GACD,CACP,EACA,YAAY,CAAC,iBAAiB,KAAK,SAAS,IAAI,YAAY,CAAC,iBAAiB,GAAG,CAAC,IAAI,CACrF,YAAG,SAAS,EAAC,4CAA4C,YACtD,YAAY,CAAC,uBAAuB;oCACnC,CAAC,CAAC,YAAY,CAAC,uBAAuB,CAAC,YAAY,CAAC,iBAAiB,CAAC;oCACtE,CAAC,CAAC,sBAAsB,YAAY,CAAC,iBAAiB,GAAG,GACzD,CACL,EACA,YAAY,CAAC,UAAU,IAAI,CAC1B,KAAC,MAAM,IACL,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,OAAO,EACxC,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,IAAI,EAAE,UAAU,CAAC,EAAE,EACnB,SAAS,EAAC,YAAY,YAErB,YAAY,CAAC,UAAU,CAAC,KAAK,GACvB,CACV,IACW,CACf,EAGA,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,YAC1C,cAAK,SAAS,EAAC,8BAA8B,YAC1C,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,KAAC,OAAO,IAAa,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YAC/E,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAC,wKAAwK,aAEjL,KAAK,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAC1C,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,CACrF,EACD,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,CAAC,KAAK,GAAQ,IAC3C,IAVG,KAAK,CAWT,CACX,CAAC,GACE,GACM,CACf,EAGA,CAAC,aAAa,IAAI,UAAU,CAAC,IAAI,CAChC,MAAC,WAAW,IAAC,SAAS,EAAC,4DAA4D,aAChF,aAAa,IAAI,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa,CAAC,OAAO,EAC9B,SAAS,EAAC,2FAA2F,YAEpG,aAAa,CAAC,KAAK,GACb,CACV,EACA,UAAU,IAAI,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,CAAC,OAAO,EAC3B,SAAS,EAAC,oGAAoG,YAE7G,UAAU,CAAC,KAAK,GACV,CACV,IACW,CACf,EAGA,WAAW,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,MAAC,WAAW,IAAC,SAAS,EAAC,gCAAgC,aACrD,cAAI,SAAS,EAAC,6EAA6E,aACxF,YAAY,EACb,eAAM,SAAS,EAAC,2CAA2C,YAAE,eAAe,GAAQ,IACjF,EACL,cAAK,SAAS,EAAC,wBAAwB,YACpC,eAAe,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,0BACE,aAAI,SAAS,EAAC,kDAAkD,YAAE,OAAO,CAAC,KAAK,GAAM,EACrF,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,cAAK,SAAS,EAAE,EAAE,CAChB,0FAA0F,EAC1F,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,0DAA0D,EACzF,OAAO,CAAC,OAAO,KAAK,MAAM,IAAI,+CAA+C,EAC7E,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC,IAAI,gCAAgC,CACxF,YACE,OAAO,CAAC,OAAO,GACZ,GACE,KAXF,KAAK,CAYT,CACP,CAAC,GACE,IACM,CACf,IACI,GACD,GACE,CACX,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport {\n cn,\n useIconRegistry,\n StandardIconReference,\n IconSize,\n Card,\n CardHeader,\n CardTitle,\n CardDescription,\n CardContent,\n CardFooter,\n Button,\n ButtonVariants_Variant,\n NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE,\n Surface,\n ErrorDisplayVariants_Variant,\n ErrorDisplayDevInfo,\n ErrorDisplaySupportAccess,\n ErrorDisplayLeadMagnet,\n ErrorDisplayUserGuidance,\n ErrorDisplayAction,\n ErrorDisplayFeatureGuide,\n ErrorDisplayProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { ButtonSize, FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\n/** Maps error display variant to background color classes /\nconst errorDisplayVariantClasses: Record<ErrorDisplayVariants_Variant, string> = {\n default: \"bg-background\",\n error: \"bg-destructive/5\",\n warning: \"bg-warning/5\",\n}\n\nfunction errorDisplayVariants(props?: { variant?: ErrorDisplayVariants_Variant \| null; className?: string }): string {\n const variant = props?.variant \|\| \"default\"\n return cn(\n // Structure\n \"min-h-screen flex items-center justify-center p-card\",\n // Color variant\n errorDisplayVariantClasses[variant],\n props?.className\n )\n}\n\nfunction ErrorDisplay({\n className,\n variant,\n iconRef = StandardIconReference.ERROR,\n statusCode,\n title,\n message,\n suggestion,\n actions = [],\n showDevInfo = false,\n devInfoTitle = \"Developer Information\",\n devInfoSubtitle = \"(Development Only)\",\n devInfoSections = [],\n featureGuide,\n supportAccess,\n leadMagnet,\n userGuidance,\n ...props\n}: ErrorDisplayProps): React.JSX.Element {\n const { renderIcon, hasIcon } = useIconRegistry()\n\n const renderVisual = () => {\n if (!iconRef \|\| !hasIcon(iconRef)) return null;\n\n return (\n <div className={cn(\n \"flex justify-center mb-field w-[120px] h-[120px] mx-auto\",\n variant === \"error\" ? \"text-destructive\" : \"text-muted-foreground\"\n )}>\n {renderIcon(iconRef, { size: IconSize.XL })}\n </div>\n );\n };\n\n const mapButtonVariant = (v?: \"primary\" \| \"destructive\" \| \"secondary\"): ButtonVariants_Variant => {\n switch (v) {\n case \"primary\": return ButtonVariants_Variant.DEFAULT;\n case \"destructive\": return ButtonVariants_Variant.DESTRUCTIVE;\n case \"secondary\": return ButtonVariants_Variant.OUTLINE;\n default: return ButtonVariants_Variant.DEFAULT;\n }\n };\n\n return (\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.SHELL} policyOverride={NON_CANONICAL_SHELL_SURFACE_POLICY_OVERRIDE}>\n <div\n data-slot=\"error-display\"\n className={cn(errorDisplayVariants({ variant }), className)}\n {...props}\n >\n <Card className={cn(\n \"w-full max-w-md text-center border-0 shadow-[var(--shadow-lg)]\",\n showDevInfo && \"max-w-2xl\"\n )}>\n <CardHeader className=\"items-center pb-element pt-region\">\n {renderVisual()}\n\n {statusCode && (\n <div className=\"text-7xl font-bold text-muted-foreground/30 mb-element\">\n {statusCode}\n </div>\n )}\n\n <CardTitle className={cn(\n \"text-2xl\",\n variant === \"error\" && \"text-destructive\"\n )}>\n {title}\n </CardTitle>\n\n <CardDescription className=\"text-base mt-element\">\n {message}\n </CardDescription>\n\n {suggestion && (\n <p className=\"text-sm text-muted-foreground mt-group\">{suggestion}</p>\n )}\n </CardHeader>\n\n {actions.length > 0 && (\n <CardFooter className=\"flex-col gap-group pb-region\">\n {actions.map((action, index) => (\n <Button\n key={index}\n onClick={action.onClick}\n variant={mapButtonVariant(action.variant)}\n className=\"w-full\"\n >\n {action.iconRef && hasIcon(action.iconRef) && (\n renderIcon(action.iconRef, { size: IconSize.SM })\n )}\n {action.label}\n </Button>\n ))}\n </CardFooter>\n )}\n\n {/ User Guidance (Phase 1b) /}\n {userGuidance && (userGuidance.explanation \|\| userGuidance.resolution \|\| userGuidance.nextAction \|\| userGuidance.completedSteps) && (\n <CardContent className=\"border-t pt-section text-start\">\n {userGuidance.explanation && (\n <p className=\"text-sm text-muted-foreground mb-element\">{userGuidance.explanation}</p>\n )}\n {userGuidance.resolution && (\n <p className=\"text-sm font-medium text-foreground mb-element\">{userGuidance.resolution}</p>\n )}\n {userGuidance.completedSteps && userGuidance.completedSteps.length > 0 && (\n <div className=\"mb-element\">\n <ul className=\"list-disc list-inside text-sm text-muted-foreground space-y-0.5\">\n {userGuidance.completedSteps.map((step, i) => (\n <li key={i} className=\"text-success-foreground\">\n <span className=\"text-muted-foreground\">{step}</span>\n </li>\n ))}\n </ul>\n </div>\n )}\n {userGuidance.retryAfterSeconds !== undefined && userGuidance.retryAfterSeconds > 0 && (\n <p className=\"text-sm text-warning-foreground mb-element\">\n {userGuidance.retryCountdownFormatter\n ? userGuidance.retryCountdownFormatter(userGuidance.retryAfterSeconds)\n : `Retry available in ${userGuidance.retryAfterSeconds}s`}\n </p>\n )}\n {userGuidance.nextAction && (\n <Button\n onClick={userGuidance.nextAction.onClick}\n variant={ButtonVariants_Variant.DEFAULT}\n size={ButtonSize.SM}\n className=\"mt-element\"\n >\n {userGuidance.nextAction.label}\n </Button>\n )}\n </CardContent>\n )}\n\n {/ Feature Guide (Phase 1b: 404 → \"try these features\") /}\n {featureGuide && featureGuide.length > 0 && (\n <CardContent className=\"border-t pt-section\">\n <div className=\"grid grid-cols-2 gap-element\">\n {featureGuide.map((guide, index) => (\n <Surface key={index} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <button\n type=\"button\"\n onClick={guide.onClick}\n 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\"\n >\n {guide.iconRef && hasIcon(guide.iconRef) && (\n renderIcon(guide.iconRef, { size: IconSize.SM, className: \"text-muted-foreground\" })\n )}\n <span className=\"font-medium\">{guide.label}</span>\n </button>\n </Surface>\n ))}\n </div>\n </CardContent>\n )}\n\n {/ Support & Lead Magnet (Phase 1b) /}\n {(supportAccess \|\| leadMagnet) && (\n <CardContent className=\"border-t pt-section flex flex-col items-center gap-element\">\n {supportAccess && (\n <button\n type=\"button\"\n onClick={supportAccess.onClick}\n className=\"text-sm text-primary hover:text-primary/80 underline underline-offset-2 transition-colors\"\n >\n {supportAccess.label}\n </button>\n )}\n {leadMagnet && (\n <button\n type=\"button\"\n onClick={leadMagnet.onClick}\n className=\"text-sm text-muted-foreground hover:text-foreground underline underline-offset-2 transition-colors\"\n >\n {leadMagnet.label}\n </button>\n )}\n </CardContent>\n )}\n\n {/ Developer Information */}\n {showDevInfo && devInfoSections.length > 0 && (\n <CardContent className=\"border-t pt-section text-start\">\n <h3 className=\"text-sm font-semibold text-foreground mb-item flex items-center gap-element\">\n {devInfoTitle}\n <span className=\"text-xs font-normal text-muted-foreground\">{devInfoSubtitle}</span>\n </h3>\n <div className=\"space-y-field mt-field\">\n {devInfoSections.map((section, index) => (\n <div key={index}>\n <h4 className=\"text-xs font-medium text-muted-foreground mb-1.5\">{section.label}</h4>\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <pre className={cn(\n \"text-xs p-card-sm rounded-md overflow-auto font-mono border max-h-48 whitespace-pre-wrap\",\n section.variant === \"error\" && \"bg-destructive/10 text-destructive border-destructive/20\",\n section.variant === \"info\" && \"bg-info/5 text-info-foreground border-info/20\",\n (!section.variant \|\| section.variant === \"default\") && \"bg-muted text-muted-foreground\"\n )}>\n {section.content}\n </pre>\n </Surface>\n </div>\n ))}\n </div>\n </CardContent>\n )}\n </Card>\n </div>\n </Surface>\n )\n}\n\nexport { ErrorDisplay }\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelErrorDisplayLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=error-display.labels.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"error-display.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/error-display.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,0BAA0B,EAAE,mBAAmB,EA6D3D,CAAC"}

package/dist/esm/components/feedback/error-display.labels.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelErrorDisplayLabels = [
+    {
+        ref: 'title',
+        kind: LabelKind.HEADING,
+        purpose: 'Primary heading of the error panel summarizing the failure',
+    },
+    {
+        ref: 'message',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Human-readable explanation of what went wrong',
+    },
+    {
+        ref: 'suggestion',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Guidance suggesting how the user can recover from the error',
+    },
+    {
+        ref: 'goBack',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action returning the user to the previous screen',
+    },
+    {
+        ref: 'goHome',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action navigating the user back to the application home',
+    },
+    {
+        ref: 'reload',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action reloading the page to recover from the error',
+    },
+    {
+        ref: 'tryAgain',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action retrying the failed operation',
+    },
+    {
+        ref: 'devInfo',
+        kind: LabelKind.HEADING,
+        purpose: 'Heading for the developer-only diagnostic details section',
+    },
+    {
+        ref: 'errorMessage',
+        kind: LabelKind.LABEL,
+        purpose: 'Label for the raw error message shown in the developer details',
+    },
+    {
+        ref: 'stackTrace',
+        kind: LabelKind.LABEL,
+        purpose: 'Label for the error stack trace shown in the developer details',
+    },
+    {
+        ref: 'componentStack',
+        kind: LabelKind.LABEL,
+        purpose: 'Label for the React component stack shown in the developer details',
+    },
+    {
+        ref: 'debugInfo',
+        kind: LabelKind.LABEL,
+        purpose: 'Label for additional debug context shown in the developer details',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_ERROR_DISPLAY, LowLevelErrorDisplayLabels);
+//# sourceMappingURL=error-display.labels.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"error-display.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/error-display.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D;QACE,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,4DAA4D;KACtE;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EAAE,+CAA+C;KACzD;IACD;QACE,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,SAAS,CAAC,WAAW;QAC3B,OAAO,EAAE,6DAA6D;KACvE;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,kDAAkD;KAC5D;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,yDAAyD;KACnE;IACD;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,qDAAqD;KAC/D;IACD;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,sCAAsC;KAChD;IACD;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,2DAA2D;KACrE;IACD;QACE,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gEAAgE;KAC1E;IACD;QACE,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,gEAAgE;KAC1E;IACD;QACE,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,oEAAoE;KAC9E;IACD;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,mEAAmE;KAC7E;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelErrorDisplayLabels: LabellingUnitaryDef[] = [\n {\n ref: 'title',\n kind: LabelKind.HEADING,\n purpose: 'Primary heading of the error panel summarizing the failure',\n },\n {\n ref: 'message',\n kind: LabelKind.DESCRIPTION,\n purpose: 'Human-readable explanation of what went wrong',\n },\n {\n ref: 'suggestion',\n kind: LabelKind.DESCRIPTION,\n purpose: 'Guidance suggesting how the user can recover from the error',\n },\n {\n ref: 'goBack',\n kind: LabelKind.BUTTON,\n purpose: 'Action returning the user to the previous screen',\n },\n {\n ref: 'goHome',\n kind: LabelKind.BUTTON,\n purpose: 'Action navigating the user back to the application home',\n },\n {\n ref: 'reload',\n kind: LabelKind.BUTTON,\n purpose: 'Action reloading the page to recover from the error',\n },\n {\n ref: 'tryAgain',\n kind: LabelKind.BUTTON,\n purpose: 'Action retrying the failed operation',\n },\n {\n ref: 'devInfo',\n kind: LabelKind.HEADING,\n purpose: 'Heading for the developer-only diagnostic details section',\n },\n {\n ref: 'errorMessage',\n kind: LabelKind.LABEL,\n purpose: 'Label for the raw error message shown in the developer details',\n },\n {\n ref: 'stackTrace',\n kind: LabelKind.LABEL,\n purpose: 'Label for the error stack trace shown in the developer details',\n },\n {\n ref: 'componentStack',\n kind: LabelKind.LABEL,\n purpose: 'Label for the React component stack shown in the developer details',\n },\n {\n ref: 'debugInfo',\n kind: LabelKind.LABEL,\n purpose: 'Label for additional debug context shown in the developer details',\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_ERROR_DISPLAY, LowLevelErrorDisplayLabels);\n"]}

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

@@ -8,6 +8,6 @@
  * by the saas-frontend-lib wrapper which calls useFeatures().
  */
 import React from 'react';
-import type { FeatureLimitIndicatorProps } from '@wildo-ai/saas-frontend-lib';
+import { 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 CHANGED Viewed

	@@ -1 +1 @@
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~~"}
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,EACL,0BAA0B,EAE3B,MAAM,6BAA6B,CAAC;AAerC,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,IAAW,GACZ,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqChD"}

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Surface, } from '@wildo-ai/saas-frontend-lib';
+import { SurfaceVariant } from "@wildo-ai/presets-components-models";
 const SIZE_CONFIG = {
     sm: { barHeight: 'h-1.5', text: 'text-xs' },
     md: { barHeight: 'h-2', text: 'text-sm' },
@@ -14,6 +16,6 @@ export function FeatureLimitIndicator({ usage, limit, label, showLabel = true, s
     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] }))] }));
+    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(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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
+//# sourceMappingURL=feature-limit-indicator.js.map

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"feature-limit-indicator.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-limit-indicator.tsx"],"names":[],"mappings":";AAWA,OAAO,EAEL,OAAO,GACR,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAyB,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAE3F,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,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,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,GACE,EACT,CAAC,SAAS,IAAI,CACb,gBAAM,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,iCAAiC,aAC7D,KAAK,OAAG,KAAK,IACT,CACR,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*\n FeatureLimitIndicator (Preset)\n * \n * Inline progress bar showing current usage vs. limit for a LIMIT-type feature.\n * Displays \"7/10\" style usage and a color-coded progress bar (green → orange → red).\n * \n * This is a pure visual component — data (usage, limit, label) is passed as props\n * by the saas-frontend-lib wrapper which calls useFeatures().\n /\n\nimport React from 'react';\nimport {\n FeatureLimitIndicatorProps,\n Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\n\nconst SIZE_CONFIG = {\n sm: { barHeight: 'h-1.5', text: 'text-xs' },\n md: { barHeight: 'h-2', text: 'text-sm' },\n} as const;\n\nfunction getBarColor(percentage: number): string {\n if (percentage >= 100) return 'bg-destructive';\n if (percentage >= 80) return 'bg-warning';\n return 'bg-primary';\n}\n\nexport function FeatureLimitIndicator({\n usage,\n limit,\n label,\n showLabel = true,\n size = 'sm',\n}: FeatureLimitIndicatorProps): React.JSX.Element {\n const config = SIZE_CONFIG[size];\n const percentage = limit > 0 ? Math.min(100, Math.round((usage / limit) 100)) : 0;\n const barColor = getBarColor(percentage);\n\n return (\n <div className=\"flex flex-col gap-0.5 min-w-[80px]\">\n {showLabel && (\n <div className={`flex justify-between ${config.text} text-muted-foreground`}>\n <span className=\"truncate\">{label}</span>\n <span className=\"font-medium text-foreground ms-1 whitespace-nowrap\">\n {usage}/{limit}\n </span>\n </div>\n )}\n <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n <div\n className={`${config.barHeight} bg-muted-foreground/20 rounded-full overflow-hidden`}\n role=\"progressbar\"\n aria-valuenow={usage}\n aria-valuemin={0}\n aria-valuemax={limit}\n aria-label={`${label}: ${usage} of ${limit}`}\n >\n <div\n className={`h-full ${barColor} rounded-full transition-all duration-[var(--motion-duration-fast)]`}\n style={{ width: `${percentage}%` }}\n />\n </div>\n </Surface>\n {!showLabel && (\n <span className={`${config.text} text-muted-foreground text-end`}>\n {usage}/{limit}\n </span>\n )}\n </div>\n );\n}\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelFeatureLimitIndicatorLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=feature-limit-indicator.labels.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"feature-limit-indicator.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-limit-indicator.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mCAAmC,EAAE,mBAAmB,EAAO,CAAC"}