snice 4.21.0 → 4.22.0

package/adapters/react/drawer.d.ts

@@ -6,6 +6,8 @@ export interface DrawerProps extends SniceBaseProps {
     open?: any;
     position?: any;
     size?: any;
+    inline?: any;
+    breakpoint?: any;
     noBackdrop?: any;
     noBackdropDismiss?: any;
     noEscapeDismiss?: any;
@@ -13,6 +15,8 @@ export interface DrawerProps extends SniceBaseProps {
     persistent?: any;
     pushContent?: any;
     contained?: any;
+    noHeader?: any;
+    noFooter?: any;
 }
 /**
  * Drawer - React adapter for snice-drawer

package/adapters/react/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;CAEjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,0GAKjB,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAEhB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,0GAKjB,CAAC"}

package/adapters/react/drawer.js

@@ -17,7 +17,7 @@ import { createReactAdapter } from './wrapper';
  */
 export const Drawer = createReactAdapter({
     tagName: 'snice-drawer',
-    properties: ["open", "position", "size", "noBackdrop", "noBackdropDismiss", "noEscapeDismiss", "noFocusTrap", "persistent", "pushContent", "contained"],
+    properties: ["open", "position", "size", "inline", "breakpoint", "noBackdrop", "noBackdropDismiss", "noEscapeDismiss", "noFocusTrap", "persistent", "pushContent", "contained", "noHeader", "noFooter"],
     events: {},
     formAssociated: false
 });

package/adapters/react/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAoB/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAc;IACpD,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,CAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,YAAY,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,aAAa,EAAC,YAAY,EAAC,aAAa,EAAC,WAAW,CAAC;IAC9I,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAwB/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAc;IACpD,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,CAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAC,YAAY,EAAC,YAAY,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,aAAa,EAAC,YAAY,EAAC,aAAa,EAAC,WAAW,EAAC,UAAU,EAAC,UAAU,CAAC;IAC1L,MAAM,EAAE,EAAE;IACV,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC"}

package/adapters/react/drawer.tsx

@@ -8,6 +8,8 @@ export interface DrawerProps extends SniceBaseProps {
   open?: any;
   position?: any;
   size?: any;
+  inline?: any;
+  breakpoint?: any;
   noBackdrop?: any;
   noBackdropDismiss?: any;
   noEscapeDismiss?: any;
@@ -15,6 +17,8 @@ export interface DrawerProps extends SniceBaseProps {
   persistent?: any;
   pushContent?: any;
   contained?: any;
+  noHeader?: any;
+  noFooter?: any;
 
 }
 
@@ -36,7 +40,7 @@ export interface DrawerProps extends SniceBaseProps {
  */
 export const Drawer = createReactAdapter<DrawerProps>({
   tagName: 'snice-drawer',
-  properties: ["open","position","size","noBackdrop","noBackdropDismiss","noEscapeDismiss","noFocusTrap","persistent","pushContent","contained"],
+  properties: ["open","position","size","inline","breakpoint","noBackdrop","noBackdropDismiss","noEscapeDismiss","noFocusTrap","persistent","pushContent","contained","noHeader","noFooter"],
   events: {},
   formAssociated: false
 });

package/dist/cdn/accordion/snice-accordion.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/accordion/snice-accordion.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/activity-feed/snice-activity-feed.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/activity-feed/snice-activity-feed.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/alert/snice-alert.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/app-tiles/snice-app-tiles.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/app-tiles/snice-app-tiles.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/approval-flow/snice-approval-flow.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/approval-flow/snice-approval-flow.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/audio-recorder/snice-audio-recorder.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/audio-recorder/snice-audio-recorder.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/availability/snice-availability.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/availability/snice-availability.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar/snice-avatar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar/snice-avatar.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar-group/snice-avatar-group.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/avatar-group/snice-avatar-group.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/badge/snice-badge.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/badge/snice-badge.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/banner/snice-banner.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/banner/snice-banner.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/book/snice-book.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/book/snice-book.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/booking/snice-booking.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/booking/snice-booking.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/breadcrumbs/snice-breadcrumbs.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/button/snice-button.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/button/snice-button.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/calendar/snice-calendar.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/calendar/snice-calendar.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/camera/snice-camera.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/camera/snice-camera.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/camera-annotate/snice-camera-annotate.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/camera-annotate/snice-camera-annotate.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/candlestick/snice-candlestick.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/candlestick/snice-candlestick.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/card/snice-card.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/card/snice-card.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/carousel/snice-carousel.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/carousel/snice-carousel.min.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.

package/dist/cdn/cart/README.md

@@ -11,7 +11,7 @@ CDN build of the Snice cart component. Requires the Snice runtime (`snice-runtim
 ```
 
 ## Size
-- Minified: 14.5 KB
+- Minified: 14.7 KB
 - Gzipped: 4.2 KB
 
 ## Theme

package/dist/cdn/cart/snice-cart.js

@@ -1,5 +1,5 @@
 /*!
- * snice v4.20.1
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -64,7 +64,7 @@ var SniceCart = (function (exports, snice) {
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style;color:var(--snice-color-text,rgb(23 23 23));--cart-bg:var(--snice-color-background, rgb(255 255 255));--cart-bg-element:var(--snice-color-background-element, rgb(252 251 249));--cart-border:var(--snice-color-border, rgb(226 226 226));--cart-text:var(--snice-color-text, rgb(23 23 23));--cart-text-secondary:var(--snice-color-text-secondary, rgb(82 82 82));--cart-text-tertiary:var(--snice-color-text-tertiary, rgb(115 115 115));--cart-primary:var(--snice-color-primary, rgb(37 99 235));--cart-danger:var(--snice-color-danger, rgb(220 38 38));--cart-success:var(--snice-color-success, rgb(22 163 74))}*{box-sizing:border-box}.cart{background:var(--cart-bg);border:1px solid var(--cart-border);border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.cart__header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-bottom:1px solid var(--cart-border)}.cart__title{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--cart-text);margin:0}.cart__count{font-size:.875rem;color:var(--cart-text-tertiary)}.cart__items{list-style:none;margin:0;padding:0}.cart__item{display:flex;align-items:flex-start;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-bottom:1px solid var(--cart-border)}.cart__item:last-child{border-bottom:none}.cart__item-image{width:4rem;height:4rem;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover;background:var(--cart-bg-element);flex-shrink:0}.cart__item-image-placeholder{width:4rem;height:4rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--cart-bg-element);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cart-text-tertiary);font-size:.75rem}.cart__item-details{flex:1;display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);min-width:0}.cart__item-name{font-size:.875rem;font-weight:var(--snice-font-weight-medium,500);color:var(--cart-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart__item-variant{font-size:.75rem;color:var(--cart-text-tertiary)}.cart__item-price{font-size:.875rem;color:var(--cart-text-secondary)}.cart__item-actions{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);flex-shrink:0}.cart__qty{flex-shrink:0}.cart__item-total{font-size:.875rem;font-weight:var(--snice-font-weight-semibold,600);color:var(--cart-text);white-space:nowrap;min-width:4rem;text-align:right}.cart__empty{padding:var(--snice-spacing-xl,2rem);text-align:center;color:var(--cart-text-tertiary);font-size:.875rem}.cart__summary{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-top:1px solid var(--cart-border);background:var(--cart-bg-element);display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.cart__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.cart__summary-label{color:var(--cart-text-secondary)}.cart__summary-value{color:var(--cart-text);font-weight:var(--snice-font-weight-medium,500)}.cart__summary-value--discount{color:var(--cart-success)}.cart__summary-total{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-bold,700)}.cart__summary-total .cart__summary-value{font-weight:var(--snice-font-weight-bold,700);font-size:var(--snice-font-size-lg, 1.125rem)}.cart__coupon{display:flex;gap:var(--snice-spacing-xs,.5rem);padding:0 var(--snice-spacing-lg,1.5rem) var(--snice-spacing-md,1rem);align-items:center}.cart__coupon-input{flex:1}.cart__coupon snice-button{flex-shrink:0}.cart__checkout{padding:var(--snice-spacing-lg,1.5rem)}@media (max-width:480px){.cart__item{flex-wrap:wrap}.cart__item-actions{width:100%;justify-content:space-between;margin-top:var(--snice-spacing-xs,.5rem)}}";
+  var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style;color:var(--snice-color-text,rgb(23 23 23));--cart-bg:var(--snice-color-background, rgb(255 255 255));--cart-bg-element:var(--snice-color-background-element, rgb(252 251 249));--cart-border:var(--snice-color-border, rgb(226 226 226));--cart-text:var(--snice-color-text, rgb(23 23 23));--cart-text-secondary:var(--snice-color-text-secondary, rgb(82 82 82));--cart-text-tertiary:var(--snice-color-text-tertiary, rgb(115 115 115));--cart-primary:var(--snice-color-primary, rgb(37 99 235));--cart-danger:var(--snice-color-danger, rgb(220 38 38));--cart-success:var(--snice-color-success, rgb(22 163 74))}*{box-sizing:border-box}.cart{background:var(--cart-bg);border:1px solid var(--cart-border);border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.cart__header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-bottom:1px solid var(--cart-border)}.cart__title{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--cart-text);margin:0}.cart__count{font-size:.875rem;color:var(--cart-text-tertiary)}.cart__items{list-style:none;margin:0;padding:0}.cart__item{display:flex;align-items:flex-start;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-bottom:1px solid var(--cart-border)}.cart__item:last-child{border-bottom:none}.cart__item-image{width:4rem;height:4rem;border-radius:var(--snice-border-radius-md,.25rem);object-fit:cover;background:var(--cart-bg-element);flex-shrink:0}.cart__item-image-placeholder{width:4rem;height:4rem;border-radius:var(--snice-border-radius-md,.25rem);background:var(--cart-bg-element);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cart-text-tertiary);font-size:.75rem}.cart__item-body{flex:1;display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem);min-width:0}.cart__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--snice-spacing-xs,.5rem)}.cart__item-details{flex:1;display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem);min-width:0}.cart__item-name{font-size:.875rem;font-weight:var(--snice-font-weight-medium,500);color:var(--cart-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart__item-variant{font-size:.75rem;color:var(--cart-text-tertiary)}.cart__item-price{font-size:.875rem;color:var(--cart-text-secondary)}.cart__item-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--snice-spacing-sm,.75rem)}.cart__qty{flex-shrink:0}.cart__item-total{font-size:.875rem;font-weight:var(--snice-font-weight-semibold,600);color:var(--cart-text);white-space:nowrap}.cart__empty{padding:var(--snice-spacing-xl,2rem);text-align:center;color:var(--cart-text-tertiary);font-size:.875rem}.cart__summary{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);border-top:1px solid var(--cart-border);background:var(--cart-bg-element);display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.cart__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.cart__summary-label{color:var(--cart-text-secondary)}.cart__summary-value{color:var(--cart-text);font-weight:var(--snice-font-weight-medium,500)}.cart__summary-value--discount{color:var(--cart-success)}.cart__summary-total{font-size:var(--snice-font-size-lg, 1.125rem);font-weight:var(--snice-font-weight-bold,700)}.cart__summary-total .cart__summary-value{font-weight:var(--snice-font-weight-bold,700);font-size:var(--snice-font-size-lg, 1.125rem)}.cart__coupon{display:flex;gap:var(--snice-spacing-xs,.5rem);padding:0 var(--snice-spacing-lg,1.5rem) var(--snice-spacing-md,1rem);align-items:center}.cart__coupon-input{flex:1}.cart__coupon snice-button{flex-shrink:0}.cart__checkout{padding:var(--snice-spacing-lg,1.5rem)}@media (max-width:480px){.cart__item{flex-wrap:wrap}}";
 
   let SniceCart = (() => {
       let _classDecorators = [snice.element('snice-cart')];
@@ -240,24 +240,28 @@ var SniceCart = (function (exports, snice) {
             </svg>
           </div>
         </if>
-        <div class="cart__item-details">
-          <h4 class="cart__item-name">${item.name}</h4>
-          <if ${item.variant}>
-            <span class="cart__item-variant">${item.variant}</span>
-          </if>
-          <span class="cart__item-price">${this.currency}${this.formatPrice(item.price)} each</span>
-        </div>
-        <div class="cart__item-actions">
-          <snice-step-input
-            class="cart__qty"
-            size="small"
-            min="1"
-            step="1"
-            .value=${item.quantity}
-            @value-change=${(e) => this.updateQuantity(item.id, e.detail.value)}
-          ></snice-step-input>
-          <span class="cart__item-total">${this.currency}${this.formatPrice(lineTotal)}</span>
-          <snice-button size="small" variant="text" circle @button-click=${() => this.handleRemove(item)} aria-label="Remove ${item.name}">✕</snice-button>
+        <div class="cart__item-body">
+          <div class="cart__item-header">
+            <div class="cart__item-details">
+              <h4 class="cart__item-name">${item.name}</h4>
+              <if ${item.variant}>
+                <span class="cart__item-variant">${item.variant}</span>
+              </if>
+              <span class="cart__item-price">${this.currency}${this.formatPrice(item.price)} each</span>
+            </div>
+            <snice-button size="small" variant="text" circle @button-click=${() => this.handleRemove(item)} aria-label="Remove ${item.name}">✕</snice-button>
+          </div>
+          <div class="cart__item-actions">
+            <snice-step-input
+              class="cart__qty"
+              size="small"
+              min="1"
+              step="1"
+              value="${item.quantity}"
+              @value-change=${(e) => this.updateQuantity(item.id, e.detail.value)}
+            ></snice-step-input>
+            <span class="cart__item-total">${this.currency}${this.formatPrice(lineTotal)}</span>
+          </div>
         </div>
       </li>
     `;