cloudcommerce 0.0.128 → 0.0.129

package/packages/storefront/src/lib/assets/forms.css

@@ -0,0 +1,209 @@
+/* https://github.com/tailwindlabs/tailwindcss-forms/blob/master/src/index.js */
+
+[type='text'],
+[type='email'],
+[type='url'],
+[type='password'],
+[type='number'],
+[type='date'],
+[type='datetime-local'],
+[type='month'],
+[type='search'],
+[type='tel'],
+[type='time'],
+[type='week'],
+[multiple],
+textarea,
+select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: var(--c-background);
+  border-color: theme('colors.base.500');
+  border-width: 1px;
+  border-radius: 0px;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --un-shadow: 0 0 #0000;
+}
+
+[type='text']:focus,
+[type='email']:focus,
+[type='url']:focus,
+[type='password']:focus,
+[type='number']:focus,
+[type='date']:focus,
+[type='datetime-local']:focus,
+[type='month']:focus,
+[type='search']:focus,
+[type='tel']:focus,
+[type='time']:focus,
+[type='week']:focus,
+[multiple]:focus,
+textarea:focus,
+select:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --un-ring-inset: var(--un-empty,/*!*/ /*!*/);
+  --un-ring-offset-width: 0px;
+  --un-ring-offset-color: var(--c-background);
+  --un-ring-color: var(--c-primary);
+  --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
+  --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color);
+  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+  border-color: var(--c-primary);
+}
+
+input::-moz-placeholder,
+textarea::-moz-placeholder {
+  color: theme('colors.base.500');
+  opacity: 1;
+}
+
+input::placeholder,
+textarea::placeholder {
+  color: theme('colors.base.500');
+  opacity: 1;
+}
+
+::-webkit-datetime-edit-fields-wrapper {
+  padding: 0;
+}
+
+::-webkit-date-and-time-value {
+  min-height: 1.5em;
+}
+
+::-webkit-datetime-edit,
+::-webkit-datetime-edit-year-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-minute-field,
+::-webkit-datetime-edit-second-field,
+::-webkit-datetime-edit-millisecond-field,
+::-webkit-datetime-edit-meridiem-field {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+  print-color-adjust: exact;
+}
+
+[multiple] {
+  background-image: initial;
+  background-position: initial;
+  background-repeat: unset;
+  background-size: initial;
+  padding-right: 0.75rem;
+  print-color-adjust: unset;
+}
+
+[type='checkbox'],
+[type='radio'] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding: 0;
+  print-color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  flex-shrink: 0;
+  height: 1rem;
+  width: 1rem;
+  color: var(--c-primary);
+  background-color: var(--c-background);
+  border-color: theme('colors.base.500');
+  border-width: 1px;
+  --un-shadow: 0 0 #0000;
+}
+
+[type='checkbox'] {
+  border-radius: 0px;
+}
+
+[type='radio'] {
+  border-radius: 100%;
+}
+
+[type='checkbox']:focus,
+[type='radio']:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  --un-ring-inset: var(--un-empty,/*!*/ /*!*/);
+  --un-ring-offset-width: 2px;
+  --un-ring-offset-color: var(--c-background);
+  --un-ring-color: var(--c-primary);
+  --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
+  --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color);
+  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
+}
+
+[type='checkbox']:checked,
+[type='radio']:checked {
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+[type='checkbox']:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+[type='radio']:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+[type='checkbox']:checked:hover,
+[type='checkbox']:checked:focus,
+[type='radio']:checked:hover,
+[type='radio']:checked:focus {
+  border-color: transparent;
+  background-color: currentColor;
+}
+
+[type='checkbox']:indeterminate {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+  border-color: transparent;
+  background-color: currentColor;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+[type='checkbox']:indeterminate:hover,
+[type='checkbox']:indeterminate:focus {
+  border-color: transparent;
+  background-color: currentColor;
+}
+
+[type='file'] {
+  background: unset;
+  border-color: inherit;
+  border-width: 0;
+  border-radius: 0;
+  padding: 0;
+  font-size: unset;
+  line-height: inherit;
+}
+
+[type='file']:focus {
+  outline: 1px solid ButtonText;
+  outline: 1px auto -webkit-focus-ring-color;
+}

package/packages/storefront/src/lib/assets/preflight.css

@@ -9,7 +9,7 @@
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
-  border-color: var(--c-border); /* 2 */
+  border-color: currentColor; /* 2 */
 }
 
 /*
@@ -309,7 +309,7 @@ textarea {
 input::placeholder,
 textarea::placeholder {
   opacity: 1; /* 1 */
-  color: var(--c-text-muted); /* 2 */
+  color: theme('colors.base.400'); /* 2 */
 }
 
 /*

package/packages/storefront/src/lib/components/LoginDrawer.vue

@@ -17,15 +17,23 @@ withDefaults(defineProps<Props>(), {
   additionalLinks: () => [],
 });
 const isVisible = ref(false);
+let loadingFormResolve: (value: unknown) => void | undefined;
+let loadingFormReject: (reason?: any) => void | undefined;
 const loadingLoginForm = !import.meta.env.SSR
-  ? import('./LoginForm.vue')
+  ? new Promise((resolve, reject) => {
+    loadingFormResolve = resolve;
+    loadingFormReject = reject;
+  })
   : Promise.resolve() as Promise<any>;
 const LoginForm = defineAsyncComponent(() => loadingLoginForm);
+let hasImportedForm = false;
 const toggle = (ev: MouseEvent) => {
-  loadingLoginForm.then(() => {
-    isVisible.value = !isVisible.value;
-    ev.preventDefault();
-  });
+  if (!hasImportedForm) {
+    hasImportedForm = true;
+    import('./LoginForm.vue').then(loadingFormResolve).catch(loadingFormReject);
+  }
+  isVisible.value = !isVisible.value;
+  ev.preventDefault();
 };
 const isLogged = ref(false);
 </script>

package/packages/storefront/src/lib/components/atoms/ALink.vue

@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+export interface Props {
+  href: String;
+  to: [String, Object];
+}
+
+const props = defineProps<Props>();
+const isRouter = computed(() => {
+  if (this.$router) {
+    return !props.href
+      ? true
+      : Boolean(this.$router.options.routes.find(({ path }) => path === props.href));
+  }
+  return false;
+});
+</script>
+
+<template>
+  <component
+    :is="isRouter ? 'router-link' : 'a'"
+    :href="isRouter ? null : href"
+    :to="isRouter ? (to || href) : null"
+  >
+    <slot/>
+  </component>
+</template>

package/packages/storefront/src/lib/layouts/BaseBody.astro

@@ -2,6 +2,7 @@
 import type { PageContext } from '@@storefront/ssr-context';
 import '@@storefront/assets/preflight.css';
 import '@@storefront/assets/base.css';
+import '@@storefront/assets/forms.css';
 import 'uno.css';
 
 export interface Props {

package/packages/storefront/storefront.config.mjs

@@ -1,5 +1,5 @@
 import config from '@cloudcommerce/config';
-import getCMS from './storefront.cms.mjs';
+import getCMS from './config/storefront.cms.mjs';
 
 export default () => {
   const { VITE_ECOM_STORE_ID } = import.meta.env || process.env;

package/packages/storefront/tailwind.config.cjs

@@ -1,6 +1,6 @@
 const colors = require('tailwindcss/colors');
 const chroma = require('chroma-js');
-const getCMS = require('./storefront.cms.cjs');
+const getCMS = require('./config/storefront.cms.cjs');
 
 // IntelliSense for UnoCSS icons
 let defaultIcons = {
@@ -168,6 +168,14 @@ const genTailwindConfig = ({
             }
             return utilities;
           }, {}),
+          // require('@tailwindcss/typography'),
+          // https://github.com/unocss/unocss/tree/main/packages/preset-typography
+          ...['prose', 'not-prose', 'prose-invert'].reduce((utilities, proseClass) => {
+            utilities[`.${proseClass}`] = {
+              [`--un-${proseClass}`]: 'default',
+            };
+            return utilities;
+          }, {}),
         });
       },
     ],

package/packages/storefront/uno.config.cjs

@@ -4,6 +4,7 @@ const {
   defineConfig,
   presetUno,
   presetIcons,
+  presetTypography,
   transformerCompileClass,
   transformerDirectives,
 } = require('unocss');
@@ -19,8 +20,15 @@ const {
 const colorCSSVars = {};
 Object.keys(brandColors).forEach((colorName) => {
   Object.keys(brandColorsPalletes[colorName]).forEach((tone) => {
-    const colorLabel = tone === 'DEFAULT' ? colorName : `${colorName}-${tone}`;
-    colorCSSVars[colorLabel] = brandColorsPalletes[colorName][tone];
+    const rgb = brandColorsPalletes[colorName][tone];
+    let colorLabel;
+    if (tone === 'DEFAULT') {
+      colorLabel = colorName;
+      colorCSSVars[`rgb-${colorLabel}`] = rgb.substring(4).replace(')', ''); // rgb(rgb) -> rgb
+    } else {
+      colorLabel = `${colorName}-${tone}`;
+    }
+    colorCSSVars[`c-${colorLabel}`] = brandColorsPalletes[colorName][tone];
   });
 });
 Object.keys(onBrandColors).forEach((colorLabel) => {
@@ -29,7 +37,7 @@ Object.keys(onBrandColors).forEach((colorLabel) => {
   const colorCSSVar = Object.keys(colorCSSVars).find((varName) => {
     return colorCSSVars[varName] === rgb && new RegExp(`${colorName}-\\d`).test(varName);
   });
-  colorCSSVars[`on-${colorLabel}`] = colorCSSVar ? `var(--c-${colorCSSVar})` : rgb;
+  colorCSSVars[`on-${colorLabel}`] = colorCSSVar ? `var(--${colorCSSVar})` : rgb;
 });
 
 const genUnoCSSConfig = ({
@@ -42,7 +50,7 @@ const genUnoCSSConfig = ({
   preflights = [{
     getCSS: () => {
       const strCSSVars = Object.entries(colorCSSVars)
-        .map(([varName, value]) => `--c-${varName}:${value};`)
+        .map(([varName, value]) => `--${varName}:${value};`)
         .join(' ');
       return `:root { ${strCSSVars} }`;
     },
@@ -54,8 +62,8 @@ const genUnoCSSConfig = ({
     plugin({
       addUtilities: (utilities) => {
         Object.keys(utilities).forEach((selector) => {
-          // Skip icons selectors added on tailwind.config.cjs only for IntelliSense
-          if (!selector.startsWith('.i-')) {
+          // Skip icons and prose selectors added on tailwind.config.cjs only for IntelliSense
+          if (!selector.startsWith('.i-') && !selector.includes('prose')) {
             rules.push([selector.replace('.', ''), utilities[selector]]);
           }
         });
@@ -113,6 +121,7 @@ const genUnoCSSConfig = ({
           'vertical-align': 'middle',
         },
       }),
+      presetTypography(),
     ],
   };
 };

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.0.128",
+  "version": "0.0.129",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/storefront/dist/client/assets/_...slug_.acb18581.css

@@ -1 +0,0 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--c-border)}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--c-text-muted)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--content-max-width: 80rem;--font-size: 14.5px;--font-sans: var(--custom-font-sans, ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: var(--custom-font-mono, ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family: var(--font-sans);--transition: .15s ease-in-out;--c-on-dark: rgb(255, 255, 255);--c-on-light: rgb(0, 0, 0);--fg-on-dark: #fff;--fg-on-light: #1e293b;--base-01: #fff;--base-02: #f1f5f9;--base-03: #e2e8f0;--muted-10: #94a3b8;--muted-20: #64748b;--muted-30: #475569;--contrast-10: #334155;--contrast-20: #1e293b;--contrast-30: #0f172a;--success-10: #047857;--success-20: #047857;--success-30: #065f46;--warning-10: #d97706;--warning-20: #b45309;--warning-30: #92400e;--danger-10: #d97706;--danger-20: #b45309;--danger-30: #92400e;--c-link: var(--primary-500);--c-link-hover: var(--primary-700);--c-link-visited: var(--primary-800);--c-background: var(--base-10);--c-border: var(--base-30);--c-foreground: var(--contrast-10);color-scheme:light;accent-color:var(--secondary-500)}@media (prefers-reduced-motion: reduce){:root{--transition: 0s}}html{font-size:var(--font-size)}@media (min-width: 640px){html{font-size:calc(var(--font-size) * 1.0345)}}@media (min-width: 768px){html{font-size:calc(var(--font-size) * 1.0689)}}@media (min-width: 1024px){html{font-size:calc(var(--font-size) * 1.1034)}}@media (min-width: 1280px){html{font-size:calc(var(--font-size) * 1.1379)}}@media (min-width: 1536px){html{font-size:calc(var(--font-size) * 1.1724)}}body>header,body>main,body>footer{margin-left:auto;margin-right:auto}body>main{max-width:var(--content-max-width)}:focus-visible{outline-color:rgba(var(--secondary-200-rgb),var(--alpha, .2))}::selection{background-color:rgba(var(--color-rgb, --secondary-500-rgb),var(--alpha, .2))}::marker{color:var(--primary-500)}:is(::-webkit-calendar-picker-indicator,::-webkit-clear-button,::-webkit-inner-spin-button,::-webkit-outer-spin-button){color:var(--secondary-500)}body{background:var(--c-base)}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}:root { --c-primary-50:rgb(246,250,249); --c-primary-100:rgb(226,239,235); --c-primary-200:rgb(204,227,220); --c-primary-300:rgb(180,214,204); --c-primary-400:rgb(148,196,181); --c-primary-500:rgb(106,172,152); --c-primary-600:rgb(59,146,120); --c-primary-700:rgb(19,123,91); --c-primary-800:rgb(16,101,75); --c-primary-900:rgb(11,72,54); --c-primary-subtle:rgb(103,197,161); --c-primary:rgb(19,124,92); --c-primary-bold:rgb(0,57,31); --c-secondary-50:rgb(246,250,249); --c-secondary-100:rgb(226,239,235); --c-secondary-200:rgb(204,227,220); --c-secondary-300:rgb(180,214,204); --c-secondary-400:rgb(148,196,181); --c-secondary-500:rgb(106,172,152); --c-secondary-600:rgb(59,146,120); --c-secondary-700:rgb(19,123,91); --c-secondary-800:rgb(16,101,75); --c-secondary-900:rgb(11,72,54); --c-secondary-subtle:rgb(103,197,161); --c-secondary:rgb(19,124,92); --c-secondary-bold:rgb(0,57,31); --c-on-primary:var(--c-on-dark); --c-on-primary-subtle:var(--c-on-light); --c-on-primary-bold:var(--c-on-dark); --c-on-secondary:var(--c-on-dark); --c-on-secondary-subtle:var(--c-on-light); --c-on-secondary-bold:var(--c-on-dark); }.i-bars-3-bottom-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-facebook{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48c27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-instagram{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 448 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9S287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7s74.7 33.5 74.7 74.7s-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8c-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8s26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0c-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9c1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0c35.9-1.7 67.7-9.9 93.9-36.2c26.2-26.2 34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-phone{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-pinterest{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 496 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M496 256c0 137-111 248-248 248c-25.6 0-50.2-3.9-73.4-11.1c10.1-16.5 25.2-43.5 30.8-65c3-11.6 15.4-59 15.4-59c8.1 15.4 31.7 28.5 56.8 28.5c74.8 0 128.7-68.8 128.7-154.3c0-81.9-66.9-143.2-152.9-143.2c-107 0-163.9 71.8-163.9 150.1c0 36.4 19.4 81.7 50.3 96.1c4.7 2.2 7.2 1.2 8.3-3.3c.8-3.4 5-20.3 6.9-28.1c.6-2.5.3-4.7-1.7-7.1c-10.1-12.5-18.3-35.3-18.3-56.6c0-54.7 41.4-107.6 112-107.6c60.9 0 103.6 41.5 103.6 100.9c0 67.1-33.9 113.6-78 113.6c-24.3 0-42.6-20.1-36.7-44.8c7-29.5 20.5-61.3 20.5-82.6c0-19-10.2-34.9-31.4-34.9c-24.9 0-44.9 25.7-44.9 60.2c0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256C0 119 111 8 248 8s248 111 248 248z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-shopping-cart{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0a.375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0a.375.375 0 0 1 .75 0Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-tiktok{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 448 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-twitter{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645c0 138.72-105.583 298.558-298.558 298.558c-59.452 0-114.68-17.219-161.137-47.106c8.447.974 16.568 1.299 25.34 1.299c49.055 0 94.213-16.568 130.274-44.832c-46.132-.975-84.792-31.188-98.112-72.772c6.498.974 12.995 1.624 19.818 1.624c9.421 0 18.843-1.3 27.614-3.573c-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319c-28.264-18.843-46.781-51.005-46.781-87.391c0-19.492 5.197-37.36 14.294-52.954c51.655 63.675 129.3 105.258 216.365 109.807c-1.624-7.797-2.599-15.918-2.599-24.04c0-57.828 46.782-104.934 104.934-104.934c30.213 0 57.502 12.67 76.67 33.137c23.715-4.548 46.456-13.32 66.599-25.34c-7.798 24.366-24.366 44.833-46.132 57.827c21.117-2.273 41.584-8.122 60.426-16.243c-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-user-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-whatsapp{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 448 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222c0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4l-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2c0-101.7 82.8-184.5 184.6-184.5c49.3 0 95.6 19.2 130.4 54.1c34.8 34.9 56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18c-5.1-1.9-8.8-2.8-12.5 2.8c-3.7 5.6-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4c-32.6-16.3-54-29.1-75.5-66c-5.7-9.8 5.7-9.1 16.3-30.3c1.8-3.7.9-6.9-.5-9.7c-1.4-2.8-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5c-3.2-.2-6.9-.2-10.6-.2c-3.7 0-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3c0 27.3 19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8c35.2 15.2 49 16.5 66.6 13.9c10.7-1.6 32.8-13.4 37.4-26.4c4.6-13 4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.i-youtube{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 576 512' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597c-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821c11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205l-142.739 81.201z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;display:inline-block;vertical-align:middle;width:1em;height:1em;}.container{max-width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.sticky{position:sticky;}.top-0{top:0rem;}.z-50{z-index:50;}.grid{display:grid;}.auto-cols-max{grid-auto-columns:max-content;}.grid-flow-col{grid-auto-flow:column;}.m-0{margin:0rem;}.ml-2{margin-left:0.5rem;}.mr-2{margin-right:0.5rem;}.mr-4{margin-right:1rem;}.mt-3{margin-top:0.75rem;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h4{height:1rem;}.h5{height:1.25rem;}.h6{height:1.5rem;}.max-h-screen{max-height:100vh;}.w-80{width:20rem;}.w-full{width:100%;}.flex{display:flex;}.grow{flex-grow:1;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.items-center{align-items:center;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-between{justify-content:space-between;}.overflow-x-auto{overflow-x:auto;}.whitespace-nowrap{white-space:nowrap;}.rounded-none{border-radius:0rem;}.bg-opacity-90{--un-bg-opacity:0.9;}.p-0{padding:0rem;}.p-1{padding:0.25rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.text-center{text-align:center;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.font-semibold{font-weight:600;}.leading-none{line-height:1;}.hover\:text-primary:hover,.text-primary{color:var(--c-primary);}.no-underline{text-decoration:none;}.backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.primary{background-color:var(--c-primary, rgb(19,124,92));color:var(--c-on-primary, var(--c-on-dark));}.secondary{background-color:var(--c-secondary, rgb(19,124,92));color:var(--c-on-secondary, var(--c-on-dark));}@media (min-width: 640px){.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}}@media (min-width: 768px){.md\:block{display:block;}.md\:hidden{display:none;}}@media (min-width: 1024px){.lg\:mr-3{margin-right:0.75rem;}.lg\:px-2{padding-left:0.5rem;padding-right:0.5rem;}}@media (min-width: 1280px){.xl\:px-4{padding-left:1rem;padding-right:1rem;}}@media only screen and (prefers-color-scheme: dark){:root:not([data-theme=light]) a:not([role=button]){--color: var(--primary-100)}:root:not([data-theme=light]) a:not([role=button]):is([aria-current],:hover,:active,:focus){--color: var(--primary-300)}}html{scroll-behavior:smooth}body{overflow-x:hidden}.top-bar__nav a:not(:hover){color:var(--gray)}.drawer.v-enter-active,.drawer.v-leave-active{transition:opacity .15s linear}.drawer.v-enter-from,.drawer.v-leave-to{opacity:0}.drawer.v-enter-active article,.drawer.v-leave-active article{transition:transform .25s ease-in-out}.drawer.v-enter-from article,.drawer.v-leave-to article{transform:translate3d(var(--transition-3d-tx),0,0)}.drawer[data-v-30d58250]{--transition-3d-tx: var(--23c6d983)}

package/packages/storefront/dist/client/chunks/HeaderButtons.861af799.js

@@ -1 +0,0 @@
-import{_ as E}from"./preload-helper.1de719f8.js";import{d as y,r as g,w as U,t as F,c as x,o as i,a as c,b as v,e as _,T as D,n as M,f as t,u as p,g as T,h as r,i as b,j as B,k as P,l as L,m as $,F as k,p as w,q as O}from"./runtime-dom.esm-bundler.1b578f5a.js";/* empty css                       */const ie="Acessar minha conta",j="Fechar",ce="Criar uma conta",de="Entrar com senha",ue="Ol\xE1",me="Esqueci minha senha",H="Minha conta",N="Minha conta e pedidos",R="Meus pedidos",S="Abrir carrinho",fe="Senha",pe="Enviar c\xF3digo de acesso por e-mail",he="Cadastrar",ve="Visitante",q=["open"],z=["aria-label","onClick"],I=y({__name:"ADrawer",props:{modelValue:{type:Boolean,default:!1},placement:{default:"end"}},emits:["update:modelValue"],setup(e,{emit:n}){const o=e;B(a=>({"23c6d983":p(m)}));const d=()=>n("update:modelValue",!1),h=g(null),u=g(null),s=a=>{u.value?.contains(a.target)||d()},l=a=>{a.key==="Escape"&&d()};U(F(o,"modelValue"),async a=>{const f=h.value.closest('[class*="backdrop-"]');a?(document.body.style.overflow="hidden",f&&(f.style.backdropFilter="none"),setTimeout(()=>{document.addEventListener("click",s,{passive:!0}),document.addEventListener("keydown",l,{passive:!0})},500)):(document.body.style.overflow=null,f&&setTimeout(()=>{f.style.backdropFilter=null},500),document.removeEventListener("click",s),document.removeEventListener("keydown",l))});const m=x(()=>o.placement==="end"?"100%":"-100%");return(a,f)=>(i(),c("div",{ref_key:"container",ref:h},[v(D,null,{default:_(()=>[e.modelValue?(i(),c("dialog",{key:0,class:M(["drawer p-0",e.placement==="end"?"justify-end":"justify-start"]),open:e.modelValue},[t("article",{ref_key:"article",ref:u,class:"card rounded-none h-full max-h-screen m-0"},[t("a",{href:"#close","aria-label":p(j),class:"close","data-target":"modal-example",onClick:T(d,["prevent"])},null,8,z),r(a.$slots,"default",{},void 0,!0)],512)],10,q)):b("",!0)]),_:3})],512))}}),C=(e,n)=>{const o=e.__vccOpts||e;for(const[d,h]of n)o[d]=h;return o},W=C(I,[["__scopeId","data-v-30d58250"]]),G={class:"login-drawer"},J={class:"w-80"},K=t("hr",null,null,-1),Q=["href"],X=["href"],Y=["href","target","rel","innerHTML"],Z=y({__name:"LoginDrawer",props:{accountUrl:{default:"/app/account"},additionalLinks:{default:()=>[]}},setup(e){const n=g(!1),o=E(()=>import("./LoginForm.7e9c481c.js"),["chunks/LoginForm.7e9c481c.js","chunks/runtime-dom.esm-bundler.1b578f5a.js","chunks/preload-helper.1de719f8.js"]),d=P(()=>o),h=s=>{o.then(()=>{n.value=!n.value,s.preventDefault()})},u=g(!1);return(s,l)=>(i(),c("div",G,[t("div",{onClick:h},[r(s.$slots,"toggle",L($({isVisible:n.value})))]),v(W,{modelValue:n.value,"onUpdate:modelValue":l[2]||(l[2]=m=>n.value=m)},{default:_(()=>[r(s.$slots,"form",{},()=>[t("div",J,[v(p(d),{onLogin:l[0]||(l[0]=m=>u.value=!0),onLogout:l[1]||(l[1]=m=>u.value=!1)},{"button-content":_(()=>[r(s.$slots,"form-button-content")]),_:3})])]),r(s.$slots,"nav",L($({isLogged:u.value})),()=>[K,t("aside",null,[t("nav",null,[t("ul",null,[u.value?(i(),c(k,{key:0},[t("li",null,[t("a",{href:`${e.accountUrl}/#/orders`},w(p(R)),9,Q)]),t("li",null,[t("a",{href:e.accountUrl},w(p(H)),9,X)])],64)):b("",!0),(i(!0),c(k,null,O(e.additionalLinks,({href:m,isBlank:a,innerHTML:f},A)=>(i(),c("li",{key:A},[t("a",{href:m,target:a?"_blank":null,rel:a?"noopener":null,innerHTML:f},null,8,Y)]))),128))])])])])]),_:3},8,["modelValue"])]))}}),ee={},te={class:"text-2xl text-gray-accent hover:text-primary no-underline ml-2"};function ne(e,n){return i(),c("a",te,[r(e.$slots,"default")])}const V=C(ee,[["render",ne]]),ae=t("div",{class:"i-user-circle"},null,-1),oe=t("div",{class:"i-shopping-cart"},null,-1),_e=y({__name:"HeaderButtons",props:{accountUrl:{default:"/app/account"},cartUrl:{default:"/app/#/cart"},loginDrawerAdditionalLinks:null},setup(e){return(n,o)=>(i(),c(k,null,[r(n.$slots,"account",{},()=>[v(Z,{"account-url":e.accountUrl,"additional-links":e.loginDrawerAdditionalLinks},{toggle:_(()=>[v(V,{href:e.accountUrl,title:p(N)},{default:_(()=>[ae]),_:1},8,["href","title"])]),_:1},8,["account-url","additional-links"])]),r(n.$slots,"default"),r(n.$slots,"cart",{},()=>[v(V,{href:e.cartUrl,title:p(S)},{default:_(()=>[oe]),_:1},8,["href","title"])])],64))}});export{_e as _,ve as a,pe as b,fe as c,de as d,me as e,he as f,ie as g,ce as h,ue as i};

