@wildo-ai/presets-components 1.0.1 → 1.1.0

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

@@ -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 LowLevelFeatureLimitIndicatorLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_LIMIT_INDICATOR, LowLevelFeatureLimitIndicatorLabels);
+//# sourceMappingURL=feature-limit-indicator.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-limit-indicator.labels.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-limit-indicator.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,mCAAmC,GAA0B,EAAE,CAAC;AAC7E,uBAAuB,CAAC,qBAAqB,CAAC,iCAAiC,EAAE,mCAAmC,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 LowLevelFeatureLimitIndicatorLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_LIMIT_INDICATOR, LowLevelFeatureLimitIndicatorLabels);\n"]}

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

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

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

@@ -26,4 +26,4 @@ export function FeatureLockBadge({ missingFeatures, size = 'sm', }) {
             className: 'text-muted-foreground/60',
         }) }));
 }
-//# sourceMappingURL=feature-lock-badge.js.map
+//# sourceMappingURL=feature-lock-badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"feature-lock-badge.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-lock-badge.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGxG,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;CACP,CAAC;AAEX,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,IAAI,GAAG,IAAI,GACW;IACtB,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,4BAA4B,EAAE,CAAC,CAAC;IAChH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,CAAC,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,EACzE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,eAAe,EAAE,MAAM;QACnC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACjE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEhB,OAAO,CACL,eACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,gBACE,KAAK,YAEhB,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE;YACtC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;YACpB,SAAS,EAAE,0BAA0B;SACtC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"feature-lock-badge.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-lock-badge.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGxG,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;IACf,EAAE,EAAE,QAAQ,CAAC,EAAE;CACP,CAAC;AAEX,MAAM,UAAU,gBAAgB,CAAC,EAC/B,eAAe,EACf,IAAI,GAAG,IAAI,GACW;IACtB,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,4BAA4B,EAAE,CAAC,CAAC;IAChH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,CAAC,GAAG,OAAO,CACf,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,EACzE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,eAAe,EAAE,MAAM;QACnC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACjE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEhB,OAAO,CACL,eACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,KAAK,gBACE,KAAK,YAEhB,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE;YACtC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;YACpB,SAAS,EAAE,0BAA0B;SACtC,CAAC,GACG,CACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * FeatureLockBadge (Preset)\n *\n * Inline badge showing a lock icon with i18n tooltip explaining why a feature is locked.\n * Used next to navigation items and action labels.\n */\n\nimport React, { useMemo } from 'react';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n, useIconRegistry, StandardIconReference, IconSize } from '@wildo-ai/saas-frontend-lib';\nimport type { FeatureLockBadgeProps } from '@wildo-ai/saas-frontend-lib';\n\nconst SIZE_MAP = {\n  sm: IconSize.XS,\n  md: IconSize.SM,\n} as const;\n\nexport function FeatureLockBadge({\n  missingFeatures,\n  size = 'sm',\n}: FeatureLockBadgeProps): React.JSX.Element | null {\n  const { makeTrComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE });\n  const { renderIcon } = useIconRegistry();\n\n  const t = useMemo(\n    () => makeTrComponent(FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE),\n    [makeTrComponent],\n  );\n\n  if (!isReady) return null;\n\n  const title = missingFeatures?.length\n    ? t('requiresFeatures', { features: missingFeatures.join(', ') })\n    : t('locked');\n\n  return (\n    <span\n      className=\"inline-flex items-center justify-center text-muted-foreground/60 flex-shrink-0\"\n      title={title}\n      role=\"img\"\n      aria-label={title}\n    >\n      {renderIcon(StandardIconReference.LOCK, {\n        size: SIZE_MAP[size],\n        className: 'text-muted-foreground/60',\n      })}\n    </span>\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-lock-badge.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-lock-badge.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAY/D,CAAC"}

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

