@patientos/website-kit 0.2.8 → 0.2.9

package/dist/{chunk-IOC6QLB7.js → chunk-BHF7S6UQ.js}

@@ -75,7 +75,7 @@ function CartLineList({
           children: "\u2212"
         }
       ),
-      /* @__PURE__ */ jsx("span", { "aria-live": "polite", children: line.quantity }),
+      /* @__PURE__ */ jsx("span", { className: "sk-cart__qty-value", "aria-live": "polite", children: line.quantity }),
       /* @__PURE__ */ jsx(
         "button",
         {

package/dist/{chunk-HTVKKLWI.js → chunk-DP2HJMVB.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-THMT43MV.js";
 import {
   CartClient
-} from "./chunk-2CZFJOKK.js";
+} from "./chunk-U6FJ6XYX.js";
 import {
   CartButtonClient
-} from "./chunk-ZNH6TSYP.js";
+} from "./chunk-ORGTP5GB.js";
 import {
   CheckoutClient
 } from "./chunk-S3ZQQOQT.js";

package/dist/{chunk-ZNH6TSYP.js → chunk-ORGTP5GB.js}

@@ -5,7 +5,7 @@ import {
   UnsupportedCartLineList,
   quoteSourceQuantities,
   useCartQuote
-} from "./chunk-IOC6QLB7.js";
+} from "./chunk-BHF7S6UQ.js";
 import {
   createStoreClient
 } from "./chunk-7BUDUYXN.js";

package/dist/{chunk-2CZFJOKK.js → chunk-U6FJ6XYX.js}

@@ -5,7 +5,7 @@ import {
   UnsupportedCartLineList,
   quoteSourceQuantities,
   useCartQuote
-} from "./chunk-IOC6QLB7.js";
+} from "./chunk-BHF7S6UQ.js";
 import {
   createStoreClient
 } from "./chunk-7BUDUYXN.js";

package/dist/index.d.ts

@@ -217,6 +217,6 @@ interface PortalSession {
  */
 declare function usePortalSession(): PortalSession;
 
-declare const WEBSITE_KIT_VERSION = "0.2.8";
+declare const WEBSITE_KIT_VERSION = "0.2.9";
 
 export { Button, type ButtonProps, type ButtonVariant, Container, type ContainerProps, FAQ, type FAQProps, type FaqItem, Hero, type HeroProps, Hours, type HoursProps, type HoursRow, MapEmbed, type MapEmbedProps, PortalClient, PortalPrefill, PortalProvider, type PortalProviderProps, type PortalSession, type PortalSessionStatus, PublicClaim, Row, type RowProps, Section, type SectionProps, type Service, ServiceGrid, type ServiceGridProps, Stack, type StackProps, TeamGrid, type TeamGridProps, type TeamMember, ThemeProvider, type ThemeProviderProps, WEBSITE_KIT_VERSION, WebsiteShell, type WebsiteShellProps, type WebsiteTheme, WhoAmI, defaultTheme, resolveTheme, themeToCssVars, usePortalClient, usePortalSession };

package/dist/index.js

@@ -11,7 +11,7 @@ import {
 import {
   ISLANDS,
   mountIslands
-} from "./chunk-HTVKKLWI.js";
+} from "./chunk-DP2HJMVB.js";
 import {
   PortalAccount,
   PortalPanel,
@@ -36,9 +36,9 @@ import {
   mountIslandsWith,
   readIslandProps
 } from "./chunk-THMT43MV.js";
-import "./chunk-2CZFJOKK.js";
-import "./chunk-ZNH6TSYP.js";
-import "./chunk-IOC6QLB7.js";
+import "./chunk-U6FJ6XYX.js";
+import "./chunk-ORGTP5GB.js";
+import "./chunk-BHF7S6UQ.js";
 import "./chunk-S3ZQQOQT.js";
 import {
   BPOINT_SCRIPT_ORIGIN,
@@ -511,7 +511,7 @@ function Checkout({
 }
 
 // src/index.ts
-var WEBSITE_KIT_VERSION = "0.2.8";
+var WEBSITE_KIT_VERSION = "0.2.9";
 export {
   BPOINT_SCRIPT_ORIGIN,
   BPOINT_SCRIPT_URL,

package/dist/islands-impl/cart-button.js

@@ -1,8 +1,8 @@
 import {
   CartButtonClient,
   CartDrawer
-} from "../chunk-ZNH6TSYP.js";
-import "../chunk-IOC6QLB7.js";
+} from "../chunk-ORGTP5GB.js";
+import "../chunk-BHF7S6UQ.js";
 import "../chunk-7BUDUYXN.js";
 import "../chunk-4NF7SSIX.js";
 import "../chunk-FZ4WKWIE.js";

package/dist/islands-impl/cart.js

@@ -1,7 +1,7 @@
 import {
   CartClient
-} from "../chunk-2CZFJOKK.js";
-import "../chunk-IOC6QLB7.js";
+} from "../chunk-U6FJ6XYX.js";
+import "../chunk-BHF7S6UQ.js";
 import "../chunk-7BUDUYXN.js";
 import "../chunk-4NF7SSIX.js";
 import "../chunk-FZ4WKWIE.js";

package/dist/islands-impl.js

@@ -9,11 +9,11 @@ import "./chunk-QDO3SJWR.js";
 import "./chunk-THMT43MV.js";
 import {
   CartClient
-} from "./chunk-2CZFJOKK.js";
+} from "./chunk-U6FJ6XYX.js";
 import {
   CartButtonClient
-} from "./chunk-ZNH6TSYP.js";
-import "./chunk-IOC6QLB7.js";
+} from "./chunk-ORGTP5GB.js";
+import "./chunk-BHF7S6UQ.js";
 import {
   CheckoutClient
 } from "./chunk-S3ZQQOQT.js";

package/dist/islands-registry.js

@@ -1,14 +1,14 @@
 import {
   ISLANDS,
   mountIslands
-} from "./chunk-HTVKKLWI.js";
+} from "./chunk-DP2HJMVB.js";
 import "./chunk-4GKSSM5N.js";
 import "./chunk-3T7UWKAH.js";
 import "./chunk-QDO3SJWR.js";
 import "./chunk-THMT43MV.js";
