@happyvertical/smrt-commerce 0.34.5 → 0.34.6

package/dist/manifest.json

@@ -1,8 +1,8 @@
 {
   "version": "1.0.0",
-  "timestamp": 1782261279392,
+  "timestamp": 1782278450444,
   "packageName": "@happyvertical/smrt-commerce",
-  "packageVersion": "0.34.5",
+  "packageVersion": "0.34.6",
   "objects": {
     "@happyvertical/smrt-commerce:ContractCollection": {
       "name": "contractcollection",

package/dist/smrt-knowledge.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-06-24T00:34:40.961Z",
+  "generatedAt": "2026-06-24T05:20:51.136Z",
   "packageName": "@happyvertical/smrt-commerce",
-  "packageVersion": "0.34.5",
+  "packageVersion": "0.34.6",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "3b9fa1bd797a1a92092219e597f5b8a222dd47db4f610919d61e9e92617aa96c",
-    "packageJson": "4cb9d8280587124738b95f683bd9b98aaeaa1ef44ae0e353749ff7f9a2fa1d72",
+    "manifest": "4c5a46a6aa9040493eb9880f5032ee3a35ca5cc64146aa8cb0423a324ada1437",
+    "packageJson": "c0a1558e276a2bcfd75badff4fa129d9dcc248a3617b5eb4f48c0f98566088c6",
     "agents": "f544ac9cece5c94aaead6013316709fcd044944b993110fc7218c0db7c998a63"
   },
   "exports": [

package/dist/svelte/components/InvoiceActions.svelte

@@ -6,6 +6,7 @@
  */
 
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { M } from '../i18n.js';
 import type { InvoiceStatus } from '../types.js';
 
@@ -54,61 +55,61 @@ const canMarkPaid = $derived(
 const canDelete = $derived(status === 'draft');
 </script>
 
-<div class="invoice-actions" class:sm={size === 'sm'}>
+<div class="invoice-actions">
   {#if canSend && onsend}
-    <button type="button" class="btn btn-primary" onclick={onsend} disabled={loading}>
+    <Button variant="primary" {size} onclick={onsend} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
         <path d="M14 2L7 9M14 2l-4 12-3-5-5-3 12-4z" />
       </svg>
       {t(M['commerce.invoice_actions.send_invoice'])}
-    </button>
+    </Button>
   {/if}
 
   {#if canMarkPaid && onmarkpaid}
-    <button type="button" class="btn btn-success" onclick={onmarkpaid} disabled={loading}>
+    <Button variant="primary" {size} onclick={onmarkpaid} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
         <path d="M3 8l4 4 6-8" />
       </svg>
       {t(M['commerce.invoice_actions.mark_as_paid'])}
-    </button>
+    </Button>
   {/if}
 
   {#if canEdit && onedit}
-    <button type="button" class="btn btn-secondary" onclick={onedit} disabled={loading}>
+    <Button variant="secondary" {size} onclick={onedit} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
         <path d="M11.5 2.5l2 2-8 8H3.5v-2l8-8z" />
       </svg>
       Edit
-    </button>
+    </Button>
   {/if}
 
   {#if onprint}
-    <button type="button" class="btn btn-secondary" onclick={onprint} disabled={loading}>
+    <Button variant="secondary" {size} onclick={onprint} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
         <path d="M4 5V2h8v3M4 11h8M2 5h12v6H2z" />
         <path d="M4 11v3h8v-3" />
       </svg>
       Print
-    </button>
+    </Button>
   {/if}
 
   {#if onexport}
-    <button type="button" class="btn btn-secondary" onclick={onexport} disabled={loading}>
+    <Button variant="secondary" {size} onclick={onexport} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
         <path d="M8 2v8M4 6l4-4 4 4M2 12v2h12v-2" />
       </svg>
       Export
-    </button>
+    </Button>
   {/if}
 
   {#if canDelete && ondelete}
-    <button type="button" class="btn btn-danger" onclick={ondelete} disabled={loading}>
+    <Button variant="danger" {size} onclick={ondelete} disabled={loading}>
       <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5">
         <path d="M3 4h10M5 4V3a1 1 0 011-1h4a1 1 0 011 1v1M6 7v5M10 7v5" />
         <path d="M4 4l1 10h6l1-10" />
       </svg>
       Delete
-    </button>
+    </Button>
   {/if}
 </div>
 
@@ -118,74 +119,4 @@ const canDelete = $derived(status === 'draft');
     gap: var(--smrt-spacing-2, 0.5rem);
     flex-wrap: wrap;
   }
-
-  .btn {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--smrt-spacing-2, 0.5rem);
-    padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-4, 1rem);
-    font: var(--smrt-typography-label-large-font);
-    font-weight: var(--smrt-typography-weight-medium, 500);
-    border: none;
-    border-radius: var(--smrt-radius-small, 0.375rem);
-    cursor: pointer;
-    transition: all var(--smrt-duration-fast, 150ms) var(--smrt-easing-standard, cubic-bezier(0.2, 0, 0, 1));
-    white-space: nowrap;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .btn {
-      transition: none;
-    }
-  }
-
-  .sm .btn {
-    padding: var(--smrt-spacing-1_5, 0.375rem) var(--smrt-spacing-3, 0.75rem);
-    font: var(--smrt-typography-label-medium-font);
-  }
-
-  .btn:disabled {
-    opacity: 0.38;
-    cursor: not-allowed;
-  }
-
-  .btn-primary {
-    background: var(--smrt-color-primary, #005ac1);
-    color: var(--smrt-color-on-primary, #ffffff);
-  }
-
-  .btn-primary:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--smrt-color-primary, #005ac1) 85%, var(--smrt-color-shadow, #000));
-  }
-
-  .btn-success {
-    background: var(--smrt-color-tertiary, #006c4c);
-    color: var(--smrt-color-on-tertiary, #ffffff);
-  }
-
-  .btn-success:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--smrt-color-tertiary, #006c4c) 85%, var(--smrt-color-shadow, #000));
-  }
-
-  .btn-secondary {
-    background: var(--smrt-color-surface-container-lowest, #ffffff);
-    color: var(--smrt-color-on-surface-variant, #44474e);
-    border: 1px solid var(--smrt-color-outline, #74777f);
-  }
-
-  .btn-secondary:hover:not(:disabled) {
-    background: var(--smrt-color-surface-container-low, #f7f2fa);
-    border-color: var(--smrt-color-on-surface-variant, #44474e);
-  }
-
-  .btn-danger {
-    background: var(--smrt-color-surface-container-lowest, #ffffff);
-    color: var(--smrt-color-error, #ba1a1a);
-    border: 1px solid var(--smrt-color-error-container, #ffdad6);
-  }
-
-  .btn-danger:hover:not(:disabled) {
-    background: var(--smrt-color-error-container, #ffdad6);
-    border-color: var(--smrt-color-error, #ba1a1a);
-  }
 </style>

package/dist/svelte/components/InvoiceActions.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvoiceActions.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceActions.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,yCAAyC;AACzC,MAAM,WAAW,KAAK;IACpB,6BAA6B;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AA8FD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"InvoiceActions.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceActions.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,yCAAyC;AACzC,MAAM,WAAW,KAAK;IACpB,6BAA6B;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AA+FD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/InvoiceCard.svelte

@@ -99,6 +99,7 @@ const isOverdue = $derived.by(() => {
     </div>
   </a>
 {:else}
+  <!-- raw-primitive-allow: large pressable invoice card wrapping rich header/body/footer content with use:ripple, a structural selection control no Button primitive should own (mirrors the href anchor branch) -->
   <button type="button" class="invoice-card" onclick={onclick} use:ripple>
     <div class="card-header">
       <span class="invoice-number">{invoice.invoiceNumber}</span>

package/dist/svelte/components/InvoiceCard.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvoiceCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceCard.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAG9D,sCAAsC;AACtC,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmHD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"InvoiceCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceCard.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAG9D,sCAAsC;AACtC,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAoHD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/InvoiceLineItems.svelte

@@ -7,6 +7,7 @@
  */
 
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import type { Snippet } from 'svelte';
 import { M } from '../i18n.js';
 import type { LineItem } from '../types.js';
@@ -70,9 +71,9 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
     <div class="empty-state">
       <p>{emptyMessage}</p>
       {#if editable && onadd}
-        <button type="button" class="add-btn" onclick={onadd}>
+        <Button variant="ghost" class="add-btn" onclick={onadd}>
           {t(M['commerce.invoice_line_items.add_item'])}
-        </button>
+        </Button>
       {/if}
     </div>
   {:else}
@@ -112,8 +113,8 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
             <td class="col-amount">{formatMoney(item.amount)}</td>
             {#if editable}
               <td class="col-actions">
-                <button
-                  type="button"
+                <Button
+                  variant="ghost"
                   class="action-btn delete"
                   title={t(M['commerce.invoice_line_items.remove_item'])}
                   onclick={() => ondelete?.(item.id)}
@@ -121,7 +122,7 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
                   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
                     <path d="M4 4l8 8M4 12l8-8" />
                   </svg>
-                </button>
+                </Button>
               </td>
             {/if}
           </tr>
@@ -139,12 +140,12 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
     </table>
 
     {#if editable && onadd}
-      <button type="button" class="add-btn add-btn-below" onclick={onadd}>
+      <Button variant="ghost" class="add-btn add-btn-below" onclick={onadd}>
         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2">
           <path d="M8 3v10M3 8h10" />
         </svg>
         {t(M['commerce.invoice_line_items.add_item'])}
-      </button>
+      </Button>
     {/if}
   {/if}
 </div>
@@ -262,7 +263,15 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
     color: var(--smrt-color-on-surface, #1c1b1f);
   }
 
-  .action-btn {
+  /*
+   * These rules style the <button> rendered *inside* the smrt-ui <Button>
+   * child component (issue #1589). A plain scoped `.action-btn {}` rule would
+   * not reach it (no parent scope hash), so each is written as
+   * `.line-items-container :global(.class)` — Svelte compiles the ancestor to
+   * `.line-items-container.svelte-HASH .class`, which pierces into the child.
+   * Overrides cover sizing/shape/color; the ghost variant owns the base.
+   */
+  .line-items-container :global(.action-btn) {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -271,28 +280,27 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
     background: transparent;
     border: none;
     border-radius: var(--smrt-radius-extra-small, 0.25rem);
-    cursor: pointer;
     color: var(--smrt-color-on-surface-variant, #49454f);
     transition: all var(--smrt-duration-fast, 150ms) var(--smrt-easing-standard, cubic-bezier(0.2, 0, 0, 1));
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .action-btn {
+    .line-items-container :global(.action-btn) {
       transition: none;
     }
   }
 
-  .action-btn:hover {
+  .line-items-container :global(.action-btn:hover) {
     background: var(--smrt-color-surface-variant, #e7e0ec);
     color: var(--smrt-color-on-surface, #1c1b1f);
   }
 
-  .action-btn.delete:hover {
+  .line-items-container :global(.action-btn.delete:hover) {
     background: var(--smrt-color-error-container, #ffdad6);
     color: var(--smrt-color-error, #ba1a1a);
   }
 
-  .add-btn {
+  .line-items-container :global(.add-btn) {
     display: inline-flex;
     align-items: center;
     gap: var(--smrt-spacing-2, 0.5rem);
@@ -303,21 +311,20 @@ const total = $derived(items.reduce((sum, item) => sum + item.amount, 0));
     background: transparent;
     border: 1px dashed var(--smrt-color-primary, #005ac1);
     border-radius: var(--smrt-radius-small, 0.375rem);
-    cursor: pointer;
     transition: all var(--smrt-duration-fast, 150ms) var(--smrt-easing-standard, cubic-bezier(0.2, 0, 0, 1));
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .add-btn {
+    .line-items-container :global(.add-btn) {
       transition: none;
     }
   }
 
-  .add-btn:hover {
+  .line-items-container :global(.add-btn:hover) {
     background: var(--smrt-color-primary-container, #d3e3fd);
   }
 
-  .add-btn-below {
+  .line-items-container :global(.add-btn-below) {
     margin-top: var(--smrt-spacing-3, 0.75rem);
   }
 </style>

package/dist/svelte/components/InvoiceLineItems.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvoiceLineItems.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceLineItems.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,2CAA2C;AAC3C,MAAM,WAAW,KAAK;IACpB,4BAA4B;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACzD,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+HD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"InvoiceLineItems.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/InvoiceLineItems.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,2CAA2C;AAC3C,MAAM,WAAW,KAAK;IACpB,4BAA4B;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;IACzD,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAgID,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/components/UnbilledItems.svelte

@@ -6,6 +6,7 @@
  */
 
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { M } from '../i18n.js';
 import type { UnbilledItem } from '../types.js';
 
@@ -105,6 +106,7 @@ const someSelected = $derived(
   {:else}
     <div class="items-header">
       <label class="select-all">
+        <!-- raw-primitive-allow: tri-state select-all checkbox needs the indeterminate flag for the some-but-not-all state; neither CheckboxInput nor Toggle exposes indeterminate, and a use action cannot be applied to a component -->
         <input
           type="checkbox"
           checked={allSelected}
@@ -121,6 +123,7 @@ const someSelected = $derived(
     <div class="items-list">
       {#each items as item (item.id)}
         <label class="item-row" class:selected={selectedIds.has(item.id)}>
+          <!-- raw-primitive-allow: native checkbox kept for visual + behavioral consistency with the indeterminate select-all checkbox above (which must stay native); the only checkbox primitive, CheckboxInput, also requires a smrt-svelte Provider in context, which this standalone presentational component does not assume -->
           <input
             type="checkbox"
             checked={selectedIds.has(item.id)}
@@ -150,13 +153,12 @@ const someSelected = $derived(
           <span class="summary-value">{formatMoney(selectedTotal)}</span>
         </div>
         {#if oncreate}
-          <button
-            type="button"
-            class="create-btn"
+          <Button
+            variant="primary"
             onclick={() => oncreate?.([...selectedIds])}
           >
             {t(M['commerce.unbilled_items.create_invoice'])}
-          </button>
+          </Button>
         {/if}
       </div>
     {/if}
@@ -329,28 +331,4 @@ const someSelected = $derived(
     font-weight: var(--smrt-typography-weight-semibold, 600);
     color: var(--smrt-color-on-surface, #1c1b1f);
   }
-
-  .create-btn {
-    display: inline-flex;
-    align-items: center;
-    padding: var(--smrt-spacing-2, 0.5rem) var(--smrt-spacing-4, 1rem);
-    font: var(--smrt-typography-label-large-font);
-    font-weight: var(--smrt-typography-weight-medium, 500);
-    color: var(--smrt-color-on-primary, #ffffff);
-    background: var(--smrt-color-primary, #005ac1);
-    border: none;
-    border-radius: var(--smrt-radius-small, 0.375rem);
-    cursor: pointer;
-    transition: background var(--smrt-duration-fast, 150ms) var(--smrt-easing-standard, cubic-bezier(0.2, 0, 0, 1));
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .create-btn {
-      transition: none;
-    }
-  }
-
-  .create-btn:hover {
-    background: color-mix(in srgb, var(--smrt-color-primary, #005ac1) 85%, var(--smrt-color-shadow, #000));
-  }
 </style>

package/dist/svelte/components/UnbilledItems.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnbilledItems.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/UnbilledItems.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,wCAAwC;AACxC,MAAM,WAAW,KAAK;IACpB,qBAAqB;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4ID,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"UnbilledItems.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/UnbilledItems.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,wCAAwC;AACxC,MAAM,WAAW,KAAK;IACpB,qBAAqB;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+ID,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@happyvertical/smrt-commerce",
-  "version": "0.34.5",
+  "version": "0.34.6",
   "description": "Commerce models for the SMRT framework - contracts, fulfillments, payments",
   "type": "module",
+  "smrtRawPrimitives": "strict",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -48,11 +49,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.34.5",
-    "@happyvertical/smrt-ledgers": "0.34.5",
-    "@happyvertical/smrt-tenancy": "0.34.5",
-    "@happyvertical/smrt-types": "0.34.5",
-    "@happyvertical/smrt-ui": "0.34.5"
+    "@happyvertical/smrt-core": "0.34.6",
+    "@happyvertical/smrt-ledgers": "0.34.6",
+    "@happyvertical/smrt-tenancy": "0.34.6",
+    "@happyvertical/smrt-types": "0.34.6",
+    "@happyvertical/smrt-ui": "0.34.6"
   },
   "peerDependencies": {
     "svelte": "^5.18.0"
@@ -72,7 +73,7 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vitest": "^4.0.17",
-    "@happyvertical/smrt-vitest": "0.34.5"
+    "@happyvertical/smrt-vitest": "0.34.6"
   },
   "scripts": {
     "build": "vite build --mode library && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json",