@wildo-ai/presets-components 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-unavailable-prompt.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-unavailable-prompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAgCjF,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,eAAe,EACf,SAAS,EACT,mBAAmB,EACnB,QAAQ,EACR,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4G1D"}

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { useMemo } from 'react';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { useI18n, useIconRegistry, StandardIconReference, IconSize } from '@wildo-ai/saas-frontend-lib';
+/**
+ * Maps FeatureUnavailabilityBehavior enum values (lowercase) to icon + label keys.
+ * Keys must match the enum values exactly: 'upgrade_prompt', 'addon_prompt', etc.
+ */
+const BEHAVIOR_CONFIG = {
+    upgrade_prompt: { icon: StandardIconReference.LOCK, titleKey: 'upgradeTitle', descriptionKey: 'upgradeDescription', ctaKey: 'upgradeCTA' },
+    addon_prompt: { icon: StandardIconReference.PLUS, titleKey: 'addonTitle', descriptionKey: 'addonDescription', ctaKey: 'addonCTA' },
+    contact_admin: { icon: StandardIconReference.USERS, titleKey: 'contactTitle', descriptionKey: 'contactDescription' },
+    limit_upgrade_prompt: { icon: StandardIconReference.WARNING, titleKey: 'limitTitle', descriptionKey: 'limitDescription', ctaKey: 'limitCTA' },
+    disable: { icon: StandardIconReference.LOCK, titleKey: 'disableTitle', descriptionKey: 'disableDescription' },
+    custom: { icon: StandardIconReference.LOCK, titleKey: 'disableTitle', descriptionKey: 'disableDescription' },
+};
+const DEFAULT_CONFIG = {
+    icon: StandardIconReference.LOCK,
+    titleKey: 'disableTitle',
+    descriptionKey: 'disableDescription',
+};
+// ── Component ───────────────────────────────────────────────────────
+export function FeatureUnavailablePrompt({ behavior, missingFeatures, limitInfo, upgradeOptionsCount, onAction, onDismiss, }) {
+    const { makeTrComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT });
+    const { renderIcon } = useIconRegistry();
+    const t = useMemo(() => makeTrComponent(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT), [makeTrComponent]);
+    const config = BEHAVIOR_CONFIG[behavior] ?? DEFAULT_CONFIG;
+    const limitPercentage = useMemo(() => {
+        if (!limitInfo || limitInfo.limit <= 0)
+            return 0;
+        return Math.min(100, Math.round((limitInfo.current / limitInfo.limit) * 100));
+    }, [limitInfo]);
+    if (!isReady)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[60vh] p-card text-center max-w-lg mx-auto", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-section", children: renderIcon(config.icon, { size: IconSize.LG, className: 'text-muted-foreground' }) }), _jsx("h2", { className: "text-2xl font-semibold text-foreground mb-element", children: t(config.titleKey) }), _jsx("p", { className: "text-muted-foreground mb-section max-w-sm", children: t(config.descriptionKey) }), missingFeatures && missingFeatures.length > 0 && (_jsxs("div", { className: "mb-section space-y-element", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t('requiredFeaturesLabel') }), _jsx("div", { className: "flex flex-wrap justify-center gap-1", children: missingFeatures.map(f => (_jsx("span", { className: "inline-flex items-center rounded-md bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary", children: f }, f))) })] })), limitInfo && (_jsxs("div", { className: "bg-muted rounded-lg p-card-sm space-y-element w-full max-w-xs mb-section", children: [_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: limitInfo.featureId }), _jsx("span", { className: "font-medium text-foreground", children: t('usageProgress', { current: limitInfo.current, limit: limitInfo.limit }) })] }), _jsx("div", { className: "h-2.5 bg-muted-foreground/20 rounded-full overflow-hidden", role: "progressbar", "aria-valuenow": limitInfo.current, "aria-valuemin": 0, "aria-valuemax": limitInfo.limit, "aria-label": `${limitInfo.featureId}: ${limitInfo.current} of ${limitInfo.limit}`, children: _jsx("div", { className: `h-full rounded-full transition-all duration-[var(--motion-duration-fast)] ${limitPercentage >= 100 ? 'bg-destructive' : limitPercentage >= 80 ? 'bg-warning' : 'bg-primary'}`, style: { width: `${limitPercentage}%` } }) })] })), upgradeOptionsCount != null && upgradeOptionsCount > 0 && (_jsx("p", { className: "text-sm text-muted-foreground mb-section", children: t('upgradeOptionsAvailable', { count: upgradeOptionsCount }) })), _jsxs("div", { className: "flex flex-col gap-element w-full max-w-xs", children: [config.ctaKey && (_jsx("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium bg-primary text-primary-foreground h-10 px-4 py-2 hover:bg-primary/90 transition-colors", onClick: onAction, children: t(config.ctaKey) })), onDismiss && (_jsx("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium text-muted-foreground h-10 px-4 py-2 hover:bg-muted transition-colors", onClick: onDismiss, children: t('goBack') }))] })] }));
+}
+//# sourceMappingURL=feature-unavailable-prompt.js.map

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

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

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { LoadingOverlayProps } from "@wildo-ai/saas-frontend-lib";
+/**
+ * Default preset for the loading overlay — a translucent backdrop with a centered spinner.
+ *
+ * Designed as an absolute-positioned overlay that covers its nearest positioned ancestor.
+ * The parent must have `position: relative` (or any positioning context).
+ *
+ * Styled via the `LOADING_OVERLAY` UIBehavior recipe (backdrop color, blur, motion).
+ */
+declare function LoadingOverlay({ className, spinnerSize, showSpinner, ...props }: LoadingOverlayProps): React.JSX.Element;
+export { LoadingOverlay };
+//# sourceMappingURL=loading-overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loading-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,WAAgB,EAAE,WAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsB7H;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UIBehavior, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { cn, useUI, useI18n, LoadingSpinner } from "@wildo-ai/saas-frontend-lib";
+/**
+ * Default preset for the loading overlay — a translucent backdrop with a centered spinner.
+ *
+ * Designed as an absolute-positioned overlay that covers its nearest positioned ancestor.
+ * The parent must have `position: relative` (or any positioning context).
+ *
+ * Styled via the `LOADING_OVERLAY` UIBehavior recipe (backdrop color, blur, motion).
+ */
+function LoadingOverlay({ className, spinnerSize = 32, showSpinner = true, ...props }) {
+    const { getRecipe } = useUI();
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY });
+    const recipe = getRecipe(UIBehavior.LOADING_OVERLAY);
+    return (_jsxs("div", { "data-slot": "loading-overlay", role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center", recipe.base, recipe.motion.enter, className), ...props, children: [showSpinner && _jsx(LoadingSpinner, { size: spinnerSize }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY, 'loading') })] }));
+}
+export { LoadingOverlay };
+//# sourceMappingURL=loading-overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.js","sourceRoot":"","sources":["../../../../src/components/feedback/loading-overlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAEvF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGhF;;;;;;;GAOG;AACH,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,KAAK,EAAuB;IACxG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IACvG,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IAEpD,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,KAAK,EACnB,SAAS,CACV,KACG,KAAK,aAER,WAAW,IAAI,KAAC,cAAc,IAAC,IAAI,EAAE,WAAW,GAAI,EACrD,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAQ,IACrG,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/feedback/loading-spinner.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import type { LoadingSpinnerProps } from "@wildo-ai/saas-frontend-lib";
+/**
+ * Default preset for the loading spinner — an accessible animated SVG circle arc.
+ *
+ * Styled via the `LOADING_SPINNER` UIBehavior recipe (color, animation, motion-reduce).
+ * The SVG approach avoids border-hack rendering inconsistencies across browsers.
+ */
+declare function LoadingSpinner({ className, size, ...props }: LoadingSpinnerProps): React.JSX.Element;
+export { LoadingSpinner };
+//# sourceMappingURL=loading-spinner.d.ts.map

package/dist/esm/components/feedback/loading-spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loading-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEtE;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyClG;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/feedback/loading-spinner.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UIBehavior, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { cn, useUI, useI18n } from "@wildo-ai/saas-frontend-lib";
+/**
+ * Default preset for the loading spinner — an accessible animated SVG circle arc.
+ *
+ * Styled via the `LOADING_SPINNER` UIBehavior recipe (color, animation, motion-reduce).
+ * The SVG approach avoids border-hack rendering inconsistencies across browsers.
+ */
+function LoadingSpinner({ className, size = 24, ...props }) {
+    const { getRecipe } = useUI();
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_LOADING_SPINNER });
+    const recipe = getRecipe(UIBehavior.LOADING_SPINNER);
+    return (_jsxs("div", { "data-slot": "loading-spinner", role: "status", "aria-live": "polite", className: cn("inline-flex items-center justify-center", recipe.base, className), ...props, children: [_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeOpacity: "0.25", strokeWidth: "3", fill: "none" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", fill: "none" })] }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_LOADING_SPINNER, 'loading') })] }));
+}
+export { LoadingSpinner };
+//# sourceMappingURL=loading-spinner.js.map

package/dist/esm/components/feedback/loading-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../../src/components/feedback/loading-spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAEvF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAGhE;;;;;GAKG;AACH,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAuB;IAC7E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IACvG,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IAEpD,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KAC5E,KAAK,aAET,eACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM,aAElB,iBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,MAAM,EACpB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,GACX,EACF,eACE,CAAC,EAAC,yBAAyB,EAC3B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,IAAI,EAAC,MAAM,GACX,IACE,EACN,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,SAAS,CAAC,GAAQ,IACrG,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/feedback/notification-center.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import type { NotificationCenterProps } from '@wildo-ai/saas-frontend-lib';
+/**
+ * NotificationCenter — generic, resource-agnostic notification list component.
+ *
+ * A pure UI component that displays a list of notifications with read/unread state,
+ * relative timestamps, and action buttons. Does NOT know about resources, i18n, or
+ * any engine concepts — all labels are passed as props.
+ *
+ * For engine integration, see the notification-center wrapper in saas-frontend-lib
+ * which wires NotificationContext and resolves i18n labels.
+ */
+export declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=notification-center.d.ts.map

package/dist/esm/components/feedback/notification-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-center.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notification-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAkC,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AAkC1G;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,gGAgI9B,CAAC"}

package/dist/esm/components/feedback/notification-center.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn, Button, ButtonVariants_Variant, ScrollArea } from "@wildo-ai/saas-frontend-lib";
+import { ButtonSize } from "@wildo-ai/presets-components-models";
+// ─────────────────────────────────────────────────────────────
+// Helpers
+// ─────────────────────────────────────────────────────────────
+function getRelativeTime(timestamp, labels) {
+    const diff = Date.now() - timestamp;
+    const minutes = Math.floor(diff / 60000);
+    const hours = Math.floor(diff / 3600000);
+    const days = Math.floor(diff / 86400000);
+    if (minutes < 1)
+        return labels.labelTimeJustNow ?? 'Just now';
+    if (minutes < 60)
+        return labels.formatTimeMinutesAgo?.(minutes) ?? `${minutes}m ago`;
+    if (hours < 24)
+        return labels.formatTimeHoursAgo?.(hours) ?? `${hours}h ago`;
+    return labels.formatTimeDaysAgo?.(days) ?? `${days}d ago`;
+}
+const TYPE_INDICATORS = {
+    success: 'bg-success',
+    error: 'bg-destructive',
+    warning: 'bg-warning',
+    info: 'bg-info',
+};
+// ─────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────
+/**
+ * NotificationCenter — generic, resource-agnostic notification list component.
+ *
+ * A pure UI component that displays a list of notifications with read/unread state,
+ * relative timestamps, and action buttons. Does NOT know about resources, i18n, or
+ * any engine concepts — all labels are passed as props.
+ *
+ * For engine integration, see the notification-center wrapper in saas-frontend-lib
+ * which wires NotificationContext and resolves i18n labels.
+ */
+export const NotificationCenter = React.forwardRef(({ notifications, unreadCount, onMarkAsRead, onMarkAllAsRead, onRemove, onClearAll, labelTitle = 'Notifications', labelNoNotifications = 'No notifications', labelMarkAllRead = 'Mark all as read', labelClearAll = 'Clear all', labelDismiss = 'Dismiss', labelTimeJustNow, formatTimeMinutesAgo, formatTimeHoursAgo, formatTimeDaysAgo, className, ...props }, ref) => {
+    const timeLabels = { labelTimeJustNow, formatTimeMinutesAgo, formatTimeHoursAgo, formatTimeDaysAgo };
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col w-full max-w-sm border border-border rounded-lg bg-popover shadow-[var(--shadow-lg)]", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between px-card py-element border-b border-border", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: labelTitle }), unreadCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center h-5 min-w-[20px] px-1.5 text-xs font-medium bg-primary text-primary-foreground rounded-full", children: unreadCount }))] }), _jsxs("div", { className: "flex items-center gap-element-sm", children: [unreadCount > 0 && onMarkAllAsRead && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-7 text-xs", onClick: onMarkAllAsRead, children: labelMarkAllRead })), notifications.length > 0 && onClearAll && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-7 text-xs text-muted-foreground", onClick: onClearAll, children: labelClearAll }))] })] }), _jsx(ScrollArea, { className: "max-h-[24rem]", children: notifications.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-section text-sm text-muted-foreground", children: labelNoNotifications })) : (_jsx("div", { className: "flex flex-col", children: notifications.map((notification) => (_jsxs("div", { className: cn("flex items-start gap-element px-card py-element-lg border-b border-border/50 last:border-b-0 transition-colors", !notification.isRead && "bg-accent/30", "hover:bg-accent/50 cursor-pointer"), onClick: () => onMarkAsRead?.(notification.id), children: [_jsx("div", { className: "flex-shrink-0 mt-1.5", children: _jsx("div", { className: cn("w-2 h-2 rounded-full", TYPE_INDICATORS[notification.type] ?? TYPE_INDICATORS.info, notification.isRead && "opacity-40") }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-element-sm", children: [_jsxs("p", { className: cn("text-sm leading-snug", !notification.isRead ? "font-medium text-foreground" : "text-muted-foreground"), children: [notification.wasCelebration && _jsx("span", { className: "me-1", children: "\uD83C\uDF89" }), notification.message] }), onRemove && (_jsx("button", { type: "button", className: "flex-shrink-0 text-muted-foreground/50 hover:text-muted-foreground text-xs", onClick: (e) => { e.stopPropagation(); onRemove(notification.id); }, "aria-label": labelDismiss, children: "\u00D7" }))] }), _jsx("p", { className: "text-xs text-muted-foreground/70 mt-0.5", children: getRelativeTime(notification.timestamp, timeLabels) }), notification.nextStep && (_jsxs(Button, { variant: ButtonVariants_Variant.LINK, size: ButtonSize.SM, className: "h-auto p-0 text-xs mt-1", onClick: (e) => { e.stopPropagation(); notification.nextStep.onClick(); }, children: [notification.nextStep.label, " \u2192"] }))] })] }, notification.id))) })) })] }));
+});
+NotificationCenter.displayName = "NotificationCenter";
+//# sourceMappingURL=notification-center.js.map

package/dist/esm/components/feedback/notification-center.js.map

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

package/dist/esm/components/feedback/operations-confirm-critical.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { OperationsConfirmCriticalProps } from '@wildo-ai/saas-frontend-lib';
+declare function OperationsConfirmCritical({ open, onOpenChange, cancelCallback, validationCallback, label, className, children, ...props }: OperationsConfirmCriticalProps): React.JSX.Element;
+export { OperationsConfirmCritical };
+//# sourceMappingURL=operations-confirm-critical.d.ts.map

package/dist/esm/components/feedback/operations-confirm-critical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-confirm-critical.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/operations-confirm-critical.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAA;AAcjF,iBAAS,yBAAyB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsCpD;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/esm/components/feedback/operations-confirm-critical.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, useI18n, } from "@wildo-ai/saas-frontend-lib";
+function OperationsConfirmCritical({ open, onOpenChange, cancelCallback, validationCallback, label, className, children, ...props }) {
+    const { tComponent, makeTrComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_OPERATIONS_CONFIRM_CRITICAL });
+    const tcOps = makeTrComponent(FrontendComponentType.LOW_LEVEL_OPERATIONS_CONFIRM_CRITICAL);
+    const title = label || tcOps('title');
+    const description = tcOps('description');
+    const cancelLabel = tcOps('cancel');
+    const confirmLabel = tcOps('confirm');
+    const handleCancel = React.useCallback(() => {
+        cancelCallback();
+        onOpenChange?.(false);
+    }, [cancelCallback, onOpenChange]);
+    const handleConfirm = React.useCallback(() => {
+        validationCallback();
+        onOpenChange?.(false);
+    }, [validationCallback, onOpenChange]);
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, ...props, children: _jsxs(AlertDialogContent, { className: className, children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), description && _jsx(AlertDialogDescription, { children: description })] }), children && _jsx("div", { children: children }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: handleCancel, children: cancelLabel }), _jsx(AlertDialogAction, { onClick: handleConfirm, children: confirmLabel })] })] }) }));
+}
+export { OperationsConfirmCritical };
+//# sourceMappingURL=operations-confirm-critical.js.map