-import "./chunk-2CZFJOKK.js";
-import "./chunk-ZNH6TSYP.js";
-import "./chunk-IOC6QLB7.js";
+import "./chunk-U6FJ6XYX.js";
+import "./chunk-ORGTP5GB.js";
+import "./chunk-BHF7S6UQ.js";
 import "./chunk-S3ZQQOQT.js";
 import "./chunk-ZOF22TJA.js";
 import "./chunk-UTAMB2SK.js";

package/dist/website-kit.css

@@ -2891,19 +2891,59 @@ select.sk-identity__input[data-empty] {
   list-style: none;
   margin: 0;
   padding: 0;
+  /* The drawer is ~380px inside a wide viewport, so a VIEWPORT media query can never
+     tell us the row is cramped (PAT-948). Size the row off its own container instead. */
+  container-type: inline-size;
+  container-name: sk-cart-lines;
 }
 .sk-cart__line {
   display: grid;
-  grid-template-columns: 1fr auto auto auto;
+  /* Five children, so name five tracks. They used to run in a FOUR-column grid, which
+     wrapped Remove onto its own row where it stretched the full 1fr title column and
+     centred its own label — the reason it floated mid-row (PAT-948). */
+  grid-template-columns: minmax(0, 1fr) auto auto auto auto;
+  grid-template-areas: 'title unit qty total remove';
   align-items: center;
   gap: calc(var(--sk-space, 0.5rem) * 2);
   padding: calc(var(--sk-space, 0.5rem) * 2) 0;
   border-bottom: 1px solid color-mix(in srgb, var(--sk-muted, #5b6b7a) 30%, transparent);
 }
+.sk-cart__line-title {
+  grid-area: title;
+}
+.sk-cart__line-unit {
+  grid-area: unit;
+}
+.sk-cart__qty {
+  grid-area: qty;
+}
+.sk-cart__line-total {
+  grid-area: total;
+}
+.sk-cart__remove {
+  grid-area: remove;
+}
+/* Narrow CONTAINER (the drawer, and a phone): two columns, three rows. */
+@container sk-cart-lines (max-width: 34rem) {
+  .sk-cart__line {
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas:
+      'title title'
+      'unit total'
+      'qty remove';
+    row-gap: calc(var(--sk-space, 0.5rem) * 1);
+  }
+}
 .sk-cart__line-title {
   color: inherit;
   font-weight: 600;
   text-decoration: none;
+  /* One line, clipped — a product name is not worth reflowing the row it sits in.
+     min-width:0 is what lets the 1fr track actually shrink inside a grid. */
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .sk-cart__line-unit {
   font-size: 0.875rem;
@@ -2913,6 +2953,14 @@ select.sk-identity__input[data-empty] {
   display: inline-flex;
   align-items: center;
   gap: calc(var(--sk-space, 0.5rem) * 1);
+  justify-self: start;
+}
+/* The quantity reserves room for two digits and uses tabular figures, so stepping
+   1 -> 2 -> 10 never shifts the − and + buttons under the shopper's cursor. */
+.sk-cart__qty-value {
+  min-width: 2ch;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
 }
 .sk-cart__qty button {
   min-width: 2rem;
@@ -2928,6 +2976,10 @@ select.sk-identity__input[data-empty] {
 .sk-cart__line-total {
   font-variant-numeric: tabular-nums;
   font-weight: 600;
+  /* Reserve the widest realistic total so $70.00 and $599.00 hold the same column
+     and the stepper beside them does not slide between lines. */
+  min-width: 6ch;
+  text-align: right;
 }
 .sk-cart__remove {
   border: 0;
@@ -2938,6 +2990,11 @@ select.sk-identity__input[data-empty] {
   opacity: 0.75;
   cursor: pointer;
   text-decoration: underline;
+  /* A grid item stretches by default, so this button used to fill its track and
+     centre its own label. Shrink it to its text and pin it to the row's end. */
+  justify-self: end;
+  padding: 0;
+  width: max-content;
 }
 .sk-cart__totals {
   margin: calc(var(--sk-space, 0.5rem) * 3) 0 0;
@@ -2993,11 +3050,8 @@ select.sk-identity__input[data-empty] {
   font-weight: 600;
   text-decoration: none;
 }
-@media (max-width: 600px) {
-  .sk-cart__line {
-    grid-template-columns: 1fr auto;
-  }
-}
+/* The old viewport `max-width: 600px` rule lived here. It could not see the drawer,
+   which is ~380px inside a wide window; the @container rule above replaces it. */
 
 
 /* ── checkout (PAT-766) ──────────────────────────────────────────────────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patientos/website-kit",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "PatientOS clinic website components and patient-facing interactive islands.",
   "type": "module",
   "sideEffects": [