@happyvertical/smrt-sales 0.55.14 → 0.55.17

package/dist/commissions.js

@@ -1,3 +1,3 @@
-import "./chunks/__smrt-register__-CQjuqX1a.js";
+import "./chunks/__smrt-register__-BbaRY0f4.js";
 import { A as EARNING_EVENT_KINDS, C as COMMISSION_ADJUSTMENT_KINDS, D as COMMISSION_STATUSES, E as COMMISSION_PLAN_STATUSES, F as Commission, I as CommissionAdjustmentOperationCollection, L as CommissionAdjustmentOperation, M as CommissionPayoutCollection, N as CommissionPayout, O as EARNER_SOURCE_ATTRIBUTION_STATUSES, P as CommissionCollection, R as CommissionAdjustmentCollection, S as ADJUSTMENT_SETTLEABLE_COMMISSION_STATUSES, T as COMMISSION_PAYOUT_STATUSES, _ as EarnerCollection, a as CommissionBalanceService, b as CommissionPlan, c as CommissionAdjustmentValidationError, d as centsToAmount, f as roundCents, g as EarnerSourceAttribution, h as EarnerSourceAttributionCollection, i as CommissionCalculationService, j as PAYOUT_METHODS, k as EARNER_STATUSES, l as amountToCents, m as EarningEvent, n as CommissionSettlementService, o as CommissionAdjustmentReplayConflictError, p as EarningEventCollection, r as CommissionPayoutService, s as CommissionAdjustmentService, t as EarnerAttributionService, u as calculateCommissionAmountCents, v as Earner, w as COMMISSION_BASES, x as validateCommissionPlanComponents, y as CommissionPlanCollection, z as CommissionAdjustment } from "./chunks/commissions-Cs4MsxVg.js";
 export { ADJUSTMENT_SETTLEABLE_COMMISSION_STATUSES, COMMISSION_ADJUSTMENT_KINDS, COMMISSION_BASES, COMMISSION_PAYOUT_STATUSES, COMMISSION_PLAN_STATUSES, COMMISSION_STATUSES, Commission, CommissionAdjustment, CommissionAdjustmentCollection, CommissionAdjustmentOperation, CommissionAdjustmentOperationCollection, CommissionAdjustmentReplayConflictError, CommissionAdjustmentService, CommissionAdjustmentValidationError, CommissionBalanceService, CommissionCalculationService, CommissionCollection, CommissionPayout, CommissionPayoutCollection, CommissionPayoutService, CommissionPlan, CommissionPlanCollection, CommissionSettlementService, EARNER_SOURCE_ATTRIBUTION_STATUSES, EARNER_STATUSES, EARNING_EVENT_KINDS, Earner, EarnerAttributionService, EarnerCollection, EarnerSourceAttribution, EarnerSourceAttributionCollection, EarningEvent, EarningEventCollection, PAYOUT_METHODS, amountToCents, calculateCommissionAmountCents, centsToAmount, roundCents, validateCommissionPlanComponents };

package/dist/crm.js