@@ -0,0 +1,19 @@
+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 LowLevelFeatureLockBadgeLabels = [
+    {
+        ref: 'locked',
+        kind: LabelKind.TOOLTIP,
+        purpose: 'Hover hint on the lock badge indicating the feature is locked for the current plan',
+    },
+    {
+        ref: 'requiresFeatures',
+        kind: LabelKind.TOOLTIP,
+        purpose: 'Hover hint listing which features the current plan must unlock',
+        params: [{ key: 'features', isArray: true, meaning: 'list of required feature identifiers' }],
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE, LowLevelFeatureLockBadgeLabels);
+//# sourceMappingURL=feature-lock-badge.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-lock-badge.labels.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-lock-badge.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,8BAA8B,GAA0B;IACnE;QACE,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oFAAoF;KAC9F;IACD;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,gEAAgE;QACzE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,sCAAsC,EAAE,CAAC;KAC9F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,4BAA4B,EAAE,8BAA8B,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 LowLevelFeatureLockBadgeLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'locked',\n    kind: LabelKind.TOOLTIP,\n    purpose: 'Hover hint on the lock badge indicating the feature is locked for the current plan',\n  },\n  {\n    ref: 'requiresFeatures',\n    kind: LabelKind.TOOLTIP,\n    purpose: 'Hover hint listing which features the current plan must unlock',\n    params: [{ key: 'features', isArray: true, meaning: 'list of required feature identifiers' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_LOCK_BADGE, LowLevelFeatureLockBadgeLabels);\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"feature-unavailable-dialog.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-unavailable-dialog.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,MAAM,EACN,aAAa,EACb,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,UAAU,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,GAAG,WAAW,EACgB;IAC9B,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,iCAAiC,YAExD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,wBAAwB,OACnB,WAAW,EACf,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACE,GACQ,GACT,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"feature-unavailable-dialog.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-unavailable-dialog.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,MAAM,EACN,aAAa,EACb,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAIrC,MAAM,UAAU,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,GAAG,WAAW,EACgB;IAC9B,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,KAAC,aAAa,IAAC,SAAS,EAAC,iCAAiC,YAExD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,wBAAwB,OACnB,WAAW,EACf,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACE,GACQ,GACT,CACV,CAAC;AACJ,CAAC","sourcesContent":["/**\n * FeatureUnavailableDialog (Preset)\n * \n * Dialog wrapper around FeatureUnavailablePrompt.\n * Used for action bar clicks on locked operations and sidebar clicks on locked nav items.\n */\n\nimport React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  FeatureUnavailablePrompt,\n} from '@wildo-ai/saas-frontend-lib';\nimport type { FeatureUnavailableDialogProps } from '@wildo-ai/saas-frontend-lib';\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nexport function FeatureUnavailableDialog({\n  open,\n  onOpenChange,\n  ...promptProps\n}: FeatureUnavailableDialogProps): React.JSX.Element {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md p-0 overflow-hidden\">\n        {/* Reuse prompt content — override min-height for dialog context */}\n        <div className=\"[&>div]:min-h-0 [&>div]:py-card\">\n          <FeatureUnavailablePrompt\n            {...promptProps}\n            onDismiss={() => onOpenChange(false)}\n          />\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

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

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

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

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

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

@@ -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 LowLevelFeatureUnavailableDialogLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_DIALOG, LowLevelFeatureUnavailableDialogLabels);
+//# sourceMappingURL=feature-unavailable-dialog.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-unavailable-dialog.labels.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-unavailable-dialog.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,sCAAsC,GAA0B,EAAE,CAAC;AAChF,uBAAuB,CAAC,qBAAqB,CAAC,oCAAoC,EAAE,sCAAsC,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 LowLevelFeatureUnavailableDialogLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_DIALOG, LowLevelFeatureUnavailableDialogLabels);\n"]}

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

@@ -7,6 +7,6 @@
  * Rendered both in the route content area (FeatureRouteGuard) and inside a Dialog.
  */
 import React from 'react';
-import type { FeatureUnavailablePromptProps } from '@wildo-ai/saas-frontend-lib';
+import { FeatureUnavailablePromptProps } from '@wildo-ai/saas-frontend-lib';
 export declare function FeatureUnavailablePrompt({ behavior, missingFeatures, limitInfo, upgradeOptionsCount, onAction, onDismiss, }: FeatureUnavailablePromptProps): React.JSX.Element | null;
 //# sourceMappingURL=feature-unavailable-prompt.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"feature-unavailable-prompt.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-unavailable-prompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAQL,6BAA6B,EAC9B,MAAM,6BAA6B,CAAC;AAgCrC,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,CAgH1D"}

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

