@saasicat/ui-vue 0.23.0 → 0.24.1

package/dist/{chunk-XMMFN2WJ.js → chunk-D74FFCCP.js}

@@ -630,6 +630,50 @@ function countPlans(resolved) {
   };
 }
 
+// src/client/identity-accents.ts
+var IDENTITY_ACCENTS = [
+  "var(--sa-color-identity-1)",
+  "var(--sa-color-identity-2)",
+  "var(--sa-color-identity-3)",
+  "var(--sa-color-identity-4)",
+  "var(--sa-color-identity-5)",
+  "var(--sa-color-identity-6)"
+];
+var IDENTITY_ACCENT_VALUES = [
+  "#1d4ed8",
+  "#6d28d9",
+  "#047857",
+  "#b45309",
+  "#0369a1",
+  "#b91c1c"
+];
+var IDENTITY_NEUTRAL_VALUE = "#64748b";
+var IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+function identityAccentAt(index) {
+  if (!Number.isFinite(index) || index < 0) return IDENTITY_NEUTRAL;
+  return IDENTITY_ACCENTS[Math.floor(index) % IDENTITY_ACCENTS.length];
+}
+var WELL_KNOWN = {
+  STARTER: IDENTITY_NEUTRAL,
+  BASIC: IDENTITY_NEUTRAL,
+  STANDARD: "var(--sa-color-identity-1)",
+  PRO: "var(--sa-color-identity-2)",
+  PROFESSIONAL: "var(--sa-color-identity-2)",
+  BUSINESS: "var(--sa-color-identity-5)",
+  ENTERPRISE: "var(--sa-color-identity-3)"
+};
+function identityAccentFor(key, overrides = {}, index = -1) {
+  return overrides[key] ?? WELL_KNOWN[key] ?? identityAccentAt(index);
+}
+var READABLE_ACCENT_SHARE = 50;
+function identityChipStyle(accent) {
+  return {
+    background: `color-mix(in srgb, ${accent} 8%, transparent)`,
+    color: `color-mix(in srgb, ${accent} ${READABLE_ACCENT_SHARE}%, var(--sa-color-fg-heading))`,
+    borderColor: `color-mix(in srgb, ${accent} 20%, transparent)`
+  };
+}
+
 export {
   ADMIN_UI_VERSION,
   HttpJsonError,
@@ -658,5 +702,12 @@ export {
   isFutureScheduled,
   isExpired,
   resolvePlans,
-  countPlans
+  countPlans,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL_VALUE,
+  IDENTITY_NEUTRAL,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle
 };

package/dist/client/index.cjs

@@ -30,6 +30,10 @@ __export(client_exports, {
   DEFAULT_SA_LOCALE: () => DEFAULT_SA_LOCALE,
   DEFAULT_STANDARD_PAGE_ROUTES: () => DEFAULT_STANDARD_PAGE_ROUTES,
   HttpJsonError: () => HttpJsonError,
+  IDENTITY_ACCENTS: () => IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES: () => IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL: () => IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE: () => IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError: () => ManifestLoadError,
   ManifestLoader: () => ManifestLoader,
   MissingHandlerError: () => MissingHandlerError,
@@ -49,6 +53,9 @@ __export(client_exports, {
   formatCurrency: () => formatCurrency,
   formatMessage: () => formatMessage,
   getJson: () => getJson,
+  identityAccentAt: () => identityAccentAt,
+  identityAccentFor: () => identityAccentFor,
+  identityChipStyle: () => identityChipStyle,
   isCurrentlyValid: () => isCurrentlyValid,
   isExpired: () => isExpired,
   isFutureScheduled: () => isFutureScheduled,
@@ -3856,6 +3863,50 @@ function countPlans(resolved) {
     tenants: resolved.reduce((sum, p) => sum + p.tenantCount, 0)
   };
 }
+
+// src/client/identity-accents.ts
+var IDENTITY_ACCENTS = [
+  "var(--sa-color-identity-1)",
+  "var(--sa-color-identity-2)",
+  "var(--sa-color-identity-3)",
+  "var(--sa-color-identity-4)",
+  "var(--sa-color-identity-5)",
+  "var(--sa-color-identity-6)"
+];
+var IDENTITY_ACCENT_VALUES = [
+  "#1d4ed8",
+  "#6d28d9",
+  "#047857",
+  "#b45309",
+  "#0369a1",
+  "#b91c1c"
+];
+var IDENTITY_NEUTRAL_VALUE = "#64748b";
+var IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+function identityAccentAt(index) {
+  if (!Number.isFinite(index) || index < 0) return IDENTITY_NEUTRAL;
+  return IDENTITY_ACCENTS[Math.floor(index) % IDENTITY_ACCENTS.length];
+}
+var WELL_KNOWN = {
+  STARTER: IDENTITY_NEUTRAL,
+  BASIC: IDENTITY_NEUTRAL,
+  STANDARD: "var(--sa-color-identity-1)",
+  PRO: "var(--sa-color-identity-2)",
+  PROFESSIONAL: "var(--sa-color-identity-2)",
+  BUSINESS: "var(--sa-color-identity-5)",
+  ENTERPRISE: "var(--sa-color-identity-3)"
+};
+function identityAccentFor(key, overrides = {}, index = -1) {
+  return overrides[key] ?? WELL_KNOWN[key] ?? identityAccentAt(index);
+}
+var READABLE_ACCENT_SHARE = 50;
+function identityChipStyle(accent) {
+  return {
+    background: `color-mix(in srgb, ${accent} 8%, transparent)`,
+    color: `color-mix(in srgb, ${accent} ${READABLE_ACCENT_SHARE}%, var(--sa-color-fg-heading))`,
+    borderColor: `color-mix(in srgb, ${accent} 20%, transparent)`
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ADMIN_UI_VERSION,
@@ -3868,6 +3919,10 @@ function countPlans(resolved) {
   DEFAULT_SA_LOCALE,
   DEFAULT_STANDARD_PAGE_ROUTES,
   HttpJsonError,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError,
   ManifestLoader,
   MissingHandlerError,
@@ -3887,6 +3942,9 @@ function countPlans(resolved) {
   formatCurrency,
   formatMessage,
   getJson,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle,
   isCurrentlyValid,
   isExpired,
   isFutureScheduled,

package/dist/client/index.d.cts

@@ -389,4 +389,73 @@ interface PlanCounts {
 }
 declare function countPlans<P extends PlanRowLike, V extends PlanVersionLike>(resolved: readonly ResolvedPlan<P, V>[]): PlanCounts;
 
-export { ADMIN_UI_VERSION, type AdminPromoListFilter, type AdminPromoListRow, type AdminResourceClientOptions, type BatchColumnData, BatchColumnDriftError, BatchColumnFetcher, type BatchColumnFetcherOptions, type BatchColumnRow, type BatchColumnValue, BootLoadError, BootLoader, type BootLoaderOptions, type BuildRouteEntry, type CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpClient, HttpJsonError, KvStore, type LoginBootProject, type LoginBrandFallback, type LoginBranding, ManifestLoadError, ManifestLoader, type ManifestLoaderOptions, type MessageParams, type NavBuilderOptions, type ParamStyle, type PlanCounts, type PlanRowLike, type PlanVersionLike, type ResolvePlansInput, type ResolvedPlan, SaLocale, type SidebarItem, type SidebarSection, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes };
+/**
+ * The categorical ramp, in the order an unnamed series should walk it.
+ *
+ * Seven entries, six of them hues plus the neutral. Long enough that a realistic
+ * plan list does not wrap, short enough that the colours stay tellable apart —
+ * a longer ramp is not a better one, it is a wheel of near-neighbours.
+ */
+declare const IDENTITY_ACCENTS: readonly string[];
+/**
+ * The same ramp as concrete colours, for values that are STORED rather than
+ * painted.
+ *
+ * A promotion's colour is data: the operator picks it, it goes over the wire,
+ * a database column holds it, and `CreatePromotionDto` caps it at 16
+ * characters. `var(--sa-color-identity-1)` is 28 and would fail validation on
+ * every create — which is exactly what happened when the swatches above were
+ * pointed at the token form. A token is paint; this is a value.
+ *
+ * These are the LIGHT theme's values, because a stored colour has to mean one
+ * thing wherever it is later rendered. `identity-accents-match-theme.test.js`
+ * binds each one to its role, so the two halves of the ramp cannot drift.
+ */
+declare const IDENTITY_ACCENT_VALUES: readonly string[];
+/** The stored counterpart of `IDENTITY_NEUTRAL`. */
+declare const IDENTITY_NEUTRAL_VALUE = "#64748b";
+/** For "no identity yet", and for the entry tier that should stay quiet. */
+declare const IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+/**
+ * The accent for the nth member of a series, wrapping when the series is longer
+ * than the ramp.
+ *
+ * A negative or non-finite index yields the neutral rather than throwing:
+ * callers derive it from `findIndex`, which answers -1 for "not in the list",
+ * and a missing row is exactly the "no identity yet" case.
+ */
+declare function identityAccentAt(index: number): string;
+/**
+ * The accent for a key, in the order the product decides it.
+ *
+ * 1. what the consumer supplied, because it is their brand;
+ * 2. the well-known tier, so `ENTERPRISE` is the same colour everywhere;
+ * 3. the ramp position, so an unknown key still gets a stable colour;
+ * 4. the neutral.
+ */
+declare function identityAccentFor(key: string, overrides?: Readonly<Record<string, string>>, index?: number): string;
+/**
+ * The three-part chip style every one of these sites was hand-rolling: a wash
+ * of the accent, a readable rendering of the accent as text, a firmer edge.
+ *
+ * `color-mix()` rather than the `accent + '15'` string concatenation it
+ * replaces. That trick only worked on a six-digit hex — it silently produced
+ * garbage for `rgb()`, for a named colour and for anything a consumer might
+ * reasonably pass — and it could never have worked for a `var()`, which is why
+ * these palettes could not follow the theme in the first place.
+ *
+ * The text is a mix rather than the accent itself. A `var(--sa-color-identity-N)`
+ * would not need that — the ramp has a value per theme, so it already suits both
+ * surfaces. A concrete hex has one value for both, and a concrete hex is what
+ * reaches here from a stored plan colour or from a consumer's `planAccents`; on
+ * whichever theme it lands nearest the surface it fades into its own wash.
+ *
+ * Callers may still override any of the three. `PromoCodeDialogFields` replaces
+ * the border with the plan's undiluted colour, and `PlanDiffCard` takes only the
+ * wash and the edge — an inline style beats the class beneath it, which is how
+ * the chip kept its own unreadable foreground through a fix applied to the
+ * selected-state rules around it.
+ */
+declare function identityChipStyle(accent: string): Record<string, string>;
+
+export { ADMIN_UI_VERSION, type AdminPromoListFilter, type AdminPromoListRow, type AdminResourceClientOptions, type BatchColumnData, BatchColumnDriftError, BatchColumnFetcher, type BatchColumnFetcherOptions, type BatchColumnRow, type BatchColumnValue, BootLoadError, BootLoader, type BootLoaderOptions, type BuildRouteEntry, type CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpClient, HttpJsonError, IDENTITY_ACCENTS, IDENTITY_ACCENT_VALUES, IDENTITY_NEUTRAL, IDENTITY_NEUTRAL_VALUE, KvStore, type LoginBootProject, type LoginBrandFallback, type LoginBranding, ManifestLoadError, ManifestLoader, type ManifestLoaderOptions, type MessageParams, type NavBuilderOptions, type ParamStyle, type PlanCounts, type PlanRowLike, type PlanVersionLike, type ResolvePlansInput, type ResolvedPlan, SaLocale, type SidebarItem, type SidebarSection, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, identityAccentAt, identityAccentFor, identityChipStyle, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes };

package/dist/client/index.d.ts

@@ -389,4 +389,73 @@ interface PlanCounts {
 }
 declare function countPlans<P extends PlanRowLike, V extends PlanVersionLike>(resolved: readonly ResolvedPlan<P, V>[]): PlanCounts;
 
-export { ADMIN_UI_VERSION, type AdminPromoListFilter, type AdminPromoListRow, type AdminResourceClientOptions, type BatchColumnData, BatchColumnDriftError, BatchColumnFetcher, type BatchColumnFetcherOptions, type BatchColumnRow, type BatchColumnValue, BootLoadError, BootLoader, type BootLoaderOptions, type BuildRouteEntry, type CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpClient, HttpJsonError, KvStore, type LoginBootProject, type LoginBrandFallback, type LoginBranding, ManifestLoadError, ManifestLoader, type ManifestLoaderOptions, type MessageParams, type NavBuilderOptions, type ParamStyle, type PlanCounts, type PlanRowLike, type PlanVersionLike, type ResolvePlansInput, type ResolvedPlan, SaLocale, type SidebarItem, type SidebarSection, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes };
+/**
+ * The categorical ramp, in the order an unnamed series should walk it.
+ *
+ * Seven entries, six of them hues plus the neutral. Long enough that a realistic
+ * plan list does not wrap, short enough that the colours stay tellable apart —
+ * a longer ramp is not a better one, it is a wheel of near-neighbours.
+ */
+declare const IDENTITY_ACCENTS: readonly string[];
+/**
+ * The same ramp as concrete colours, for values that are STORED rather than
+ * painted.
+ *
+ * A promotion's colour is data: the operator picks it, it goes over the wire,
+ * a database column holds it, and `CreatePromotionDto` caps it at 16
+ * characters. `var(--sa-color-identity-1)` is 28 and would fail validation on
+ * every create — which is exactly what happened when the swatches above were
+ * pointed at the token form. A token is paint; this is a value.
+ *
+ * These are the LIGHT theme's values, because a stored colour has to mean one
+ * thing wherever it is later rendered. `identity-accents-match-theme.test.js`
+ * binds each one to its role, so the two halves of the ramp cannot drift.
+ */
+declare const IDENTITY_ACCENT_VALUES: readonly string[];
+/** The stored counterpart of `IDENTITY_NEUTRAL`. */
+declare const IDENTITY_NEUTRAL_VALUE = "#64748b";
+/** For "no identity yet", and for the entry tier that should stay quiet. */
+declare const IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+/**
+ * The accent for the nth member of a series, wrapping when the series is longer
+ * than the ramp.
+ *
+ * A negative or non-finite index yields the neutral rather than throwing:
+ * callers derive it from `findIndex`, which answers -1 for "not in the list",
+ * and a missing row is exactly the "no identity yet" case.
+ */
+declare function identityAccentAt(index: number): string;
+/**
+ * The accent for a key, in the order the product decides it.
+ *
+ * 1. what the consumer supplied, because it is their brand;
+ * 2. the well-known tier, so `ENTERPRISE` is the same colour everywhere;
+ * 3. the ramp position, so an unknown key still gets a stable colour;
+ * 4. the neutral.
+ */
+declare function identityAccentFor(key: string, overrides?: Readonly<Record<string, string>>, index?: number): string;
+/**
+ * The three-part chip style every one of these sites was hand-rolling: a wash
+ * of the accent, a readable rendering of the accent as text, a firmer edge.
+ *
+ * `color-mix()` rather than the `accent + '15'` string concatenation it
+ * replaces. That trick only worked on a six-digit hex — it silently produced
+ * garbage for `rgb()`, for a named colour and for anything a consumer might
+ * reasonably pass — and it could never have worked for a `var()`, which is why
+ * these palettes could not follow the theme in the first place.
+ *
+ * The text is a mix rather than the accent itself. A `var(--sa-color-identity-N)`
+ * would not need that — the ramp has a value per theme, so it already suits both
+ * surfaces. A concrete hex has one value for both, and a concrete hex is what
+ * reaches here from a stored plan colour or from a consumer's `planAccents`; on
+ * whichever theme it lands nearest the surface it fades into its own wash.
+ *
+ * Callers may still override any of the three. `PromoCodeDialogFields` replaces
+ * the border with the plan's undiluted colour, and `PlanDiffCard` takes only the
+ * wash and the edge — an inline style beats the class beneath it, which is how
+ * the chip kept its own unreadable foreground through a fix applied to the
+ * selected-state rules around it.
+ */
+declare function identityChipStyle(accent: string): Record<string, string>;
+
+export { ADMIN_UI_VERSION, type AdminPromoListFilter, type AdminPromoListRow, type AdminResourceClientOptions, type BatchColumnData, BatchColumnDriftError, BatchColumnFetcher, type BatchColumnFetcherOptions, type BatchColumnRow, type BatchColumnValue, BootLoadError, BootLoader, type BootLoaderOptions, type BuildRouteEntry, type CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpClient, HttpJsonError, IDENTITY_ACCENTS, IDENTITY_ACCENT_VALUES, IDENTITY_NEUTRAL, IDENTITY_NEUTRAL_VALUE, KvStore, type LoginBootProject, type LoginBrandFallback, type LoginBranding, ManifestLoadError, ManifestLoader, type ManifestLoaderOptions, type MessageParams, type NavBuilderOptions, type ParamStyle, type PlanCounts, type PlanRowLike, type PlanVersionLike, type ResolvePlansInput, type ResolvedPlan, SaLocale, type SidebarItem, type SidebarSection, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, identityAccentAt, identityAccentFor, identityChipStyle, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes };

package/dist/client/index.js

@@ -8,6 +8,10 @@ import {
   BootLoader,
   DEFAULT_STANDARD_PAGE_ROUTES,
   HttpJsonError,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError,
   ManifestLoader,
   MissingHandlerError,
@@ -17,6 +21,9 @@ import {
   createAdminResourceClient,
   defaultSectionOrder,
   getJson,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle,
   isCurrentlyValid,
   isExpired,
   isFutureScheduled,
@@ -27,7 +34,7 @@ import {
   resolvePlans,
   todayIsoDate,
   trimTrailingSlashes
-} from "../chunk-XMMFN2WJ.js";
+} from "../chunk-D74FFCCP.js";
 import {
   DEFAULT_SA_LOCALE,
   SA_INTL_LOCALES,
@@ -55,6 +62,10 @@ export {
   DEFAULT_SA_LOCALE,
   DEFAULT_STANDARD_PAGE_ROUTES,
   HttpJsonError,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError,
   ManifestLoader,
   MissingHandlerError,
@@ -74,6 +85,9 @@ export {
   formatCurrency,
   formatMessage,
   getJson,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle,
   isCurrentlyValid,
   isExpired,
   isFutureScheduled,

package/dist/index.cjs

@@ -40,6 +40,10 @@ __export(src_exports, {
   DiscoveryLoadError: () => DiscoveryLoadError,
   ENTITLEMENT_INJECTION_KEY: () => ENTITLEMENT_INJECTION_KEY,
   HttpJsonError: () => HttpJsonError,
+  IDENTITY_ACCENTS: () => IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES: () => IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL: () => IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE: () => IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError: () => ManifestLoadError,
   ManifestLoader: () => ManifestLoader,
   MarketingProjectionsApiError: () => MarketingProjectionsApiError,
@@ -92,12 +96,16 @@ __export(src_exports, {
   formatCurrency: () => formatCurrency,
   formatMessage: () => formatMessage,
   getJson: () => getJson,
+  identityAccentAt: () => identityAccentAt,
+  identityAccentFor: () => identityAccentFor,
+  identityChipStyle: () => identityChipStyle,
   isCurrentlyValid: () => isCurrentlyValid,
   isExpired: () => isExpired,
   isFutureScheduled: () => isFutureScheduled,
   isProductionBoot: () => isProductionBoot,
   isSaBuiltinLocale: () => isSaBuiltinLocale,
   mergeMessages: () => mergeMessages,
+  planChangeWizardI18n: () => planChangeWizardI18n,
   postJson: () => postJson,
   provideEntitlement: () => provideEntitlement,
   resolveExtension: () => resolveExtension,
@@ -3941,6 +3949,50 @@ function countPlans(resolved) {
   };
 }
 
+// src/client/identity-accents.ts
+var IDENTITY_ACCENTS = [
+  "var(--sa-color-identity-1)",
+  "var(--sa-color-identity-2)",
+  "var(--sa-color-identity-3)",
+  "var(--sa-color-identity-4)",
+  "var(--sa-color-identity-5)",
+  "var(--sa-color-identity-6)"
+];
+var IDENTITY_ACCENT_VALUES = [
+  "#1d4ed8",
+  "#6d28d9",
+  "#047857",
+  "#b45309",
+  "#0369a1",
+  "#b91c1c"
+];
+var IDENTITY_NEUTRAL_VALUE = "#64748b";
+var IDENTITY_NEUTRAL = "var(--sa-color-identity-neutral)";
+function identityAccentAt(index) {
+  if (!Number.isFinite(index) || index < 0) return IDENTITY_NEUTRAL;
+  return IDENTITY_ACCENTS[Math.floor(index) % IDENTITY_ACCENTS.length];
+}
+var WELL_KNOWN = {
+  STARTER: IDENTITY_NEUTRAL,
+  BASIC: IDENTITY_NEUTRAL,
+  STANDARD: "var(--sa-color-identity-1)",
+  PRO: "var(--sa-color-identity-2)",
+  PROFESSIONAL: "var(--sa-color-identity-2)",
+  BUSINESS: "var(--sa-color-identity-5)",
+  ENTERPRISE: "var(--sa-color-identity-3)"
+};
+function identityAccentFor(key, overrides = {}, index = -1) {
+  return overrides[key] ?? WELL_KNOWN[key] ?? identityAccentAt(index);
+}
+var READABLE_ACCENT_SHARE = 50;
+function identityChipStyle(accent) {
+  return {
+    background: `color-mix(in srgb, ${accent} 8%, transparent)`,
+    color: `color-mix(in srgb, ${accent} ${READABLE_ACCENT_SHARE}%, var(--sa-color-fg-heading))`,
+    borderColor: `color-mix(in srgb, ${accent} 20%, transparent)`
+  };
+}
+
 // src/vue/super-admin-context.ts
 var SUPER_ADMIN_BRAND_KEY = /* @__PURE__ */ Symbol.for(
   "@saasicat/ui-vue/SUPER_ADMIN_BRAND"
@@ -6863,6 +6915,55 @@ var DEFAULT_I18N_EN = {
 function defaultTenantPlanSectionI18n(locale) {
   return locale === "en" ? DEFAULT_I18N_EN : DEFAULT_I18N_DE;
 }
+function planChangeWizardI18n(i18n) {
+  return {
+    title: i18n.wizardTitle,
+    close: i18n.wizardClose,
+    currentLabel: i18n.wizardCurrent,
+    cycleMonthly: i18n.cycleMonthly,
+    cycleYearly: i18n.cycleYearly,
+    badgeCurrent: i18n.wizardBadgeCurrent,
+    badgePopular: i18n.wizardBadgePopular,
+    priceUnitMonthly: i18n.wizardPriceUnitMonthly,
+    priceUnitYearly: i18n.wizardPriceUnitYearly,
+    priceOnRequest: i18n.wizardPriceOnRequest,
+    stepChoose: i18n.wizardStepChoose,
+    stepChooseIntro: i18n.wizardStepChooseIntro,
+    stepPreview: i18n.wizardStepPreview,
+    stepConfirm: i18n.wizardStepConfirm,
+    next: i18n.wizardNext,
+    back: i18n.wizardBack,
+    previewLoading: i18n.wizardPreviewLoading,
+    effectiveAtLabel: i18n.wizardEffectiveAtLabel,
+    effectiveImmediate: i18n.wizardEffectiveImmediate,
+    prorationTitle: i18n.wizardProrationTitle,
+    prorationLine: i18n.wizardProrationLine,
+    prorationDays: i18n.wizardProrationDays,
+    limitsTitle: i18n.wizardLimitsTitle,
+    limitsUsed: i18n.wizardLimitsUsed,
+    limitsCurrent: i18n.wizardLimitsCurrent,
+    limitsTarget: i18n.wizardLimitsTarget,
+    featuresGained: i18n.wizardFeaturesGained,
+    featuresLost: i18n.wizardFeaturesLost,
+    blockersTitle: i18n.wizardBlockersTitle,
+    confirmImmediate: i18n.wizardConfirmImmediate,
+    confirmScheduled: i18n.wizardConfirmScheduled,
+    confirmAction: i18n.wizardConfirmAction,
+    confirmInProgress: i18n.wizardConfirmInProgress,
+    confirmPriceTitle: i18n.wizardConfirmPriceTitle,
+    confirmProratedNow: i18n.wizardConfirmProratedNow,
+    confirmRecurringNext: i18n.wizardConfirmRecurringNext,
+    confirmRecurringFrom: i18n.wizardConfirmRecurringFrom,
+    perCycleMonthly: i18n.wizardConfirmPerCycleMonthly,
+    perCycleYearly: i18n.wizardConfirmPerCycleYearly,
+    confirmTrialNote: i18n.wizardConfirmTrialNote,
+    confirmRecurringTrialEnd: i18n.wizardConfirmRecurringTrialEnd,
+    changeTypeUpgrade: i18n.wizardChangeTypeUpgrade,
+    changeTypeDowngrade: i18n.wizardChangeTypeDowngrade,
+    changeTypeCycle: i18n.wizardChangeTypeCycle,
+    changeTypeNoop: i18n.wizardChangeTypeNoop
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ADMIN_UI_VERSION,
@@ -6885,6 +6986,10 @@ function defaultTenantPlanSectionI18n(locale) {
   DiscoveryLoadError,
   ENTITLEMENT_INJECTION_KEY,
   HttpJsonError,
+  IDENTITY_ACCENTS,
+  IDENTITY_ACCENT_VALUES,
+  IDENTITY_NEUTRAL,
+  IDENTITY_NEUTRAL_VALUE,
   ManifestLoadError,
   ManifestLoader,
   MarketingProjectionsApiError,
@@ -6937,12 +7042,16 @@ function defaultTenantPlanSectionI18n(locale) {
   formatCurrency,
   formatMessage,
   getJson,
+  identityAccentAt,
+  identityAccentFor,
+  identityChipStyle,
   isCurrentlyValid,
   isExpired,
   isFutureScheduled,
   isProductionBoot,
   isSaBuiltinLocale,
   mergeMessages,
+  planChangeWizardI18n,
   postJson,
   provideEntitlement,
   resolveExtension,

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { BootLoaderOptions, ManifestLoaderOptions, BuildRouteEntry, SidebarSection, NavBuilderOptions, BatchColumnData, BatchColumnFetcherOptions, BootLoader, ManifestLoader } from './client/index.cjs';
-export { ADMIN_UI_VERSION, AdminPromoListFilter, AdminPromoListRow, AdminResourceClientOptions, BatchColumnDriftError, BatchColumnFetcher, BatchColumnRow, BatchColumnValue, BootLoadError, CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpJsonError, LoginBootProject, LoginBrandFallback, LoginBranding, ManifestLoadError, MessageParams, ParamStyle, PlanCounts, PlanRowLike, PlanVersionLike, ResolvePlansInput, ResolvedPlan, SidebarItem, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes } from './client/index.cjs';
+export { ADMIN_UI_VERSION, AdminPromoListFilter, AdminPromoListRow, AdminResourceClientOptions, BatchColumnDriftError, BatchColumnFetcher, BatchColumnRow, BatchColumnValue, BootLoadError, CachedManifestEntry, DEFAULT_STANDARD_PAGE_ROUTES, HttpJsonError, IDENTITY_ACCENTS, IDENTITY_ACCENT_VALUES, IDENTITY_NEUTRAL, IDENTITY_NEUTRAL_VALUE, LoginBootProject, LoginBrandFallback, LoginBranding, ManifestLoadError, MessageParams, ParamStyle, PlanCounts, PlanRowLike, PlanVersionLike, ResolvePlansInput, ResolvedPlan, SidebarItem, buildRoutes, buildSidebar, countPlans, createAdminResourceClient, defaultSectionOrder, formatCurrency, formatMessage, getJson, identityAccentAt, identityAccentFor, identityChipStyle, isCurrentlyValid, isExpired, isFutureScheduled, isProductionBoot, postJson, resolveExtension, resolveLoginBranding, resolvePlans, todayIsoDate, trimTrailingSlashes } from './client/index.cjs';
 import { H as HttpClient, e as ActionRegistry, A as ActionHandler, K as KvStore, S as SaLocale } from './catalog-DJcfm5N2.cjs';
 export { f as ActionDefNotInManifestError, D as DEFAULT_SA_LOCALE, g as HttpResponse, M as MessageTree, h as MissingHandlerError, P as PartialMessages, R as ResolvedAction, i as SA_INTL_LOCALES, j as SA_LOCALES, k as SA_LOCALE_LABELS, l as SA_MESSAGES, m as SaBuiltinLocale, n as SaCatalog, o as SaCatalogOptions, c as SaLocaleDefinition, b as SaLocaleOption, a as SaMessages, d as SaMessagesOverrides, T as TranslationOf, p as createSaCatalog, q as defaultHttpClient, r as defaultKvStore, s as defineMessages, t as isSaBuiltinLocale, u as mergeMessages, v as resolveMessages } from './catalog-DJcfm5N2.cjs';
 import { A as ActionsMap, a as SuperAdminBrand, b as SuperAdminEndpoints, E as ExtensionsMap, c as SuperAdminLoginAdapter } from './use-sa-theme-B5t7oXph.cjs';
@@ -1777,5 +1777,68 @@ declare const DEFAULT_I18N_DE: TenantPlanSectionI18n;
 declare const DEFAULT_I18N_EN: TenantPlanSectionI18n;
 /** Default map for the given UI locale — fallback layer under the `i18n` prop. */
 declare function defaultTenantPlanSectionI18n(locale: SaLocale): TenantPlanSectionI18n;
+/**
+ * The strings `PlanChangeWizard` takes.
+ *
+ * A projection of `TenantPlanSectionI18n` with the `wizard` prefix dropped, so
+ * the wizard's own template reads `i18n.stepChoose` rather than
+ * `i18n.wizardStepChoose`.
+ */
+interface PlanChangeWizardI18n {
+    title: string;
+    close: string;
+    currentLabel: string;
+    cycleMonthly: string;
+    cycleYearly: string;
+    badgeCurrent: string;
+    badgePopular: string;
+    priceUnitMonthly: string;
+    priceUnitYearly: string;
+    priceOnRequest: string;
+    stepChoose: string;
+    stepChooseIntro: string;
+    stepPreview: string;
+    stepConfirm: string;
+    next: string;
+    back: string;
+    previewLoading: string;
+    effectiveAtLabel: string;
+    effectiveImmediate: string;
+    prorationTitle: string;
+    prorationLine: string;
+    prorationDays: string;
+    limitsTitle: string;
+    limitsUsed: string;
+    limitsCurrent: string;
+    limitsTarget: string;
+    featuresGained: string;
+    featuresLost: string;
+    blockersTitle: string;
+    confirmImmediate: string;
+    confirmScheduled: string;
+    confirmAction: string;
+    confirmInProgress: string;
+    confirmPriceTitle: string;
+    confirmProratedNow: string;
+    confirmRecurringNext: string;
+    confirmRecurringFrom: string;
+    perCycleMonthly: string;
+    perCycleYearly: string;
+    confirmTrialNote: string;
+    confirmRecurringTrialEnd: string;
+    changeTypeUpgrade: string;
+    changeTypeDowngrade: string;
+    changeTypeCycle: string;
+    changeTypeNoop: string;
+}
+/**
+ * Builds the wizard's strings from the section's.
+ *
+ * Here rather than inline in `TenantPlanSection.vue`, because the wizard is an
+ * exported component: a consumer who mounts it directly would otherwise have to
+ * reproduce all 44 keys of this mapping by hand, and a visual fixture had to do
+ * exactly that before it moved.
+ */
+declare function planChangeWizardI18n(i18n: TenantPlanSectionI18n): PlanChangeWizardI18n;
 
-export { ALL_ROWS, ActionHandler, ActionRegistry, ActionsMap, type ApiListResponse, BatchColumnData, BatchColumnFetcherOptions, type BillingCycleStr, BootLoader, BootLoaderOptions, BuildRouteEntry, type BulkItemKind, type BulkItemStatus, type BulkPublishItem, type BundleAddPreviewShape, type BundleCancelPreviewShape, type BundlePreviewIssueShape, type BundlePreviewShape, type BundlePreviewSnapshotShape, BundlesApiError, CATALOG_DEFAULT_LOCALE, type CatalogBundle, CatalogEntriesApiError, type CatalogPlan, type ConfirmDialogState, type CreateAdminRoutesOptions, type CreateManifestStoreOptions, type CreatePlatformLoadersOptions, DEFAULT_I18N_DE, DEFAULT_I18N_EN, DEFAULT_ROWS_PER_PAGE, DEFAULT_YEARLY_FACTOR, DiscoveryLoadError, type DraftPricing, ENTITLEMENT_INJECTION_KEY, type EmailHistoryDetail, type EmailHistoryFilter, type EmailHistoryListResult, type EmailHistoryResendResult, type EmailHistoryRow, type EmailHistoryStatus, type EntitlementSnapshotShape, ExtensionsMap, type FeatureRegistryEntry, type FeatureRouterGuardOptions, type FeatureRowMarkers, HttpClient, KvStore, ManifestLoader, ManifestLoaderOptions, type ManifestStoreActions, type ManifestStoreDefinition, type ManifestStoreState, MarketingProjectionsApiError, type MfaDialogState, NavBuilderOptions, PAGE_SIZE_OPTIONS, type PackageSnapshotShape, type PilotCopy, type PilotCreatePayload, type PilotCreateResult, type PilotEditPayload, type PilotEditResult, type PlanChangePreviewShape, type PlanSnapshotShape, PlannedOnlyFeatureError, PlansApiError, type PlatformEmailProvider, type PlatformEmailTestInput, type PlatformEmailTestResult, type PlatformEmailWriteInput, type PlatformLoaders, type PlatformTenantActionRow, type PlatformTenantActionTone, type PlatformTenantActionsOptions, type PlatformTenantActionsResult, type PriceLineItem, ProjectPageHost, type PromoCodeCreatePayload, type PromoCodeDurationType, type PromoCodePlanOption, type PromoCodeUpdatePayload, type PromoCodeValueType, type PromoState, type PromoStatus, PromotionsApiError, type QuotaMeta, type RedundantFeatureHintShape, type ResolvedTenantAction, SERVER_PAGE_SIZE_OPTIONS, SaLocale, SidebarSection, type SubscriptionBundleShape, type SubscriptionDraft, SuperAdminBrand, SuperAdminEndpoints, SuperAdminLoginAdapter, type TenantActionFlowProviders, type TenantActionInput, type TenantManifestNavItem, type TenantManifestShape, type TenantPlanSectionI18n, type TenantRowLike, TenantSubscriptionBundlesApiError, type UsageSnapshotShape, type UseActionsResult, type UseApiListOptions, type UseApiListResult, type UseAuditEntriesOptions, type UseAuditEntriesResult, type UseBatchColumnsResult, type UseBulkPublishOptions, type UseBulkPublishResult, type UseBundleVersionsMapOptions, type UseBundleVersionsMapResult, type UseBundleVersionsOptions, type UseBundleVersionsResult, type UseBundlesOptions, type UseBundlesResult, type UseCatalogEntriesOptions, type UseCatalogEntriesResult, type UseDiscoveryOptions, type UseDiscoveryResult, type UseEntitlementOptions, type UseEntitlementResult, type UseLivePlanVersionsOptions, type UseLivePlanVersionsResult, type UseManifestResult, type UseMarketingProjectionsOptions, type UseMarketingProjectionsResult, type UseNavResult, type UsePaginationResult, type UsePlanEditorOptions, type UsePlanEditorResult, type UsePlanVersionsOptions, type UsePlanVersionsResult, type UsePlansOptions, type UsePlansResult, type UsePromotionsOptions, type UsePromotionsResult, type UsePublicBootResult, type UseSubscriptionDraftOptions, type UseTenantActionFlowResult, type UseTenantBillingCatalogOptions, type UseTenantBillingCatalogResult, type UseTenantBillingOptions, type UseTenantBillingResult, type UseTenantManifestOptions, type UseTenantManifestResult, type UseTenantSubscriptionBundlesOptions, type UseTenantSubscriptionBundlesResult, type UseTenantsOptions, type UseTenantsResult, buildFeatureRegistry, buildFeatureRouterGuard, buildQuotaRegistry, createAdminRoutes, createManifestStore, createPlatformLoaders, createProjectPageHostRoute, defaultIconForActionKey, defaultTenantPlanSectionI18n, defaultToneForActionKey, provideEntitlement, useActions, useApiList, useAuditEntries, useBatchColumns, useBulkPublish, useBundleVersions, useBundleVersionsMap, useBundles, useCatalogEntries, useDiscovery, useEntitlement, useInjectedEntitlement, useLivePlanVersions, useManifest, useMarketingProjections, useNav, usePagination, usePlanEditor, usePlanVersions, usePlans, usePlatformTenantActions, usePromotions, usePublicBoot, useSubscriptionDraft, useSuperAdminActions, useSuperAdminBrand, useSuperAdminEndpoints, useSuperAdminExtensions, useSuperAdminHttp, useSuperAdminLoginAdapter, useSuperAdminManifest, useTenantActionFlow, useTenantBilling, useTenantBillingCatalog, useTenantManifest, useTenantSubscriptionBundles, useTenants };
+export { ALL_ROWS, ActionHandler, ActionRegistry, ActionsMap, type ApiListResponse, BatchColumnData, BatchColumnFetcherOptions, type BillingCycleStr, BootLoader, BootLoaderOptions, BuildRouteEntry, type BulkItemKind, type BulkItemStatus, type BulkPublishItem, type BundleAddPreviewShape, type BundleCancelPreviewShape, type BundlePreviewIssueShape, type BundlePreviewShape, type BundlePreviewSnapshotShape, BundlesApiError, CATALOG_DEFAULT_LOCALE, type CatalogBundle, CatalogEntriesApiError, type CatalogPlan, type ConfirmDialogState, type CreateAdminRoutesOptions, type CreateManifestStoreOptions, type CreatePlatformLoadersOptions, DEFAULT_I18N_DE, DEFAULT_I18N_EN, DEFAULT_ROWS_PER_PAGE, DEFAULT_YEARLY_FACTOR, DiscoveryLoadError, type DraftPricing, ENTITLEMENT_INJECTION_KEY, type EmailHistoryDetail, type EmailHistoryFilter, type EmailHistoryListResult, type EmailHistoryResendResult, type EmailHistoryRow, type EmailHistoryStatus, type EntitlementSnapshotShape, ExtensionsMap, type FeatureRegistryEntry, type FeatureRouterGuardOptions, type FeatureRowMarkers, HttpClient, KvStore, ManifestLoader, ManifestLoaderOptions, type ManifestStoreActions, type ManifestStoreDefinition, type ManifestStoreState, MarketingProjectionsApiError, type MfaDialogState, NavBuilderOptions, PAGE_SIZE_OPTIONS, type PackageSnapshotShape, type PilotCopy, type PilotCreatePayload, type PilotCreateResult, type PilotEditPayload, type PilotEditResult, type PlanChangePreviewShape, type PlanChangeWizardI18n, type PlanSnapshotShape, PlannedOnlyFeatureError, PlansApiError, type PlatformEmailProvider, type PlatformEmailTestInput, type PlatformEmailTestResult, type PlatformEmailWriteInput, type PlatformLoaders, type PlatformTenantActionRow, type PlatformTenantActionTone, type PlatformTenantActionsOptions, type PlatformTenantActionsResult, type PriceLineItem, ProjectPageHost, type PromoCodeCreatePayload, type PromoCodeDurationType, type PromoCodePlanOption, type PromoCodeUpdatePayload, type PromoCodeValueType, type PromoState, type PromoStatus, PromotionsApiError, type QuotaMeta, type RedundantFeatureHintShape, type ResolvedTenantAction, SERVER_PAGE_SIZE_OPTIONS, SaLocale, SidebarSection, type SubscriptionBundleShape, type SubscriptionDraft, SuperAdminBrand, SuperAdminEndpoints, SuperAdminLoginAdapter, type TenantActionFlowProviders, type TenantActionInput, type TenantManifestNavItem, type TenantManifestShape, type TenantPlanSectionI18n, type TenantRowLike, TenantSubscriptionBundlesApiError, type UsageSnapshotShape, type UseActionsResult, type UseApiListOptions, type UseApiListResult, type UseAuditEntriesOptions, type UseAuditEntriesResult, type UseBatchColumnsResult, type UseBulkPublishOptions, type UseBulkPublishResult, type UseBundleVersionsMapOptions, type UseBundleVersionsMapResult, type UseBundleVersionsOptions, type UseBundleVersionsResult, type UseBundlesOptions, type UseBundlesResult, type UseCatalogEntriesOptions, type UseCatalogEntriesResult, type UseDiscoveryOptions, type UseDiscoveryResult, type UseEntitlementOptions, type UseEntitlementResult, type UseLivePlanVersionsOptions, type UseLivePlanVersionsResult, type UseManifestResult, type UseMarketingProjectionsOptions, type UseMarketingProjectionsResult, type UseNavResult, type UsePaginationResult, type UsePlanEditorOptions, type UsePlanEditorResult, type UsePlanVersionsOptions, type UsePlanVersionsResult, type UsePlansOptions, type UsePlansResult, type UsePromotionsOptions, type UsePromotionsResult, type UsePublicBootResult, type UseSubscriptionDraftOptions, type UseTenantActionFlowResult, type UseTenantBillingCatalogOptions, type UseTenantBillingCatalogResult, type UseTenantBillingOptions, type UseTenantBillingResult, type UseTenantManifestOptions, type UseTenantManifestResult, type UseTenantSubscriptionBundlesOptions, type UseTenantSubscriptionBundlesResult, type UseTenantsOptions, type UseTenantsResult, buildFeatureRegistry, buildFeatureRouterGuard, buildQuotaRegistry, createAdminRoutes, createManifestStore, createPlatformLoaders, createProjectPageHostRoute, defaultIconForActionKey, defaultTenantPlanSectionI18n, defaultToneForActionKey, planChangeWizardI18n, provideEntitlement, useActions, useApiList, useAuditEntries, useBatchColumns, useBulkPublish, useBundleVersions, useBundleVersionsMap, useBundles, useCatalogEntries, useDiscovery, useEntitlement, useInjectedEntitlement, useLivePlanVersions, useManifest, useMarketingProjections, useNav, usePagination, usePlanEditor, usePlanVersions, usePlans, usePlatformTenantActions, usePromotions, usePublicBoot, useSubscriptionDraft, useSuperAdminActions, useSuperAdminBrand, useSuperAdminEndpoints, useSuperAdminExtensions, useSuperAdminHttp, useSuperAdminLoginAdapter, useSuperAdminManifest, useTenantActionFlow, useTenantBilling, useTenantBillingCatalog, useTenantManifest, useTenantSubscriptionBundles, useTenants };