@@ -1,3 +1,3 @@
-import "./chunks/__smrt-register__-CQjuqX1a.js";
+import "./chunks/__smrt-register__-BbaRY0f4.js";
 import { C as OPPORTUNITY_STATUSES, D as SALES_REPRESENTATIVE_STATUSES, E as SALES_ACTIVITY_SUBJECT_KINDS, O as Lead, S as LEAD_STATUSES, T as SALES_ACTIVITY_KINDS, _ as PipelineStageCollection, a as projectLeadWorkQueue, b as DEFAULT_PIPELINE_KEY, c as OpportunityConversion, d as SalesRepresentative, f as PipelineDefinitionCollection, g as SalesActivity, h as SalesActivityCollection, i as MAX_LEAD_WORKFLOW_TEXT_LENGTH, l as LeadCollection, m as OpportunityCollection, n as LeadWorkflowService, o as SalesPipelineRecipe, p as PipelineDefinition, r as LeadWorkflowValidationError, s as OpportunityConversionCollection, t as LEAD_HUMAN_ACTIVITY_KINDS, u as SalesRepresentativeCollection, v as PipelineStage, w as PIPELINE_STATUSES, x as DEFAULT_PIPELINE_STAGES, y as Opportunity } from "./chunks/crm-DaUkdNoG.js";
 export { DEFAULT_PIPELINE_KEY, DEFAULT_PIPELINE_STAGES, LEAD_HUMAN_ACTIVITY_KINDS, LEAD_STATUSES, Lead, LeadCollection, LeadWorkflowService, LeadWorkflowValidationError, MAX_LEAD_WORKFLOW_TEXT_LENGTH, OPPORTUNITY_STATUSES, Opportunity, OpportunityCollection, OpportunityConversion, OpportunityConversionCollection, PIPELINE_STATUSES, PipelineDefinition, PipelineDefinitionCollection, PipelineStage, PipelineStageCollection, SALES_ACTIVITY_KINDS, SALES_ACTIVITY_SUBJECT_KINDS, SALES_REPRESENTATIVE_STATUSES, SalesActivity, SalesActivityCollection, SalesPipelineRecipe, SalesRepresentative, SalesRepresentativeCollection, projectLeadWorkQueue };

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./chunks/__smrt-register__-CQjuqX1a.js";
+import "./chunks/__smrt-register__-BbaRY0f4.js";
 import { a as AgreementExecutionEvent, c as AGREEMENT_EXECUTION_STATUSES, d as sanitizeSignerIntent, i as AgreementExecutionEventCollection, l as coerceAgreementDate, n as ExecutedAgreementCollection, o as AgreementExecutionCollection, r as ExecutedAgreement, s as AgreementExecution, t as AgreementExecutionService, u as sanitizeSignerEvidence } from "./chunks/agreements-BB_tNU0U.js";
 import { A as EARNING_EVENT_KINDS, C as COMMISSION_ADJUSTMENT_KINDS, D as COMMISSION_STATUSES, E as COMMISSION_PLAN_STATUSES, F as Commission, I as CommissionAdjustmentOperationCollection, L as CommissionAdjustmentOperation, M as CommissionPayoutCollection, N as CommissionPayout, O as EARNER_SOURCE_ATTRIBUTION_STATUSES, P as CommissionCollection, R as CommissionAdjustmentCollection, S as ADJUSTMENT_SETTLEABLE_COMMISSION_STATUSES, T as COMMISSION_PAYOUT_STATUSES, _ as EarnerCollection, a as CommissionBalanceService, b as CommissionPlan, c as CommissionAdjustmentValidationError, d as centsToAmount, f as roundCents, g as EarnerSourceAttribution, h as EarnerSourceAttributionCollection, i as CommissionCalculationService, j as PAYOUT_METHODS, k as EARNER_STATUSES, l as amountToCents, m as EarningEvent, n as CommissionSettlementService, o as CommissionAdjustmentReplayConflictError, p as EarningEventCollection, r as CommissionPayoutService, s as CommissionAdjustmentService, t as EarnerAttributionService, u as calculateCommissionAmountCents, v as Earner, w as COMMISSION_BASES, x as validateCommissionPlanComponents, y as CommissionPlanCollection, z as CommissionAdjustment } from "./chunks/commissions-Cs4MsxVg.js";
 import { C as OPPORTUNITY_STATUSES, D as SALES_REPRESENTATIVE_STATUSES, E as SALES_ACTIVITY_SUBJECT_KINDS, O as Lead, S as LEAD_STATUSES, T as SALES_ACTIVITY_KINDS, _ as PipelineStageCollection, a as projectLeadWorkQueue, b as DEFAULT_PIPELINE_KEY, c as OpportunityConversion, d as SalesRepresentative, f as PipelineDefinitionCollection, g as SalesActivity, h as SalesActivityCollection, i as MAX_LEAD_WORKFLOW_TEXT_LENGTH, l as LeadCollection, m as OpportunityCollection, n as LeadWorkflowService, o as SalesPipelineRecipe, p as PipelineDefinition, r as LeadWorkflowValidationError, s as OpportunityConversionCollection, t as LEAD_HUMAN_ACTIVITY_KINDS, u as SalesRepresentativeCollection, v as PipelineStage, w as PIPELINE_STATUSES, x as DEFAULT_PIPELINE_STAGES, y as Opportunity } from "./chunks/crm-DaUkdNoG.js";

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0.0",
   "timestamp": 0,
   "packageName": "@happyvertical/smrt-sales",