package/dist/esm/components/feedback/operations-confirm-critical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"operations-confirm-critical.js","sourceRoot":"","sources":["../../../../src/components/feedback/operations-confirm-critical.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,OAAO,GACR,MAAM,6BAA6B,CAAA;AAEpC,SAAS,yBAAyB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACuB;IAC/B,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,qCAAqC,EAAE,CAAC,CAAA;IACpI,MAAM,KAAK,GAAG,eAAe,CAAC,qBAAqB,CAAC,qCAAqC,CAAC,CAAA;IAE1F,MAAM,KAAK,GAAG,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IACnC,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IAErC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,cAAc,EAAE,CAAA;QAChB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;IAElC,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,kBAAkB,EAAE,CAAA;QACpB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAA;IAEtC,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,KAAM,KAAK,YAC5D,MAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,aACtC,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC3C,WAAW,IAAI,KAAC,sBAAsB,cAAE,WAAW,GAA0B,IAC5D,EACnB,QAAQ,IAAI,wBAAM,QAAQ,GAAO,EAClC,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,IAAC,OAAO,EAAE,YAAY,YACrC,WAAW,GACM,EACpB,KAAC,iBAAiB,IAAC,OAAO,EAAE,aAAa,YACtC,YAAY,GACK,IACF,IACD,GACT,CACf,CAAA;AACH,CAAC;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/esm/components/feedback/progress.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

package/dist/esm/components/feedback/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8BzE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/feedback/progress.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { UIBehavior, IndicatorVariant } from "@wildo-ai/presets-components-models";
+function Progress({ className, value, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.INDICATOR, IndicatorVariant.INFO);
+    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn(
+        // Structure
+        "relative h-2 w-full overflow-hidden rounded-full", 
+        // Style — track background
+        "bg-primary/20", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn(
+            // Structure
+            "h-full w-full flex-1", 
+            // Style — fill color
+            "bg-primary", 
+            // Motion from recipe
+            recipe.motion.transition || "transition-all"), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+}
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/esm/components/feedback/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../src/components/feedback/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAE7D,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAElF,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC4C;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAErE,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE;QACX,YAAY;QACZ,kDAAkD;QAClD,2BAA2B;QAC3B,eAAe,EACf,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE;YACX,YAAY;YACZ,sBAAsB;YACtB,qBAAqB;YACrB,YAAY;YACZ,qBAAqB;YACrB,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI,gBAAgB,CAC7C,EACD,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC3D,GACqB,CAC1B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/feedback/skeleton.d.ts

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

package/dist/esm/components/feedback/skeleton.d.ts.map

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

package/dist/esm/components/feedback/skeleton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UIBehavior } from "@wildo-ai/presets-components-models";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+function Skeleton({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.SKELETON);
+    return (_jsx("div", { "data-slot": "skeleton", className: cn(recipe.base, className), ...props }));
+}
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/esm/components/feedback/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAEvD,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IAE7C,OAAO,CACL,2BACY,UAAU,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACjC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/feedback/toast.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { ToasterProps, toast } from "sonner";
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+export { Toaster, toast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/esm/components/feedback/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAqB,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEjE,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,KAAG,KAAK,CAAC,GAAG,CAAC,OAevD,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/feedback/toast.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toaster as Sonner, toast } from "sonner";
+const Toaster = ({ ...props }) => {
+    return (_jsx(Sonner, { theme: "system", className: "toaster group", style: {
+            "--normal-bg": "var(--surface-overlay)",
+            "--normal-text": "var(--surface-overlay-foreground)",
+            "--normal-border": "var(--border)",
+        }, ...props }));
+};
+export { Toaster, toast };
+//# sourceMappingURL=toast.js.map

package/dist/esm/components/feedback/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/feedback/toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGV,OAAO,EAAE,OAAO,IAAI,MAAM,EAAgB,KAAK,EAAE,MAAM,QAAQ,CAAA;AAEjE,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,EAAgB,EAAqB,EAAE;IAChE,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,QAAiC,EACxC,SAAS,EAAC,eAAe,EACzB,KAAK,EACH;YACE,aAAa,EAAE,wBAAwB;YACvC,eAAe,EAAE,mCAAmC;YACpD,iBAAiB,EAAE,eAAe;SACZ,KAEtB,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/esm/components/form/autosave-indicator.d.ts

@@ -0,0 +1,15 @@
+/**
+ * AutosaveIndicator Component
+ *
+ * P7-T04: Displays autosave state indicators for form fields.
+ * Shows different visual feedback based on save state:
+ * - idle: Hidden (no indicator)
+ * - saving: Subtle spinner
+ * - saved: Checkmark that fades after duration
+ * - error: Error indicator with optional retry
+ */
+import * as React from "react";
+import type { AutosaveIndicatorProps } from '@wildo-ai/saas-frontend-lib';
+declare function AutosaveIndicator({ state, errorMessage, onRetry, className, size, position, }: AutosaveIndicatorProps): React.JSX.Element | null;
+export { AutosaveIndicator };
+//# sourceMappingURL=autosave-indicator.d.ts.map

package/dist/esm/components/form/autosave-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosave-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/form/autosave-indicator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAiDzE,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAW,EACX,QAAmB,GACpB,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAwEnD;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/esm/components/form/autosave-indicator.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn, useI18n, LoadingSpinner } from "@wildo-ai/saas-frontend-lib";
+import { AutosaveFieldState } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+// =============================================================================
+// ICONS (inline SVG for non-spinner icons)
+// =============================================================================
+function CheckIcon({ className }) {
+    return (_jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+}
+function AlertIcon({ className }) {
+    return (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })] }));
+}
+// =============================================================================
+// COMPONENT
+// =============================================================================
+function AutosaveIndicator({ state, errorMessage, onRetry, className, size = 'sm', position = 'inline', }) {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (!isReady)
+        return null;
+    if (state === AutosaveFieldState.IDLE) {
+        return null;
+    }
+    const savingLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'saving');
+    const savedLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'saved');
+    const retryLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'retry');
+    const saveFailedLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'save_failed');
+    const sizeClasses = {
+        sm: 'h-3.5 w-3.5',
+        md: 'h-4 w-4',
+    };
+    const positionClasses = {
+        inline: 'inline-flex',
+        'absolute-right': 'absolute right-2 top-1/2 -translate-y-1/2',
+    };
+    const iconSize = sizeClasses[size];
+    return (_jsxs("span", { className: cn("items-center gap-item-xs transition-opacity duration-[var(--motion-duration-fast)]", positionClasses[position], className), role: "status", "aria-live": "polite", children: [state === AutosaveFieldState.SAVING && (_jsxs(_Fragment, { children: [_jsx(LoadingSpinner, { size: size === 'sm' ? 14 : 16, className: "text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: savingLabel })] })), state === AutosaveFieldState.SAVED && (_jsxs(_Fragment, { children: [_jsx(CheckIcon, { className: cn(iconSize, "text-success-foreground") }), _jsx("span", { className: "sr-only", children: savedLabel })] })), state === AutosaveFieldState.ERROR && (_jsxs("span", { className: "inline-flex items-center gap-item-xs", children: [_jsx(AlertIcon, { className: cn(iconSize, "text-destructive") }), errorMessage && (_jsx("span", { className: "text-xs text-destructive", children: errorMessage })), onRetry && (_jsx("button", { type: "button", onClick: onRetry, className: "text-xs text-destructive underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-destructive rounded", children: retryLabel })), _jsxs("span", { className: "sr-only", children: [saveFailedLabel, errorMessage ? `: ${errorMessage}` : ''] })] }))] }));
+}
+;
+AutosaveIndicator.displayName = "AutosaveIndicator";
+export { AutosaveIndicator };
+//# sourceMappingURL=autosave-indicator.js.map

package/dist/esm/components/form/autosave-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autosave-indicator.js","sourceRoot":"","sources":["../../../../src/components/form/autosave-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAcZ,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,gFAAgF;AAChF,2CAA2C;AAC3C,gFAAgF;AAEhF,SAAS,SAAS,CAAC,EAAE,SAAS,EAA0B;IACtD,OAAO,CACL,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,GAChC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA0B;IACtD,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,QAAQ,GACI;IACvB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAElG,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,KAAK,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAA;IACpF,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAA;IAClF,MAAM,UAAU,GAAG,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAA;IAClF,MAAM,eAAe,GAAG,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAA;IAE7F,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,aAAa;QACjB,EAAE,EAAE,SAAS;KACd,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,MAAM,EAAE,aAAa;QACrB,gBAAgB,EAAE,2CAA2C;KAC9D,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,eAAe,CAAC,QAAQ,CAAC,EACzB,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,eACH,QAAQ,aAEjB,KAAK,KAAK,kBAAkB,CAAC,MAAM,IAAI,CACtC,8BACE,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAC,uBAAuB,iBAAa,MAAM,GAAG,EACtG,eAAM,SAAS,EAAC,SAAS,YAAE,WAAW,GAAQ,IAC7C,CACJ,EAEA,KAAK,KAAK,kBAAkB,CAAC,KAAK,IAAI,CACrC,8BACE,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,yBAAyB,CAAC,GAAI,EACjE,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,GAAQ,IAC5C,CACJ,EAEA,KAAK,KAAK,kBAAkB,CAAC,KAAK,IAAI,CACrC,gBAAM,SAAS,EAAC,sCAAsC,aACpD,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,GAAI,EACzD,YAAY,IAAI,CACf,eAAM,SAAS,EAAC,0BAA0B,YAAE,YAAY,GAAQ,CACjE,EACA,OAAO,IAAI,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,sHAAsH,YAE/H,UAAU,GACJ,CACV,EACD,gBAAM,SAAS,EAAC,SAAS,aACtB,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,IACpD,IACF,CACR,IACI,CACR,CAAC;AACJ,CAAC;AAED,CAAC;AAAC,iBAAwE,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE5G,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/esm/components/form/chromes/field.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { Label } from "@wildo-ai/saas-frontend-lib";
+import { type FieldProps, type FieldSetProps } from '@wildo-ai/saas-frontend-lib';
+declare function FieldSet({ className, appearance, ...props }: FieldSetProps): React.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): React.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function Field({ className, orientation, ...props }: FieldProps): React.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): React.JSX.Element;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+//# sourceMappingURL=field.d.ts.map

package/dist/esm/components/form/chromes/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/chromes/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAa,KAAK,EAAa,MAAM,6BAA6B,CAAA;AAGzE,OAAO,EAA6B,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAO5G,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsB7G;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAcvF;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW3F;AAiBD,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAgD,EAChD,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUhC;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW7F;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAaxD;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW3F;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmB/F;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBpB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0CpB;AAKD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAA"}

package/dist/esm/components/form/chromes/field.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn, useUI, Label, Separator } from "@wildo-ai/saas-frontend-lib";
+import { SectionMode } from "@wildo-ai/zod-decorators";
+import { UIBehavior, TypographyVariant, SurfaceVariant } from "@wildo-ai/presets-components-models";
+import { FieldVariants_Orientation } from '@wildo-ai/saas-frontend-lib';
+function FieldSet({ className, appearance = SectionMode.DEFAULT, ...props }) {
+    const { getRecipe } = useUI();
+    const baseRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.BASE);
+    const raisedRecipe = getRecipe(UIBehavior.SURFACE, SurfaceVariant.RAISED);
+    const baseStyles = "flex flex-col gap-section has-[>[data-slot=checkbox-group]]:gap-field-sm has-[>[data-slot=radio-group]]:gap-field-sm";
+    const modeStyles = {
+        [SectionMode.DEFAULT]: cn(baseRecipe.base, "rounded-lg p-card"),
+        [SectionMode.CARD]: cn(raisedRecipe.base, "rounded-lg p-container"),
+        [SectionMode.GHOST]: "",
+        [SectionMode.COLLAPSIBLE]: cn(baseRecipe.base, "rounded-lg p-card"),
+    };
+    return (_jsx("fieldset", { "data-slot": "field-set", "data-appearance": appearance, className: cn(baseStyles, modeStyles[appearance], className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-field-sm font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-section-lg data-[slot=checkbox-group]:gap-field-sm [&>[data-slot=field-group]]:gap-field", className), ...props }));
+}
+/** Field base classes */
+const fieldBase = "group/field flex w-full gap-field-sm data-[invalid=true]:text-destructive";
+/** Field orientation variant classes */
+const fieldOrientationClasses = {
+    [FieldVariants_Orientation.VERTICAL]: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+    [FieldVariants_Orientation.HORIZONTAL]: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+    [FieldVariants_Orientation.RESPONSIVE]: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+};
+function fieldVariants(props) {
+    const orientation = props?.orientation ?? FieldVariants_Orientation.VERTICAL;
+    return cn(fieldBase, fieldOrientationClasses[orientation], props?.className);
+}
+function Field({ className, orientation = FieldVariants_Orientation.VERTICAL, ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-element-sm leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-element leading-snug group-data-[disabled=true]/field:opacity-[var(--opacity-disabled)]", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-card", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-title", className: cn("flex w-fit items-center gap-element text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-[var(--opacity-disabled)]", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    return (_jsx("p", { "data-slot": "field-description", className: cn(
+        // Style from TYPOGRAPHY.DESCRIPTION recipe
+        recipe.base, 
+        // Structure
+        "leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-card-sm", "data-slot": "field-separator-content", children: children }))] }));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error?.message, error])).values(),
+        ];
+        if (uniqueErrors?.length == 1) {
+            return uniqueErrors[0]?.message;
+        }
+        return (_jsx("ul", { className: "ms-card flex list-disc flex-col gap-item-xs", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-destructive text-sm font-normal", className), ...props, children: content }));
+}
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+//# sourceMappingURL=field.js.map

package/dist/esm/components/form/chromes/field.js.map

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