package/packages/storefront/src/lib/assets/dark.css

@@ -1,92 +0,0 @@
-@media only screen and (prefers-color-scheme: dark) {
-  :root:not([data-theme=light]) {
-    color-scheme: dark;
-    --background-color: #11191f;
-    --color: hsl(205deg, 16%, 77%);
-    --h1-color: hsl(205deg, 20%, 94%);
-    --h2-color: #e1e6eb;
-    --h3-color: hsl(205deg, 18%, 86%);
-    --h4-color: #c8d1d8;
-    --h5-color: hsl(205deg, 16%, 77%);
-    --h6-color: #afbbc4;
-    --muted-color: hsl(205deg, 10%, 50%);
-    --muted-border-color: #1f2d38;
-    --contrast: hsl(205deg, 20%, 94%);
-    --contrast-hover: #fff;
-    --contrast-focus: rgba(115, 130, 140, 0.25);
-    --contrast-inverse: #000;
-    --mark-background-color: #d1c284;
-    --mark-color: #11191f;
-    --ins-color: #388e3c;
-    --del-color: #c62828;
-    --blockquote-border-color: var(--muted-border-color);
-    --blockquote-footer-color: var(--muted-color);
-    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-    --form-element-background-color: #11191f;
-    --form-element-border-color: #374956;
-    --form-element-color: var(--color);
-    --form-element-placeholder-color: var(--muted-color);
-    --form-element-active-background-color: var(--form-element-background-color);
-    --form-element-active-border-color: var(--primary);
-    --form-element-focus-color: var(--primary-focus);
-    --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
-    --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
-    --form-element-disabled-opacity: 0.5;
-    --form-element-invalid-border-color: #b71c1c;
-    --form-element-invalid-active-border-color: #c62828;
-    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
-    --form-element-valid-border-color: #2e7d32;
-    --form-element-valid-active-border-color: #388e3c;
-    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
-    --switch-background-color: #374956;
-    --switch-color: var(--primary-inverse);
-    --switch-checked-background-color: var(--primary);
-    --range-border-color: #24333e;
-    --range-active-border-color: hsl(205deg, 25%, 23%);
-    --range-thumb-border-color: var(--background-color);
-    --range-thumb-color: var(--secondary);
-    --range-thumb-hover-color: var(--secondary-hover);
-    --range-thumb-active-color: var(--primary);
-    --table-border-color: var(--muted-border-color);
-    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
-    --code-background-color: #18232c;
-    --code-color: var(--muted-color);
-    --code-kbd-background-color: var(--contrast);
-    --code-kbd-color: var(--contrast-inverse);
-    --code-tag-color: hsl(330deg, 30%, 50%);
-    --code-property-color: hsl(185deg, 30%, 50%);
-    --code-value-color: hsl(40deg, 10%, 50%);
-    --code-comment-color: #4d606d;
-    --accordion-border-color: var(--muted-border-color);
-    --accordion-active-summary-color: var(--primary);
-    --accordion-close-summary-color: var(--color);
-    --accordion-open-summary-color: var(--muted-color);
-    --card-background-color: #141e26;
-    --card-border-color: var(--card-background-color);
-    --card-box-shadow:
-      0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
-      0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
-      0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
-      0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
-      0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
-      0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),
-      0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
-    --card-sectionning-background-color: #18232c;
-    --dropdown-background-color: hsl(205deg, 30%, 15%);
-    --dropdown-border-color: #24333e;
-    --dropdown-box-shadow: var(--card-box-shadow);
-    --dropdown-color: var(--color);
-    --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
-    --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
-    --progress-background-color: #24333e;
-    --progress-color: var(--primary);
-    --loading-spinner-opacity: 0.5;
-    --tooltip-background-color: var(--contrast);
-    --tooltip-color: var(--contrast-inverse);
-    --gray: var(--gray-400);
-    --gray-accent: var(--gray-200);
-    --surface-color: var(--gray-800);
-    --surface-border-color: var(--gray-700);
-  }
-}