-  "packageVersion": "0.55.14",
+  "packageVersion": "0.55.17",
   "objects": {
     "@happyvertical/smrt-sales:AgreementExecutionCollection": {
       "name": "agreementexecutioncollection",

package/dist/referrals.js

@@ -1,3 +1,3 @@
-import "./chunks/__smrt-register__-CQjuqX1a.js";
+import "./chunks/__smrt-register__-BbaRY0f4.js";
 import { A as ReferralClickOperation, B as ATTRIBUTION_RESOLUTION_MODES, C as ReferralTouchCollection, D as ReferralCollection, E as assertHttpTargetUrl, F as validateAttributionPolicyTerms, G as REFERRAL_STATUSES, H as REFERRAL_AGREEMENT_STATUSES, I as ATTRIBUTION_CONFLICT_BEHAVIORS, J as AttributionExceptionCollection, K as REFERRAL_TOUCH_KINDS, L as ATTRIBUTION_CREDIT_MODES, M as ReferralAgreement, N as AttributionPolicyCollection, O as Referral, P as AttributionPolicy, R as ATTRIBUTION_EXCEPTION_STATUSES, S as generateReferralCode, T as ReferralLink, U as REFERRAL_LINK_STATUSES, V as REFERRAL_AGREEMENT_APPROVAL_MODES, W as REFERRAL_PROGRAM_STATUSES, Y as AttributionException, _ as REFERRAL_CODE_ALPHABET, a as ReferralAgreementExecutionService, b as ReferralClickValidationError, c as ReferrerCollection, d as ReferralTermSnapshot, f as ReferralProgramCollection, g as MAX_REFERRAL_CLICK_IDEMPOTENCY_KEY_BYTES, h as MAX_CODE_GENERATION_ATTEMPTS, i as REFERRAL_AGREEMENT_SOURCE_KIND, j as ReferralAgreementCollection, k as ReferralClickOperationCollection, l as Referrer, m as DEFAULT_REFERRAL_CLICK_EVIDENCE_MAX_BYTES, n as REFERRAL_TERMS_SNAPSHOT_KIND, o as AttributionService, p as ReferralProgram, q as REFERRER_STATUSES, r as ReferralCommissionService, s as QualifiedReferralOverrideError, t as ReferralQualificationService, u as ReferralTermSnapshotCollection, v as REFERRAL_CODE_LENGTH, w as ReferralTouch, x as ReferralLinkCollection, y as ReferralClickReplayConflictError, z as ATTRIBUTION_POLICY_STATUSES } from "./chunks/referrals-CrFDsdq-.js";
 export { ATTRIBUTION_CONFLICT_BEHAVIORS, ATTRIBUTION_CREDIT_MODES, ATTRIBUTION_EXCEPTION_STATUSES, ATTRIBUTION_POLICY_STATUSES, ATTRIBUTION_RESOLUTION_MODES, AttributionException, AttributionExceptionCollection, AttributionPolicy, AttributionPolicyCollection, AttributionService, DEFAULT_REFERRAL_CLICK_EVIDENCE_MAX_BYTES, MAX_CODE_GENERATION_ATTEMPTS, MAX_REFERRAL_CLICK_IDEMPOTENCY_KEY_BYTES, QualifiedReferralOverrideError, REFERRAL_AGREEMENT_APPROVAL_MODES, REFERRAL_AGREEMENT_SOURCE_KIND, REFERRAL_AGREEMENT_STATUSES, REFERRAL_CODE_ALPHABET, REFERRAL_CODE_LENGTH, REFERRAL_LINK_STATUSES, REFERRAL_PROGRAM_STATUSES, REFERRAL_STATUSES, REFERRAL_TERMS_SNAPSHOT_KIND, REFERRAL_TOUCH_KINDS, REFERRER_STATUSES, Referral, ReferralAgreement, ReferralAgreementCollection, ReferralAgreementExecutionService, ReferralClickOperation, ReferralClickOperationCollection, ReferralClickReplayConflictError, ReferralClickValidationError, ReferralCollection, ReferralCommissionService, ReferralLink, ReferralLinkCollection, ReferralProgram, ReferralProgramCollection, ReferralQualificationService, ReferralTermSnapshot, ReferralTermSnapshotCollection, ReferralTouch, ReferralTouchCollection, Referrer, ReferrerCollection, assertHttpTargetUrl, generateReferralCode, validateAttributionPolicyTerms };

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-sales",
-  "packageVersion": "0.55.14",
+  "packageVersion": "0.55.17",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "8b08c40b91daf5bd59deafa21c7e87cf52732528cabd6b18e796a8e91ba37e7d",
-    "packageJson": "83796b8ef4de2f2d4b2a38d721bdb5b2233a26d28b6becb669daaa786d9bc33e",
+    "manifest": "6d545a2c1e94ddd71570192dea8adb2e1d576cb3b9295ea3bb432d88226a08d6",
+    "packageJson": "b762f43ff147abbc44aa570d2a0af94d22efbc8aa97d6fff25d4017dc0a08a80",
     "agents": "3100099d7cef116237e4deb4f83e32d836f3cc26e0f68a7dd55f14de942eda11",
     "moduleDoc:agents/agreements.md": "eb6ff147a0f60ee627d3337e8e9394d06fda955b4a4fff228537a9bd2803f886",
     "moduleDoc:agents/commissions.md": "e047024aafe5edcf072c1a6b7ea253c24cb15f2fa1beb2edd13651e735921f73",

package/dist/svelte/components/AttributionConflictQueue.svelte

@@ -98,7 +98,7 @@ function resolve(exception: AttributionExceptionView) {
 }
 </script>
 
-<section class="sales-attribution-queue">
+<section class="sales-attribution-queue" data-smrt-component="AttributionConflictQueue">
   {#if exceptions.length === 0}
     <p class="empty">No attribution exceptions to review.</p>
   {:else}
@@ -233,6 +233,8 @@ function resolve(exception: AttributionExceptionView) {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-attribution-queue {
     display: flex;
     flex-direction: column;
@@ -241,7 +243,7 @@ function resolve(exception: AttributionExceptionView) {
 
   .empty {
     margin: 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
@@ -261,7 +263,7 @@ function resolve(exception: AttributionExceptionView) {
     text-transform: uppercase;
     letter-spacing: 0.04em;
     font-size: var(--smrt-typography-label-medium-size, 0.75rem);
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     margin-right: var(--smrt-spacing-1, 0.25rem);
   }
 
@@ -285,13 +287,13 @@ function resolve(exception: AttributionExceptionView) {
     padding: var(--smrt-spacing-1, 0.25rem) var(--smrt-spacing-2, 0.5rem);
     text-align: left;
     font-weight: var(--smrt-typography-weight-semibold, 600);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     white-space: nowrap;
   }
 
   .candidates td {
     padding: var(--smrt-spacing-1, 0.25rem) var(--smrt-spacing-2, 0.5rem);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
   }
 
   .award-editor {
@@ -305,7 +307,7 @@ function resolve(exception: AttributionExceptionView) {
     font-size: var(--smrt-typography-label-large-size, 0.875rem);
     text-transform: uppercase;
     letter-spacing: 0.04em;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .award-editor__row {
@@ -321,11 +323,11 @@ function resolve(exception: AttributionExceptionView) {
   .award-editor__total {
     margin: 0;
     font-size: var(--smrt-typography-body-small-size, 0.8125rem);
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .award-editor__total.invalid {
-    color: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-error);
   }
 
   .award-editor :global(.form-group) {
@@ -340,7 +342,7 @@ function resolve(exception: AttributionExceptionView) {
   }
 
   .audit__item dt {
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-label-medium-size, 0.75rem);
     text-transform: uppercase;
     letter-spacing: 0.04em;
@@ -358,4 +360,5 @@ function resolve(exception: AttributionExceptionView) {
     clip: rect(0 0 0 0);
     white-space: nowrap;
   }
+}
 </style>

package/dist/svelte/components/CommissionBreakdown.svelte

@@ -38,7 +38,7 @@ function detailsId(id: string): string {
 }
 </script>
 
-<div class="sales-commission-breakdown">
+<div class="sales-commission-breakdown" data-smrt-component="CommissionBreakdown">
   {#if commissions.length === 0}
     <p class="empty">No commissions yet.</p>
   {:else}
@@ -158,6 +158,8 @@ function detailsId(id: string): string {
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-commission-breakdown {
     width: 100%;
     overflow-x: auto;
@@ -165,7 +167,7 @@ function detailsId(id: string): string {
 
   .empty {
     margin: 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
@@ -179,14 +181,14 @@ function detailsId(id: string): string {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
     text-align: left;
     font-weight: var(--smrt-typography-weight-semibold, 600);
-    background: var(--smrt-color-surface-container, #f3f4f6);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    background: var(--smrt-color-surface-container);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     white-space: nowrap;
   }
 
   td {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     vertical-align: top;
   }
 
@@ -200,7 +202,7 @@ function detailsId(id: string): string {
   }
 
   .negative {
-    color: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-error);
   }
 
   .event-kind {
@@ -210,7 +212,7 @@ function detailsId(id: string): string {
 
   .secondary {
     display: block;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-small-size, 0.75rem);
   }
 
@@ -220,7 +222,7 @@ function detailsId(id: string): string {
   }
 
   .details-row td {
-    background: var(--smrt-color-surface-container-low, #f9fafb);
+    background: var(--smrt-color-surface-container-low);
   }
 
   .details {
@@ -236,7 +238,7 @@ function detailsId(id: string): string {
   }
 
   .details__none {
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
@@ -248,4 +250,5 @@ function detailsId(id: string): string {
   .adjustments th {
     background: transparent;
   }
+}
 </style>

package/dist/svelte/components/CommissionExpenseSummary.svelte

@@ -26,7 +26,7 @@ let { rows = [], periodLabel, locale }: Props = $props();
 const totals = $derived(sumExpenseRowsByCurrency(rows));
 </script>
 
-<div class="sales-expense-summary">
+<div class="sales-expense-summary" data-smrt-component="CommissionExpenseSummary">
   <header class="head">
     <h3>Commission expense{periodLabel ? ` — ${periodLabel}` : ''}</h3>
     <p class="note">
@@ -96,6 +96,8 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-expense-summary {
     display: flex;
     flex-direction: column;
@@ -111,13 +113,13 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
 
   .note {
     margin: var(--smrt-spacing-1, 0.25rem) 0 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-small-size, 0.8125rem);
   }
 
   .empty {
     margin: 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
@@ -129,18 +131,18 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
   }
 
   .tile {
-    background: var(--smrt-color-surface, #fff);
-    border: 1px solid var(--smrt-color-outline-variant, #d8dde6);
-    border-radius: var(--smrt-radius-md, 8px);
+    background: var(--smrt-color-surface);
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: var(--smrt-radius-md);
     padding: var(--smrt-spacing-3, 0.75rem);
   }
 
   .tile--net {
-    border-color: var(--smrt-color-primary, #2563eb);
+    border-color: var(--smrt-color-primary);
   }
 
   .tile dt {
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-label-medium-size, 0.75rem);
     text-transform: uppercase;
     letter-spacing: 0.04em;
@@ -152,7 +154,7 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
   }
 
   .negative {
-    color: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-error);
   }
 
   table {
@@ -165,14 +167,14 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
     text-align: left;
     font-weight: var(--smrt-typography-weight-semibold, 600);
-    background: var(--smrt-color-surface-container, #f3f4f6);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    background: var(--smrt-color-surface-container);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     white-space: nowrap;
   }
 
   td {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
   }
 
   .num {
@@ -183,4 +185,5 @@ const totals = $derived(sumExpenseRowsByCurrency(rows));
   .net {
     font-weight: var(--smrt-typography-weight-semibold, 600);
   }
+}
 </style>

package/dist/svelte/components/ExecutedAgreementsList.svelte

@@ -26,7 +26,7 @@ export interface Props {
 let { agreements = [], locale, artifactHref }: Props = $props();
 </script>
 
-<div class="sales-agreements">
+<div class="sales-agreements" data-smrt-component="ExecutedAgreementsList">
   {#if agreements.length === 0}
     <p class="empty">No agreements yet.</p>
   {:else}
@@ -105,6 +105,8 @@ let { agreements = [], locale, artifactHref }: Props = $props();
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-agreements {
     width: 100%;
     overflow-x: auto;
@@ -112,7 +114,7 @@ let { agreements = [], locale, artifactHref }: Props = $props();
 
   .empty {
     margin: 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
@@ -126,14 +128,14 @@ let { agreements = [], locale, artifactHref }: Props = $props();
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
     text-align: left;
     font-weight: var(--smrt-typography-weight-semibold, 600);
-    background: var(--smrt-color-surface-container, #f3f4f6);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    background: var(--smrt-color-surface-container);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     white-space: nowrap;
   }
 
   td {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     vertical-align: top;
   }
 
@@ -149,7 +151,7 @@ let { agreements = [], locale, artifactHref }: Props = $props();
 
   .hash {
     margin-left: var(--smrt-spacing-1, 0.25rem);
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .separator {
@@ -157,6 +159,7 @@ let { agreements = [], locale, artifactHref }: Props = $props();
   }
 
   a {
-    color: var(--smrt-color-primary, #2563eb);
+    color: var(--smrt-color-primary);
   }
+}
 </style>

package/dist/svelte/components/LeadCreateForm.svelte

@@ -84,7 +84,7 @@ function submit() {
 }
 </script>
 
-<section class="sales-lead-create" aria-label="Create lead">
+<section class="sales-lead-create" aria-label="Create lead" data-smrt-component="LeadCreateForm">
   <Form class="sales-lead-create__form" onsubmit={submit}>
     <FormGroup label="Lead name" required>
       <Input value={name} required disabled={busy} oninput={(event) => (name = event.currentTarget.value)} />
@@ -139,8 +139,11 @@ function submit() {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   :global(.sales-lead-create__form) { display: grid; gap: var(--smrt-spacing-3, 0.75rem); }
   .sales-lead-create__actions { display: flex; justify-content: flex-end; gap: var(--smrt-spacing-2, 0.5rem); }
-  .sales-lead-create__error { color: var(--smrt-color-error, #dc2626); margin: 0; }
-  .sales-lead-create__duplicate { color: var(--smrt-color-warning, #a16207); margin: 0; }
+  .sales-lead-create__error { color: var(--smrt-color-error); margin: 0; }
+  .sales-lead-create__duplicate { color: var(--smrt-color-warning); margin: 0; }
+}
 </style>

package/dist/svelte/components/LeadDetail.svelte

@@ -138,7 +138,7 @@ function isOpenTask(activity: SalesActivityView): boolean {
 }
 </script>
 
-<article class="sales-lead-detail">
+<article class="sales-lead-detail" data-smrt-component="LeadDetail">
   <header class="head">
     <div>
       <h2 class="head__name">{lead.name}</h2>
@@ -384,6 +384,8 @@ function isOpenTask(activity: SalesActivityView): boolean {
 </article>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-lead-detail {
     display: flex;
     flex-direction: column;
@@ -411,7 +413,7 @@ function isOpenTask(activity: SalesActivityView): boolean {
   .empty,
   .merged-note {
     margin: var(--smrt-spacing-1, 0.25rem) 0 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .facts {
@@ -423,7 +425,7 @@ function isOpenTask(activity: SalesActivityView): boolean {
 
   .facts__item dt,
   .timeline__kind {
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-label-medium-size, 0.75rem);
   }
 
@@ -432,7 +434,7 @@ function isOpenTask(activity: SalesActivityView): boolean {
     overflow-wrap: anywhere;
   }
 
-  .linked-opportunity { display: flex; flex-wrap: wrap; align-items: center; gap: var(--smrt-spacing-2, 0.5rem); padding: var(--smrt-spacing-3, 0.75rem); border: 1px solid var(--smrt-color-outline-variant, #d8dde6); border-radius: var(--smrt-radius-md, 0.5rem); }
+  .linked-opportunity { display: flex; flex-wrap: wrap; align-items: center; gap: var(--smrt-spacing-2, 0.5rem); padding: var(--smrt-spacing-3, 0.75rem); border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-md, 0.5rem); }
   .linked-opportunity h3 { flex-basis: 100%; font-size: var(--smrt-typography-title-small-size, 1rem); }
 
   .controls,
@@ -442,8 +444,8 @@ function isOpenTask(activity: SalesActivityView): boolean {
     align-items: flex-end;
     gap: var(--smrt-spacing-3, 0.75rem);
     padding: var(--smrt-spacing-3, 0.75rem);
-    border: 1px solid var(--smrt-color-outline-variant, #d8dde6);
-    border-radius: var(--smrt-radius-md, 8px);
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: var(--smrt-radius-md);
   }
 
   .sales-lead-detail :global(.control-form) {
@@ -465,7 +467,7 @@ function isOpenTask(activity: SalesActivityView): boolean {
 
   h3 {
     margin-bottom: var(--smrt-spacing-2, 0.5rem);
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-title-small-size, 0.875rem);
     letter-spacing: 0.04em;
     text-transform: uppercase;
@@ -486,13 +488,13 @@ function isOpenTask(activity: SalesActivityView): boolean {
     align-items: center;
     gap: var(--smrt-spacing-2, 0.5rem);
     padding: var(--smrt-spacing-2, 0.5rem);
-    border: 1px solid var(--smrt-color-outline-variant, #d8dde6);
-    border-radius: var(--smrt-radius-sm, 4px);
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: var(--smrt-radius-sm);
   }
 
   .timeline__item.next-action {
-    border-color: var(--smrt-color-primary, #2563eb);
-    background: var(--smrt-color-primary-container, #eff6ff);
+    border-color: var(--smrt-color-primary);
+    background: var(--smrt-color-primary-container);
   }
 
   .timeline__content {
@@ -515,12 +517,12 @@ function isOpenTask(activity: SalesActivityView): boolean {
     flex: 1 1 12rem;
     flex-wrap: wrap;
     gap: var(--smrt-spacing-2, 0.5rem);
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-small-size, 0.75rem);
   }
 
   .timeline__meta .overdue {
-    color: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-error);
     font-weight: var(--smrt-typography-weight-semibold, 600);
   }
 
@@ -537,4 +539,5 @@ function isOpenTask(activity: SalesActivityView): boolean {
       width: 100%;
     }
   }
+}
 </style>

package/dist/svelte/components/LeadList.svelte

@@ -105,7 +105,7 @@ function handleAssign(leadId: string, event: Event) {
 }
 </script>
 
-<div class="sales-lead-list">
+<div class="sales-lead-list" data-smrt-component="LeadList">
   <nav class="inbox-controls" aria-label="Lead inbox filters">
     <div class="filters" role="group" aria-label="Filter leads">
       {#each filters as filter (filter.value)}
@@ -256,6 +256,8 @@ function handleAssign(leadId: string, event: Event) {
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .sales-lead-list {
     width: 100%;
     overflow-x: auto;
@@ -263,15 +265,15 @@ function handleAssign(leadId: string, event: Event) {
 
   .sales-lead-list__empty {
     margin: 0;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-style: italic;
   }
 
   .inbox-controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--smrt-spacing-3, 0.75rem); margin-bottom: var(--smrt-spacing-3, 0.75rem); }
   .filters { display: flex; flex-wrap: wrap; gap: var(--smrt-spacing-1, 0.25rem); }
-  .filters :global(.filter-tab) { border: 1px solid var(--smrt-color-outline-variant, #d8dde6); border-radius: var(--smrt-radius-sm, 0.25rem); padding: var(--smrt-spacing-1, 0.25rem) var(--smrt-spacing-2, 0.5rem); background: var(--smrt-color-surface, #fff); color: var(--smrt-color-on-surface, #111827); cursor: pointer; }
-  .filters :global(.filter-tab.active) { background: var(--smrt-color-primary-container, #dbeafe); border-color: var(--smrt-color-primary, #2563eb); }
-  .count { margin-left: var(--smrt-spacing-1, 0.25rem); color: var(--smrt-color-on-surface-variant, #64748b); }
+  .filters :global(.filter-tab) { border: 1px solid var(--smrt-color-outline-variant); border-radius: var(--smrt-radius-sm, 0.25rem); padding: var(--smrt-spacing-1, 0.25rem) var(--smrt-spacing-2, 0.5rem); background: var(--smrt-color-surface); color: var(--smrt-color-on-surface); cursor: pointer; }
+  .filters :global(.filter-tab.active) { background: var(--smrt-color-primary-container); border-color: var(--smrt-color-primary); }
+  .count { margin-left: var(--smrt-spacing-1, 0.25rem); color: var(--smrt-color-on-surface-variant); }
   .sort-control { display: flex; align-items: center; gap: var(--smrt-spacing-2, 0.5rem); }
   .pagination { display: flex; align-items: center; justify-content: flex-end; gap: var(--smrt-spacing-3, 0.75rem); padding-top: var(--smrt-spacing-3, 0.75rem); }
 
@@ -285,14 +287,14 @@ function handleAssign(leadId: string, event: Event) {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
     text-align: left;
     font-weight: var(--smrt-typography-weight-semibold, 600);
-    background: var(--smrt-color-surface-container, #f3f4f6);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    background: var(--smrt-color-surface-container);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     white-space: nowrap;
   }
 
   td {
     padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-3, 0.75rem);
-    border-bottom: 1px solid var(--smrt-color-outline-variant, #d8dde6);
+    border-bottom: 1px solid var(--smrt-color-outline-variant);
     vertical-align: top;
   }
 
@@ -307,17 +309,17 @@ function handleAssign(leadId: string, event: Event) {
   a.lead-name { color: inherit; text-decoration: none; }
   a.lead-name:hover, :global(.select-lead:hover) { text-decoration: underline; }
   :global(.select-lead) { padding: 0; border: 0; background: none; text-align: left; cursor: pointer; color: inherit; }
-  tr.selected td { background: var(--smrt-color-primary-container, #eff6ff); }
+  tr.selected td { background: var(--smrt-color-primary-container); }
 
   .secondary {
     display: block;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-small-size, 0.75rem);
   }
 
   .merged-note {
     display: block;
-    color: var(--smrt-color-on-surface-variant, #64748b);
+    color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-small-size, 0.75rem);
   }
 
@@ -330,7 +332,7 @@ function handleAssign(leadId: string, event: Event) {
   }
 
   .next-action.overdue {
-    color: var(--smrt-color-error, #dc2626);
+    color: var(--smrt-color-error);
     font-weight: var(--smrt-typography-weight-medium, 500);
   }
 
@@ -347,4 +349,5 @@ function handleAssign(leadId: string, event: Event) {
     clip: rect(0 0 0 0);
     white-space: nowrap;
   }
+}
 </style>