@@ -8,8 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 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';
+import { ButtonSize, FrontendComponentType, SurfaceVariant } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant, useI18n, useIconRegistry, StandardIconReference, IconSize, Surface, } 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.
@@ -40,6 +40,6 @@ export function FeatureUnavailablePrompt({ behavior, missingFeatures, limitInfo,
     }, [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') }))] })] }));
+    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 && (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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", variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.MD, onClick: onAction, children: t(config.ctaKey) })), onDismiss && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.MD, onClick: onDismiss, children: t('goBack') }))] })] }));
 }
-//# sourceMappingURL=feature-unavailable-prompt.js.map
+//# sourceMappingURL=feature-unavailable-prompt.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"feature-unavailable-prompt.js","sourceRoot":"","sources":["../../../../../src/components/feedback/features/feature-unavailable-prompt.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"feature-unavailable-prompt.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-unavailable-prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * FeatureUnavailablePrompt (Preset)\n *\n * Core reusable content for feature unavailability prompts.\n * Adapts its title, description, icon, and CTA based on `behavior`.\n *\n * Rendered both in the route content area (FeatureRouteGuard) and inside a Dialog.\n */\n\nimport React, { useMemo } from 'react';\nimport { ButtonSize, FrontendComponentType, SurfaceVariant } from '@wildo-ai/presets-components-models';\nimport {\n  Button,\n  ButtonVariants_Variant,\n  useI18n,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  Surface,\n  FeatureUnavailablePromptProps,\n} from '@wildo-ai/saas-frontend-lib';\n\n// ── Behavior → icon / label key mapping ─────────────────────────────\n\ninterface BehaviorConfig {\n  icon: StandardIconReference;\n  titleKey: string;\n  descriptionKey: string;\n  ctaKey?: string;\n}\n\n/**\n * Maps FeatureUnavailabilityBehavior enum values (lowercase) to icon + label keys.\n * Keys must match the enum values exactly: 'upgrade_prompt', 'addon_prompt', etc.\n */\nconst BEHAVIOR_CONFIG: Record<string, BehaviorConfig> = {\n  upgrade_prompt: { icon: StandardIconReference.LOCK, titleKey: 'upgradeTitle', descriptionKey: 'upgradeDescription', ctaKey: 'upgradeCTA' },\n  addon_prompt: { icon: StandardIconReference.PLUS, titleKey: 'addonTitle', descriptionKey: 'addonDescription', ctaKey: 'addonCTA' },\n  contact_admin: { icon: StandardIconReference.USERS, titleKey: 'contactTitle', descriptionKey: 'contactDescription' },\n  limit_upgrade_prompt: { icon: StandardIconReference.WARNING, titleKey: 'limitTitle', descriptionKey: 'limitDescription', ctaKey: 'limitCTA' },\n  disable: { icon: StandardIconReference.LOCK, titleKey: 'disableTitle', descriptionKey: 'disableDescription' },\n  custom: { icon: StandardIconReference.LOCK, titleKey: 'disableTitle', descriptionKey: 'disableDescription' },\n};\n\nconst DEFAULT_CONFIG: BehaviorConfig = {\n  icon: StandardIconReference.LOCK,\n  titleKey: 'disableTitle',\n  descriptionKey: 'disableDescription',\n};\n\n// ── Component ───────────────────────────────────────────────────────\n\nexport function FeatureUnavailablePrompt({\n  behavior,\n  missingFeatures,\n  limitInfo,\n  upgradeOptionsCount,\n  onAction,\n  onDismiss,\n}: FeatureUnavailablePromptProps): React.JSX.Element | null {\n  const { makeTrComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT });\n  const { renderIcon } = useIconRegistry();\n\n  const t = useMemo(\n    () => makeTrComponent(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT),\n    [makeTrComponent],\n  );\n\n  const config = BEHAVIOR_CONFIG[behavior] ?? DEFAULT_CONFIG;\n\n  const limitPercentage = useMemo(() => {\n    if (!limitInfo || limitInfo.limit <= 0) return 0;\n    return Math.min(100, Math.round((limitInfo.current / limitInfo.limit) * 100));\n  }, [limitInfo]);\n\n  if (!isReady) return null;\n\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[60vh] p-card text-center max-w-lg mx-auto\">\n      {/* Icon */}\n      <div className=\"w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-section\">\n        {renderIcon(config.icon, { size: IconSize.LG, className: 'text-muted-foreground' })}\n      </div>\n\n      {/* Title */}\n      <h2 className=\"text-2xl font-semibold text-foreground mb-element\">\n        {t(config.titleKey)}\n      </h2>\n\n      {/* Description */}\n      <p className=\"text-muted-foreground mb-section max-w-sm\">\n        {t(config.descriptionKey)}\n      </p>\n\n      {/* Missing features badges */}\n      {missingFeatures && missingFeatures.length > 0 && (\n        <div className=\"mb-section space-y-element\">\n          <p className=\"text-xs font-medium text-muted-foreground\">\n            {t('requiredFeaturesLabel')}\n          </p>\n          <div className=\"flex flex-wrap justify-center gap-1\">\n            {missingFeatures.map(f => (\n              <span key={f} className=\"inline-flex items-center rounded-md bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary\">\n                {f}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Limit usage bar */}\n      {limitInfo && (\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className=\"bg-muted rounded-lg p-card-sm space-y-element w-full max-w-xs mb-section\">\n            <div className=\"flex justify-between text-sm\">\n              <span className=\"text-muted-foreground\">{limitInfo.featureId}</span>\n              <span className=\"font-medium text-foreground\">\n                {t('usageProgress', { current: limitInfo.current, limit: limitInfo.limit })}\n              </span>\n            </div>\n            <div\n              className=\"h-2.5 bg-muted-foreground/20 rounded-full overflow-hidden\"\n              role=\"progressbar\"\n              aria-valuenow={limitInfo.current}\n              aria-valuemin={0}\n              aria-valuemax={limitInfo.limit}\n              aria-label={`${limitInfo.featureId}: ${limitInfo.current} of ${limitInfo.limit}`}\n            >\n              <div\n                className={`h-full rounded-full transition-all duration-[var(--motion-duration-fast)] ${\n                  limitPercentage >= 100 ? 'bg-destructive' : limitPercentage >= 80 ? 'bg-warning' : 'bg-primary'\n                }`}\n                style={{ width: `${limitPercentage}%` }}\n              />\n            </div>\n          </div>\n        </Surface>\n      )}\n\n      {/* Upgrade options count */}\n      {upgradeOptionsCount != null && upgradeOptionsCount > 0 && (\n        <p className=\"text-sm text-muted-foreground mb-section\">\n          {t('upgradeOptionsAvailable', { count: upgradeOptionsCount })}\n        </p>\n      )}\n\n      {/* Actions */}\n      <div className=\"flex flex-col gap-element w-full max-w-xs\">\n        {config.ctaKey && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.DEFAULT}\n            size={ButtonSize.MD}\n            onClick={onAction}\n          >\n            {t(config.ctaKey)}\n          </Button>\n        )}\n        {onDismiss && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.MD}\n            onClick={onDismiss}\n          >\n            {t('goBack')}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,114 @@
+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 LowLevelFeatureUnavailablePromptLabels = [
+    // Upgrade behavior
+    {
+        ref: 'upgradeTitle',
+        kind: LabelKind.HEADING,
+        purpose: 'Heading shown when a feature is gated behind a higher plan tier',
+    },
+    {
+        ref: 'upgradeDescription',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Explains that the feature requires upgrading to a higher plan',
+    },
+    {
+        ref: 'upgradeCTA',
+        kind: LabelKind.BUTTON,
+        purpose: 'Call-to-action opening the plan upgrade options',
+    },
+    // Add-on behavior
+    {
+        ref: 'addonTitle',
+        kind: LabelKind.HEADING,
+        purpose: 'Heading shown when a feature is available only as a paid add-on',
+    },
+    {
+        ref: 'addonDescription',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Explains that the feature is purchasable as an add-on to the current plan',
+    },
+    {
+        ref: 'addonCTA',
+        kind: LabelKind.BUTTON,
+        purpose: 'Call-to-action to acquire the required add-on',
+    },
+    // Contact admin behavior
+    {
+        ref: 'contactTitle',
+        kind: LabelKind.HEADING,
+        purpose: 'Heading shown when access is restricted and only an administrator can grant it',
+    },
+    {
+        ref: 'contactDescription',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Tells the user to contact their administrator to request access',
+    },
+    // Limit behavior
+    {
+        ref: 'limitTitle',
+        kind: LabelKind.HEADING,
+        purpose: 'Heading shown when a usage or capacity limit for the feature has been reached',
+    },
+    {
+        ref: 'limitDescription',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Explains that upgrading the plan raises the reached capacity limit',
+    },
+    {
+        ref: 'limitCTA',
+        kind: LabelKind.BUTTON,
+        purpose: 'Call-to-action to upgrade for more capacity',
+    },
+    // Disable behavior (fallback)
+    {
+        ref: 'disableTitle',
+        kind: LabelKind.HEADING,
+        purpose: 'Fallback heading shown when the feature is simply unavailable with no upgrade path',
+    },
+    {
+        ref: 'disableDescription',
+        kind: LabelKind.DESCRIPTION,
+        purpose: 'Fallback message stating the feature is currently not available',
+    },
+    // Shared labels
+    {
+        ref: 'goBack',
+        kind: LabelKind.BUTTON,
+        purpose: 'Action returning the user to the previous screen',
+    },
+    {
+        ref: 'maybeLater',
+        kind: LabelKind.BUTTON,
+        purpose: 'Dismiss action postponing the upsell without taking it',
+    },
+    {
+        ref: 'close',
+        kind: LabelKind.BUTTON,
+        purpose: 'Dismiss action closing the unavailable-feature prompt',
+    },
+    {
+        ref: 'requiredFeaturesLabel',
+        kind: LabelKind.HEADING,
+        purpose: 'Section heading introducing the list of features required to proceed',
+    },
+    {
+        ref: 'usageProgress',
+        kind: LabelKind.LABEL,
+        purpose: 'Displays current usage against the limit for the gated feature',
+        params: [
+            { key: 'current', meaning: 'amount of the limited resource used so far' },
+            { key: 'limit', meaning: 'maximum amount allowed by the current plan' },
+        ],
+    },
+    {
+        ref: 'upgradeOptionsAvailable',
+        kind: LabelKind.LABEL,
+        purpose: 'Indicates how many upgrade options the user can choose from',
+        params: [{ key: 'count', meaning: 'number of available upgrade options' }],
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT, LowLevelFeatureUnavailablePromptLabels);
+//# sourceMappingURL=feature-unavailable-prompt.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feature-unavailable-prompt.labels.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/features/feature-unavailable-prompt.labels.ts"],"names":[],"mappings":"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","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 LowLevelFeatureUnavailablePromptLabels: LabellingUnitaryDef[] = [\n  // Upgrade behavior\n  {\n    ref: 'upgradeTitle',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading shown when a feature is gated behind a higher plan tier',\n  },\n  {\n    ref: 'upgradeDescription',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Explains that the feature requires upgrading to a higher plan',\n  },\n  {\n    ref: 'upgradeCTA',\n    kind: LabelKind.BUTTON,\n    purpose: 'Call-to-action opening the plan upgrade options',\n  },\n  // Add-on behavior\n  {\n    ref: 'addonTitle',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading shown when a feature is available only as a paid add-on',\n  },\n  {\n    ref: 'addonDescription',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Explains that the feature is purchasable as an add-on to the current plan',\n  },\n  {\n    ref: 'addonCTA',\n    kind: LabelKind.BUTTON,\n    purpose: 'Call-to-action to acquire the required add-on',\n  },\n  // Contact admin behavior\n  {\n    ref: 'contactTitle',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading shown when access is restricted and only an administrator can grant it',\n  },\n  {\n    ref: 'contactDescription',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Tells the user to contact their administrator to request access',\n  },\n  // Limit behavior\n  {\n    ref: 'limitTitle',\n    kind: LabelKind.HEADING,\n    purpose: 'Heading shown when a usage or capacity limit for the feature has been reached',\n  },\n  {\n    ref: 'limitDescription',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Explains that upgrading the plan raises the reached capacity limit',\n  },\n  {\n    ref: 'limitCTA',\n    kind: LabelKind.BUTTON,\n    purpose: 'Call-to-action to upgrade for more capacity',\n  },\n  // Disable behavior (fallback)\n  {\n    ref: 'disableTitle',\n    kind: LabelKind.HEADING,\n    purpose: 'Fallback heading shown when the feature is simply unavailable with no upgrade path',\n  },\n  {\n    ref: 'disableDescription',\n    kind: LabelKind.DESCRIPTION,\n    purpose: 'Fallback message stating the feature is currently not available',\n  },\n  // Shared labels\n  {\n    ref: 'goBack',\n    kind: LabelKind.BUTTON,\n    purpose: 'Action returning the user to the previous screen',\n  },\n  {\n    ref: 'maybeLater',\n    kind: LabelKind.BUTTON,\n    purpose: 'Dismiss action postponing the upsell without taking it',\n  },\n  {\n    ref: 'close',\n    kind: LabelKind.BUTTON,\n    purpose: 'Dismiss action closing the unavailable-feature prompt',\n  },\n  {\n    ref: 'requiredFeaturesLabel',\n    kind: LabelKind.HEADING,\n    purpose: 'Section heading introducing the list of features required to proceed',\n  },\n  {\n    ref: 'usageProgress',\n    kind: LabelKind.LABEL,\n    purpose: 'Displays current usage against the limit for the gated feature',\n    params: [\n      { key: 'current', meaning: 'amount of the limited resource used so far' },\n      { key: 'limit', meaning: 'maximum amount allowed by the current plan' },\n    ],\n  },\n  {\n    ref: 'upgradeOptionsAvailable',\n    kind: LabelKind.LABEL,\n    purpose: 'Indicates how many upgrade options the user can choose from',\n    params: [{ key: 'count', meaning: 'number of available upgrade options' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FEATURE_UNAVAILABLE_PROMPT, LowLevelFeatureUnavailablePromptLabels);\n"]}

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

@@ -8,6 +8,6 @@ import type { LoadingOverlayProps } from "@wildo-ai/saas-frontend-lib";
  *
  * Styled via the `LOADING_OVERLAY` UIBehavior recipe (backdrop color, blur, motion).
  */
-declare function LoadingOverlay({ className, spinnerSize, showSpinner, ...props }: LoadingOverlayProps): React.JSX.Element;
+declare function LoadingOverlay({ className, spinnerSize, showSpinner, ...props }: LoadingOverlayProps): React.JSX.Element | null;
 export { LoadingOverlay };
 //# sourceMappingURL=loading-overlay.d.ts.map

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

@@ -1 +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"}
+{"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,GAAG,IAAI,CAwBpI;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { UIBehavior, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { FrontendComponentType, UIBehavior } 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.
@@ -13,7 +13,9 @@ function LoadingOverlay({ className, spinnerSize = 32, showSpinner = true, ...pr
     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') })] }));
+    if (!isReady)
+        return null;
+    return (_jsxs("div", { "data-slot": "loading-overlay", role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-(--z-overlay) 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
+//# sourceMappingURL=loading-overlay.js.map

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

@@ -1 +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"}
+{"version":3,"file":"loading-overlay.js","sourceRoot":"","sources":["../../../../../src/components/feedback/loading-overlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,UAAU,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,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,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","sourcesContent":["import * as React from \"react\"\nimport { FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport { cn, useUI, useI18n, LoadingSpinner } from \"@wildo-ai/saas-frontend-lib\"\nimport type { LoadingOverlayProps } from \"@wildo-ai/saas-frontend-lib\"\n\n/**\n * Default preset for the loading overlay — a translucent backdrop with a centered spinner.\n *\n * Designed as an absolute-positioned overlay that covers its nearest positioned ancestor.\n * The parent must have `position: relative` (or any positioning context).\n *\n * Styled via the `LOADING_OVERLAY` UIBehavior recipe (backdrop color, blur, motion).\n */\nfunction LoadingOverlay({ className, spinnerSize = 32, showSpinner = true, ...props }: LoadingOverlayProps): React.JSX.Element | null {\n  const { getRecipe } = useUI()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY })\n  const recipe = getRecipe(UIBehavior.LOADING_OVERLAY)\n\n  if (!isReady) return null\n\n  return (\n    <div\n      data-slot=\"loading-overlay\"\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"absolute inset-0 z-(--z-overlay) flex items-center justify-center\",\n        recipe.base,\n        recipe.motion.enter,\n        className\n      )}\n      {...props}\n    >\n      {showSpinner && <LoadingSpinner size={spinnerSize} />}\n      <span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY, 'loading')}</span>\n    </div>\n  )\n}\n\nexport { LoadingOverlay }\n"]}

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

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

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

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

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

@@ -0,0 +1,13 @@
+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 LowLevelLoadingOverlayLabels = [
+    {
+        ref: 'loading',
+        kind: LabelKind.LABEL,
+        purpose: 'Text shown beneath the spinner on the blocking overlay while a region refreshes',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY, LowLevelLoadingOverlayLabels);
+//# sourceMappingURL=loading-overlay.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/loading-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,4BAA4B,GAA0B;IACjE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,iFAAiF;KAC3F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,4BAA4B,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 LowLevelLoadingOverlayLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'loading',\n    kind: LabelKind.LABEL,\n    purpose: 'Text shown beneath the spinner on the blocking overlay while a region refreshes',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_LOADING_OVERLAY, LowLevelLoadingOverlayLabels);\n"]}

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

@@ -6,6 +6,6 @@ import type { LoadingSpinnerProps } from "@wildo-ai/saas-frontend-lib";
  * 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;
+declare function LoadingSpinner({ className, size, ...props }: LoadingSpinnerProps): React.JSX.Element | null;
 export { LoadingSpinner };
 //# sourceMappingURL=loading-spinner.d.ts.map

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

@@ -1 +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"}
+{"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,GAAG,IAAI,CA2CzG;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { UIBehavior, FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { FrontendComponentType, UIBehavior } 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.
@@ -11,7 +11,9 @@ 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);
+    if (!isReady)
+        return null;
     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
+//# sourceMappingURL=loading-spinner.js.map

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

@@ -1 +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"}
+{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../../../src/components/feedback/loading-spinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,UAAU,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,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,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","sourcesContent":["import * as React from \"react\"\nimport { FrontendComponentType, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nimport { cn, useUI, useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport type { LoadingSpinnerProps } from \"@wildo-ai/saas-frontend-lib\"\n\n/**\n * Default preset for the loading spinner — an accessible animated SVG circle arc.\n *\n * Styled via the `LOADING_SPINNER` UIBehavior recipe (color, animation, motion-reduce).\n * The SVG approach avoids border-hack rendering inconsistencies across browsers.\n */\nfunction LoadingSpinner({ className, size = 24, ...props }: LoadingSpinnerProps): React.JSX.Element | null {\n  const { getRecipe } = useUI()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_LOADING_SPINNER })\n  const recipe = getRecipe(UIBehavior.LOADING_SPINNER)\n\n  if (!isReady) return null\n\n  return (\n    <div\n      data-slot=\"loading-spinner\"\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\"inline-flex items-center justify-center\", recipe.base, className)}\n      {...props}\n    >\n      <svg\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          strokeOpacity=\"0.25\"\n          strokeWidth=\"3\"\n          fill=\"none\"\n        />\n        <path\n          d=\"M12 2a10 10 0 0 1 10 10\"\n          stroke=\"currentColor\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          fill=\"none\"\n        />\n      </svg>\n      <span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_LOADING_SPINNER, 'loading')}</span>\n    </div>\n  )\n}\n\nexport { LoadingSpinner }\n"]}

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

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

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

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

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

@@ -0,0 +1,13 @@
+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 LowLevelLoadingSpinnerLabels = [
+    {
+        ref: 'loading',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible busy-status text announced while the inline spinner is active',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_LOADING_SPINNER, LowLevelLoadingSpinnerLabels);
+//# sourceMappingURL=loading-spinner.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.labels.js","sourceRoot":"","sources":["../../../../../src/components/feedback/loading-spinner.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,4BAA4B,GAA0B;IACjE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,0EAA0E;KACpF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,4BAA4B,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 LowLevelLoadingSpinnerLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'loading',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible busy-status text announced while the inline spinner is active',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_LOADING_SPINNER, LowLevelLoadingSpinnerLabels);\n"]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { NotificationCenterProps } from '@wildo-ai/saas-frontend-lib';
+import { NotificationCenterProps } from '@wildo-ai/saas-frontend-lib';
 /**
  * NotificationCenter — generic, resource-agnostic notification list component.
  *

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

@@ -1 +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"}
+{"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,EAEL,uBAAuB,EAMxB,MAAM,6BAA6B,CAAC;AAkCrC;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,gGAmI9B,CAAC"}

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

@@ -1,7 +1,7 @@
 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";
+import { cn, Button, ButtonVariants_Variant, ScrollArea, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { ButtonSize, SurfaceVariant } from "@wildo-ai/presets-components-models";
 // ─────────────────────────────────────────────────────────────
 // Helpers
 // ─────────────────────────────────────────────────────────────
@@ -39,7 +39,7 @@ const TYPE_INDICATORS = {
  */
 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))) })) })] }));
+    return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.RAISED, children: _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.XS, onClick: onMarkAllAsRead, children: labelMarkAllRead })), notifications.length > 0 && onClearAll && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.XS, className: "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) => (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _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
+//# sourceMappingURL=notification-center.js.map