@happyvertical/smrt-subscriptions 0.60.16 → 0.60.18

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0.0",
   "timestamp": 0,
   "packageName": "@happyvertical/smrt-subscriptions",
-  "packageVersion": "0.60.16",
+  "packageVersion": "0.60.18",
   "objects": {
     "@happyvertical/smrt-subscriptions:SubscriptionPlanCollection": {
       "name": "subscriptionplancollection",

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-subscriptions",
-  "packageVersion": "0.60.16",
+  "packageVersion": "0.60.18",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "d0344a095641eda1066db194207f42badf47b28e0caf1fcc03afc73172b003eb",
-    "packageJson": "223e5c265728c912465daa447faf2c245561cdd69ba46abceca53596ec82a694",
+    "manifest": "bd677428d6816389a5353be289957b0aa957f8fb911895d93b012108a89c42f1",
+    "packageJson": "956deeb9b7ee22dc1c6b5baf3016fce280d7d80a6862277cf89e0cae4605a266",
     "agents": "920c91705242b95baed544fa2b33223935353a247a9b9946c5776a315525e642"
   },
   "exports": [

package/dist/svelte/CommercialOverview.svelte

@@ -41,11 +41,11 @@ function formatCharge(metric: CommercialMetricView): string {
 }
 </script>
 
-<section class="commercial-overview" aria-label={t(M['subscriptions.commercial.overview_label'])} data-smrt-component="CommercialOverview">
+<section class="smrt-commercial-overview__root" aria-label={t(M['subscriptions.commercial.overview_label'])} data-smrt-component="CommercialOverview">
   {#each metrics as metric (metric.metricKey)}
-    <article>
-      <header><strong>{metric.metricKey}</strong><span class:blocked={metric.thresholdState === 'blocked'}>{metric.thresholdState ?? 'ok'}</span></header>
-      <dl>
+    <article data-smrt-part="row">
+      <header data-smrt-part="header"><strong>{metric.metricKey}</strong><span class:smrt-commercial-overview__blocked={metric.thresholdState === 'blocked'} data-smrt-part="indicator">{metric.thresholdState ?? 'ok'}</span></header>
+      <dl data-smrt-part="body">
         <div><dt>Usage</dt><dd>{metric.usage}</dd></div>
         <div><dt>Allowance</dt><dd>{metric.allowance ?? '—'}</dd></div>
         <div><dt>Forecast</dt><dd>{metric.forecast ?? '—'}</dd></div>
@@ -57,13 +57,39 @@ function formatCharge(metric: CommercialMetricView): string {
 
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.structure {
+  .smrt-commercial-overview__root {
+    display:grid;
+    gap:.75rem;
+  }
+  article {
+    padding:1rem;
+  }
+  header, dl, dl div {
+    display:flex;
+    justify-content:space-between;
+    gap:1rem;
+  }
+  dl {
+    flex-wrap:wrap;
+    margin:.75rem 0 0;
+  }
+  dd {
+    margin:0;
+  }
+}
+
 @layer smrt.theme {
-.commercial-overview { display:grid; gap:.75rem; }
-article { border:var(--smrt-hairline); border-radius:var(--smrt-radius-md); padding:1rem; }
-header, dl, dl div { display:flex; justify-content:space-between; gap:1rem; }
-dl { flex-wrap:wrap; margin:.75rem 0 0; }
-dt { color:var(--smrt-color-on-surface-variant); }
-dd { margin:0; }
-.blocked { color:var(--smrt-color-error); }
+  article {
+    border:var(--smrt-hairline);
+    border-radius:var(--smrt-radius-md);
+  }
+  dt {
+    color:var(--smrt-color-on-surface-variant);
+  }
+  .smrt-commercial-overview__blocked {
+    color:var(--smrt-color-error);
+  }
 }
+
 </style>

package/dist/svelte/PlanPicker.svelte

@@ -91,13 +91,13 @@ let {
     <!-- raw-primitive-allow: pressable selection card (aria-pressed toggle with multi-line plan summary), not a standard action button -->
     <button
       aria-pressed={plan.planKey === selectedPlanKey}
-      class:selected={plan.planKey === selectedPlanKey}
+      class:smrt-plan-picker__selected={plan.planKey === selectedPlanKey}
       class="smrt-plan-picker__plan"
       type="button"
-      onclick={() => onSelect?.(plan)}
+      onclick={() => onSelect?.(plan)} data-smrt-part="trigger"
     >
-      <span class="smrt-plan-picker__name">{plan.name}</span>
-      <span class="smrt-plan-picker__price">
+      <span class="smrt-plan-picker__name" data-smrt-part="title">{plan.name}</span>
+      <span class="smrt-plan-picker__price" data-smrt-part="value">
         {#if plan.pricingMode === 'free'}
           {t(M['subscriptions.picker.free'])}
         {:else if plan.pricingMode === 'pay_what_you_can'}
@@ -112,9 +112,9 @@ let {
         {/if}
       </span>
       {#if plan.description}
-        <span class="smrt-plan-picker__description">{plan.description}</span>
+        <span class="smrt-plan-picker__description" data-smrt-part="description">{plan.description}</span>
       {/if}
-      <span class="smrt-plan-picker__features">
+      <span class="smrt-plan-picker__features" data-smrt-part="group">
         {featureCount(plan)} features
       </span>
     </button>
@@ -123,40 +123,40 @@ let {
 
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
-@layer smrt.theme {
+@layer smrt.structure {
   .smrt-plan-picker {
     display: grid;
     gap: 0.75rem;
     grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
   }
-
   .smrt-plan-picker__plan {
     align-items: flex-start;
-    background: var(--smrt-color-surface);
-    border: var(--smrt-hairline);
-    border-radius: var(--smrt-radius-md);
-    color: inherit;
     cursor: pointer;
     display: grid;
     gap: 0.45rem;
     padding: 1rem;
-    text-align: left;
   }
+}
 
-  .smrt-plan-picker__plan.selected {
+@layer smrt.theme {
+  .smrt-plan-picker__plan {
+    background: var(--smrt-color-surface);
+    border: var(--smrt-hairline);
+    border-radius: var(--smrt-radius-md);
+    color: inherit;
+    text-align: left;
+  }
+  .smrt-plan-picker__plan.smrt-plan-picker__selected {
     border-color: var(--smrt-color-primary);
     box-shadow: 0 0 0 1px var(--smrt-color-primary);
   }
-
   .smrt-plan-picker__name {
     font-weight: var(--smrt-typography-weight-bold, 650);
   }
-
   .smrt-plan-picker__price {
     font-size: var(--smrt-typography-title-large-size, 1.25rem);
     font-weight: var(--smrt-typography-weight-bold, 700);
   }
-
   .smrt-plan-picker__price small,
   .smrt-plan-picker__description,
   .smrt-plan-picker__features {
@@ -164,4 +164,5 @@ let {
     font-size: var(--smrt-typography-body-medium-size, 0.875rem);
   }
 }
+
 </style>

package/dist/svelte/SubscriptionSummary.svelte

@@ -48,7 +48,7 @@ const periodLabel = $derived(
 
 <section class="smrt-subscription-summary" data-smrt-component="SubscriptionSummary">
   <div>
-    <p class="smrt-subscription-summary__label">{t(M['subscriptions.summary.current_plan'])}</p>
+    <p class="smrt-subscription-summary__label" data-smrt-part="label">{t(M['subscriptions.summary.current_plan'])}</p>
     <h2>{resolution?.planKey ?? t(M['subscriptions.summary.no_active_plan'])}</h2>
   </div>
   <dl>
@@ -75,34 +75,36 @@ const periodLabel = $derived(
 
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
-@layer smrt.theme {
+@layer smrt.structure {
   .smrt-subscription-summary {
     align-items: center;
     display: flex;
     gap: 1rem;
     justify-content: space-between;
   }
-
   .smrt-subscription-summary h2,
   .smrt-subscription-summary__label {
     margin: 0;
   }
-
-  .smrt-subscription-summary__label,
-  .smrt-subscription-summary dt {
-    color: var(--smrt-color-on-surface-variant);
-    font-size: var(--smrt-typography-label-medium-size, 0.8rem);
-  }
-
   .smrt-subscription-summary dl {
     display: flex;
     gap: 1rem;
     margin: 0;
   }
+  .smrt-subscription-summary dd {
+    margin: 0;
+  }
+}
 
+@layer smrt.theme {
+  .smrt-subscription-summary__label,
+  .smrt-subscription-summary dt {
+    color: var(--smrt-color-on-surface-variant);
+    font-size: var(--smrt-typography-label-medium-size, 0.8rem);
+  }
   .smrt-subscription-summary dd {
     font-weight: var(--smrt-typography-weight-bold, 650);
-    margin: 0;
   }
 }
+
 </style>

package/dist/svelte/UsageThresholds.svelte

@@ -12,11 +12,12 @@ let {
 <div class="smrt-usage-thresholds" data-smrt-component="UsageThresholds">
   {#each evaluations as evaluation (`${evaluation.threshold.metricKey}:${evaluation.usage.windowStart.toISOString()}`)}
     <article
-      class:warn={evaluation.state === 'warn'}
-      class:blocked={evaluation.state === 'blocked'}
+      class:smrt-usage-thresholds__warn={evaluation.state === 'warn'}
+      class:smrt-usage-thresholds__blocked={evaluation.state === 'blocked'}
       class="smrt-usage-thresholds__row"
+      data-smrt-part="row"
     >
-      <div class="smrt-usage-thresholds__header">
+      <div class="smrt-usage-thresholds__header" data-smrt-part="header">
         <strong>{evaluation.threshold.label ?? evaluation.threshold.metricKey}</strong>
         <span>{evaluation.usage.quantity} / {evaluation.threshold.limit}</span>
       </div>
@@ -34,38 +35,41 @@ let {
 
 <style>
 @layer smrt.reset, smrt.structure, smrt.theme;
-@layer smrt.theme {
+@layer smrt.structure {
   .smrt-usage-thresholds {
     display: grid;
     gap: 0.75rem;
   }
-
   .smrt-usage-thresholds__row {
-    border: var(--smrt-hairline);
-    border-radius: var(--smrt-radius-md);
     display: grid;
     gap: 0.45rem;
     padding: 0.875rem;
   }
-
-  .smrt-usage-thresholds__row.warn {
-    border-color: var(--smrt-color-warning);
-  }
-
-  .smrt-usage-thresholds__row.blocked {
-    border-color: var(--smrt-color-error);
-  }
-
   .smrt-usage-thresholds__header {
     align-items: center;
     display: flex;
     justify-content: space-between;
   }
+  .smrt-usage-thresholds p {
+    margin: 0;
+  }
+}
 
+@layer smrt.theme {
+  .smrt-usage-thresholds__row {
+    border: var(--smrt-hairline);
+    border-radius: var(--smrt-radius-md);
+  }
+  .smrt-usage-thresholds__row.smrt-usage-thresholds__warn {
+    border-color: var(--smrt-color-warning);
+  }
+  .smrt-usage-thresholds__row.smrt-usage-thresholds__blocked {
+    border-color: var(--smrt-color-error);
+  }
   .smrt-usage-thresholds p {
     color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-    margin: 0;
   }
 }
+
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-subscriptions",
-  "version": "0.60.16",
+  "version": "0.60.18",
   "description": "Tenant subscriptions, entitlement resolution, usage thresholds, and subscription UI for SMRT",
   "type": "module",
   "smrtRawPrimitives": "strict",
@@ -26,11 +26,11 @@
     }
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.60.16",
-    "@happyvertical/smrt-tenancy": "0.60.16",
-    "@happyvertical/smrt-ui": "0.60.16",
-    "@happyvertical/smrt-users": "0.60.16",
-    "@happyvertical/sql": "^0.111.8"
+    "@happyvertical/smrt-core": "0.60.18",
+    "@happyvertical/smrt-tenancy": "0.60.18",
+    "@happyvertical/smrt-ui": "0.60.18",
+    "@happyvertical/smrt-users": "0.60.18",
+    "@happyvertical/sql": "^0.112.2"
   },
   "peerDependencies": {
     "svelte": "^5.57.0"
@@ -41,9 +41,9 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/accounting": "^0.111.8",
-    "@happyvertical/smrt-features": "0.60.16",
-    "@happyvertical/smrt-vitest": "0.60.16",
+    "@happyvertical/accounting": "^0.112.2",
+    "@happyvertical/smrt-features": "0.60.18",
+    "@happyvertical/smrt-vitest": "0.60.18",
     "@sveltejs/package": "^2.5.8",
     "@types/node": "24.13.6",
     "svelte": "^5.57.1",