@vio-live/web-sdk 0.7.0 → 0.8.0

package/dist/{chunk-GPMDZSC2.js → chunk-YNKOGPTE.js}

@@ -69,6 +69,8 @@ var VioTokens = {
     sm: "2px",
     md: "4px",
     lg: "8px",
+    /** Sheet/drawer corners — the largest surface radius in the checkout. */
+    xl: "16px",
     full: "9999px"
   }
 };
@@ -117,6 +119,7 @@ var VIO_TOKENS_CSS = `
     --vio-radius-sm: ${VioTokens.radius.sm};
     --vio-radius-md: ${VioTokens.radius.md};
     --vio-radius-lg: ${VioTokens.radius.lg};
+    --vio-radius-xl: ${VioTokens.radius.xl};
   }
 `;
 function injectTokens() {
@@ -140,7 +143,15 @@ var THEME_KEY_TO_CSS_VAR = {
   colorBorder: "--vio-color-border",
   colorBorderDefault: "--vio-color-border-default",
   fontSerif: "--vio-font-serif",
-  fontSans: "--vio-font-sans"
+  fontSans: "--vio-font-sans",
+  radiusSm: "--vio-radius-sm",
+  radiusMd: "--vio-radius-md",
+  radiusLg: "--vio-radius-lg",
+  radiusXl: "--vio-radius-xl",
+  spaceSm: "--vio-space-sm",
+  spaceMd: "--vio-space-md",
+  spaceLg: "--vio-space-lg",
+  spaceXl: "--vio-space-xl"
 };
 function applyVioTheme(overrides, target = typeof document !== "undefined" ? document.documentElement : null) {
   if (!target) return;
@@ -2920,7 +2931,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       max-height: 88vh;
       max-width: 460px;
       margin: 0 auto;
-      border-radius: 16px 16px 0 0;
+      border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
       box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
     }
     .modal.as-drawer .handle {
@@ -2934,7 +2945,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       width: 40px;
       height: 4px;
       background: var(--vio-color-border, #e5e5e5);
-      border-radius: 2px;
+      border-radius: var(--vio-radius-sm, 2px);
     }
 
     /* Express (Apple Pay-style): right-side drawer, like the cart. Slides in
@@ -2971,7 +2982,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         max-width: none;
         height: 92vh;
         transform: translateY(100%);
-        border-radius: 16px 16px 0 0;
+        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
       }
       :host([open]) .modal.as-side { transform: translateY(0); }
     }
@@ -2986,7 +2997,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       max-width: 440px;
       height: auto;
       max-height: 88vh;
-      border-radius: 16px;
+      border-radius: var(--vio-radius-xl, 16px);
       box-shadow: 0 30px 80px -24px rgba(0, 0, 0, 0.4);
       transform: translate(-50%, -50%) scale(0.96);
       opacity: 0;
@@ -3002,7 +3013,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         left: 0;
         width: 100%;
         max-width: none;
-        border-radius: 16px 16px 0 0;
+        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
         transform: translateY(100%) scale(1);
         opacity: 1;
       }
@@ -3016,7 +3027,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       .modal {
         top: auto;
         height: 92vh;
-        border-radius: 16px 16px 0 0;
+        border-radius: var(--vio-radius-xl, 16px) var(--vio-radius-xl, 16px) 0 0;
         box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
       }
       .handle {
@@ -3030,7 +3041,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         width: 40px;
         height: 4px;
         background: var(--vio-color-border, #e5e5e5);
-        border-radius: 2px;
+        border-radius: var(--vio-radius-sm, 2px);
       }
     }
 
@@ -3186,7 +3197,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       flex: 1 1 auto;
       padding: 8px 12px;
       border: 1px solid var(--vio-color-border, #ddd);
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       background: #fff;
       font-size: 13px;
       cursor: pointer;
@@ -3210,7 +3221,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     .ship-opt {
       display: flex; align-items: center; justify-content: space-between; gap: 12px;
       padding: 12px 14px; border: 1px solid var(--vio-color-border, #ddd);
-      border-radius: 10px; background: #fff; cursor: pointer; font-family: inherit;
+      border-radius: var(--vio-radius-lg, 8px); background: #fff; cursor: pointer; font-family: inherit;
       text-align: left;
     }
     .ship-opt.active {
@@ -3227,7 +3238,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       padding: 12px 16px;
       background: #fdecea;
       border: 1px solid var(--vio-color-accent, #c14a3b);
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       font-size: 13px;
       color: var(--vio-color-accent, #c14a3b);
       text-align: center;
@@ -3237,7 +3248,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       padding: 12px 16px;
       background: #f4f4f2;
       border: 1px solid var(--vio-color-border, #ddd);
-      border-radius: 8px;
+      border-radius: var(--vio-radius-lg, 8px);
       font-size: 13px;
       color: var(--vio-color-text, #1a1a1a);
       text-align: center;
@@ -4714,5 +4725,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-GPMDZSC2.js.map
-//# sourceMappingURL=chunk-GPMDZSC2.js.map
+//# sourceMappingURL=chunk-YNKOGPTE.js.map
+//# sourceMappingURL=chunk-YNKOGPTE.js.map