@uxda/appkit 1.0.28 → 1.0.32

package/dist/appkit.css

@@ -77,7 +77,7 @@
   background-position: center center;
 }
 .page-header.color-mode-dark {
-  color: var(--text-color-dark-mode, "#fff");
+  color: var(--text-color-dark-mode, #fff);
 }
 .page-header.color-mode-dark .back-button {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
@@ -161,6 +161,13 @@
 .recharge-result .back-button {
   margin-top: 3em;
 }
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
+}
+.number {
+  font-family: 'DIN alternate';
+}
 .account-card .card {
   background: #2F2F2F;
   border-radius: 10px;
@@ -673,7 +680,6 @@
   font-size: 12px;
   line-height: 28px;
 }
-
 .consumption-rules-popup {
   border-radius: 16px;
   width: 70%;
@@ -687,11 +693,13 @@
 .balance-reminder {
   --primary-button-background: linear-gradient(135deg, #098C9D 0%, #66BF97 100%);
 }
+
 .balance-reminder h2 {
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 14px;
 }
+
 .balance-reminder .body {
   height: 120px;
   box-sizing: border-box;
@@ -704,6 +712,7 @@
   text-align: center;
   color: #666;
 }
+
 .balance-reminder .footer {
   display: flex;
   flex-direction: row;
@@ -711,10 +720,12 @@
   align-items: center;
   padding: 10px 20px 20px 20px;
 }
+
 .balance-reminder .footer .col {
   flex-grow: 1;
   padding: 6px;
 }
+
 .balance-reminder .footer .recharge-button {
   color: #fff;
   background: var(--primary-button-background);

package/dist/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, createTextVNode, unref, computed, withDirectives, vShow } from 'vue';
-import Taro, { usePageScroll } from '@tarojs/taro';
+import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, unref, computed, withDirectives, vShow } from 'vue';
+import Taro, { useDidShow, usePageScroll } from '@tarojs/taro';
 import { Grid, GridItem, Button, Checkbox, Popup, OverLay, Icon, DatePicker, Picker } from '@nutui/nutui-taro';
 
-const _hoisted_1$b = { class: "token-line" };
+const _hoisted_1$b = { class: "token-line number" };
+const _hoisted_2$9 = { class: "number" };
 var script$b = /* @__PURE__ */ defineComponent({
   __name: "AmountPicker",
   props: {
@@ -51,13 +52,16 @@ var script$b = /* @__PURE__ */ defineComponent({
                     1
                     /* TEXT */
                   ),
-                  createElementVNode(
-                    "h5",
-                    null,
-                    "\xA5" + toDisplayString(amount.amount),
-                    1
-                    /* TEXT */
-                  )
+                  createElementVNode("h5", null, [
+                    createTextVNode("\xA5"),
+                    createElementVNode(
+                      "span",
+                      _hoisted_2$9,
+                      toDisplayString(amount.amount),
+                      1
+                      /* TEXT */
+                    )
+                  ])
                 ]),
                 _: 2
                 /* DYNAMIC */
@@ -92,10 +96,11 @@ script$a.__file = "src/payment/components/UserAgreement.vue";
 
 function requestPayment$2(json) {
   return new Promise((resolve, reject) => {
-    const success = (message) => {
+    const success = (res) => {
       resolve(true);
     };
-    const fail = (message) => {
+    const fail = (res) => {
+      console.log("wx.requestPayment FAIL:", res);
       resolve(false);
     };
     wx.requestPayment({
@@ -210,12 +215,20 @@ const defaultClientConfig = {
     getCode: (data) => data.code,
     getMessage: (data) => data.msg,
     getData: (data) => data.result
+  },
+  interceptors: {
+    auth: (data) => data.code == "401",
+    server: (data) => false
   }
 };
 let clientConfig = {
   ...defaultClientConfig
 };
 const request = (config) => {
+  clientConfig = {
+    ...clientConfig,
+    ...config
+  };
   return new Promise((resolve, reject) => {
     const data = config.data && clientConfig.translates && clientConfig.translates[config.url] ? clientConfig.translates[config.url](config.data) : config.data;
     console.log(`[][][][][][][][][][][][] HTTP.${config.method}, ${clientConfig.baseUrl}${config.url}`, data);
@@ -232,7 +245,7 @@ const request = (config) => {
         const { data: raw } = res;
         if (clientConfig.interceptors?.auth(raw)) {
           clientConfig.onAuthError?.();
-          reject("auth failed");
+          reject("--- 401 ---");
         }
         if (clientConfig.interceptors?.server(raw)) {
           clientConfig.onServerError?.();
@@ -276,11 +289,8 @@ function useHttp(config) {
     post
   };
 }
-const successResonseCodes = [
-  "200"
-];
 function isSuccess(res) {
-  return /^2/.test(res.statusCode.toString()) && successResonseCodes.includes(`${clientConfig.response?.getCode(res.data)}`);
+  return /^2/.test(res.statusCode.toString());
 }
 
 const endpointsList$1 = {
@@ -353,7 +363,9 @@ const globalData = {};
 
 const appKitOptions = {
   token: () => "",
-  baseUrl: () => ""
+  baseUrl: () => "",
+  401() {
+  }
 };
 const useAppKitOptions = () => {
   if (!globalData.$appKitOptions) {
@@ -370,6 +382,9 @@ const makeHttp$1 = () => {
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
     header,
+    onAuthError: () => {
+      appkitOptions["401"]();
+    },
     translates: translates$1,
     transforms: transforms$1
   });
@@ -476,7 +491,6 @@ var script$7 = /* @__PURE__ */ defineComponent({
         return false;
       }
       state.buttonLoading = true;
-      console.log("state.selected", state.selected);
       wx.login({
         success({ code }) {
           requestPayment({
@@ -717,6 +731,9 @@ const makeHttp = () => {
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
     header,
+    onAuthError() {
+      appkitOptions[401]();
+    },
     translates,
     transforms
   });
@@ -742,7 +759,7 @@ const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_6$3 = { class: "bean-nums" };
+const _hoisted_6$3 = { class: "bean-nums number" };
 const _hoisted_7$3 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "account-info-name" },
@@ -831,7 +848,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
     function gotoDetail() {
       emit("drill");
     }
-    onMounted(() => {
+    useDidShow(() => {
       loadBalance();
     });
     return (_ctx, _cache) => {
@@ -1214,7 +1231,7 @@ const _hoisted_6 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_7 = { class: "bean-counts spa-between" };
-const _hoisted_8 = { class: "counts" };
+const _hoisted_8 = { class: "counts number" };
 const _hoisted_9 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "line" },
@@ -1238,7 +1255,7 @@ const _hoisted_11 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_12 = { class: "bean-list" };
-const _hoisted_13 = { class: "counts" };
+const _hoisted_13 = { class: "counts number" };
 const _hoisted_14 = { class: "title" };
 const _hoisted_15 = { class: "operation-title spa-between" };
 const _hoisted_16 = { class: "search-time" };
@@ -1292,7 +1309,7 @@ const _hoisted_27 = { class: "item-detail" };
 const _hoisted_28 = { class: "item-info spa-between" };
 const _hoisted_29 = { class: "item-info-type" };
 const _hoisted_30 = { class: "item-info-title" };
-const _hoisted_31 = { class: "item-info-amount" };
+const _hoisted_31 = { class: "item-info-amount number" };
 const _hoisted_32 = { class: "item-detail-remark" };
 const _hoisted_33 = /* @__PURE__ */ createElementVNode(
   "div",
@@ -1358,7 +1375,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
       total: 0,
       privileges: []
     });
-    onMounted(() => {
+    useDidShow(() => {
       Taro.setNavigationBarTitle({
         title: "\u6211\u7684\u8D26\u6237"
       });
@@ -1653,7 +1670,7 @@ const _hoisted_2 = /* @__PURE__ */ createElementVNode(
   { class: "body" },
   [
     /* @__PURE__ */ createElementVNode("h2", null, "\u64CD\u4F5C\u5931\u8D25"),
-    /* @__PURE__ */ createElementVNode("p", null, "\u60A8\u7684\u8D26\u6237\u4F59\u989D\u53EF\u80FD\u4E0D\u8DB3\uFF0C\u8BF7\u5145\u503C\u540E\u518D\u8FDB\u884C\u67E5\u8BE2")
+    /* @__PURE__ */ createElementVNode("p", null, "\u60A8\u7684\u8D26\u6237\u53EF\u7528\u4F59\u989D\u4E0D\u8DB3\uFF0C\u8BF7\u5145\u503C\u540E\u518D\u8FDB\u884C\u67E5\u8BE2")
   ],
   -1
   /* HOISTED */
@@ -1759,6 +1776,7 @@ const AppKit = {
     const appKitOptions = useAppKitOptions();
     appKitOptions.token = options.token;
     appKitOptions.baseUrl = options.baseUrl;
+    appKitOptions[401] = options[401];
     nutComponents.forEach((component) => {
       app.use(component);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "1.0.28",
+  "version": "1.0.32",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",
@@ -58,6 +58,7 @@
     "eslint-config-taro": "^3.5.6",
     "eslint-plugin-vue": "^8.0.0",
     "postcss": "^8.4.32",
+    "postcss-import": "^15.1.0",
     "rollup": "^4.6.1",
     "rollup-plugin-css-only": "^4.5.2",
     "rollup-plugin-dts": "^6.1.0",

package/rollup.config.mjs

@@ -2,7 +2,7 @@ import vue from 'rollup-plugin-vue'
 import css from 'rollup-plugin-css-only'
 import esbuild from 'rollup-plugin-esbuild'
 import postcss from 'rollup-plugin-postcss'
-import { resolve } from 'path'
+import atImport from 'postcss-import'
 
 export default [
   {
@@ -29,23 +29,26 @@ export default [
       }),
       postcss({
         include: /\.scss/,
-        extract: 'appkit.css'
+        extract: 'appkit.css',
+        plugins: [
+          atImport()
+        ]
       }),
       esbuild({
       })
     ],
     external: ['vue', '@nutui/nutui-taro']
   },
-  {
-    input: './src/main.scss',
-    output: {
-      file: 'dist/main.css',
-    },
-    plugins: [
-      postcss({
-        use: ['sass'],
-        extract: resolve('./dist/styles.css'),
-      })
-    ]
-  },
+  // {
+  //   input: './src/main.scss',
+  //   output: {
+  //     file: 'dist/main.css',
+  //   },
+  //   plugins: [
+  //     postcss({
+  //       use: ['sass'],
+  //       extract: resolve('./dist/styles.css'),
+  //     })
+  //   ]
+  // },
 ]

package/src/Appkit.ts

@@ -14,6 +14,7 @@ export type AppKitOptions = {
    * 调用 API 时使用的 base url
    */
   baseUrl (): string,
+  401 (): void
 }
 
 export type DollarApp = {
@@ -27,7 +28,8 @@ export type DollarApp = {
  */
 const appKitOptions: AppKitOptions = {
   token: () => '',
-  baseUrl: () => ''
+  baseUrl: () => '',
+  401 () {}
 }
 
 const useAppKitOptions = () => {

package/src/balance/api/index.ts

@@ -12,6 +12,9 @@ const makeHttp = () => {
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
     header,
+    onAuthError () {
+      appkitOptions[401]()
+    },
     translates,
     transforms,
   })

package/src/balance/components/AccountView.vue

@@ -13,7 +13,7 @@
             <div class="rule" @click="rulesPopupOpen = true">规则说明</div>
           </div>
           <div class="bean-counts spa-between">
-            <div class="counts">{{ balance.total || 0 }}</div>
+            <div class="counts number">{{ balance.total || 0 }}</div>
             <div class="pay" @click="gotoRecharge">云豆充值</div>
           </div>
         </div>
@@ -29,7 +29,7 @@
           <div class="bean-list">
             <template v-for="item in balance.privileges" :key="item">
               <div class="bean-list-item">
-                <div class="counts">
+                <div class="counts number">
                   {{ item.amount }}
                 </div>
                 <div class="title">
@@ -77,7 +77,7 @@
                   </div>
                   <div class="item-info-title">{{ it.title }}</div>
                 </div>
-                <div class="item-info-amount">
+                <div class="item-info-amount number">
                   {{ it.direction == '支出' ? '-' : '+' }}{{ it.amount }}
                 </div>
               </div>
@@ -128,8 +128,8 @@
 </template>
 
 <script lang="ts" setup>
-import Taro, { usePageScroll } from '@tarojs/taro'
-import { computed, onMounted, reactive, ref } from 'vue'
+import Taro, { useDidShow, usePageScroll } from '@tarojs/taro'
+import { computed, reactive, ref } from 'vue'
 import { endpoints, makeHttp } from '../api'
 import { ConsumptionFiltering, ConsumptionGroups, Balance } from '../types'
 import ConsumptionFilter from './ConsumptionFilter.vue'
@@ -175,7 +175,7 @@ const balance = ref<Balance>({
   privileges: []
 })
 
-onMounted(() => {
+useDidShow(() => {
   Taro.setNavigationBarTitle({
     title: '我的账户',
   })

package/src/balance/components/BalanceCard.vue

@@ -9,7 +9,7 @@
            </div>
             <span class="baan-name">云豆</span>
           </div>
-          <div class="bean-nums">{{ balance.total }}</div>
+          <div class="bean-nums number">{{ balance.total }}</div>
         </div>
         <div class="card-row-right">
           <div class="account-info-entry" @click="gotoDetail">
@@ -35,9 +35,10 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 import { endpoints, makeHttp } from '../api'
 import { Balance } from '../types'
+import { useDidShow } from '@tarojs/taro'
 
 const balance = ref<Balance>({
   total: 0,
@@ -71,7 +72,7 @@ function gotoDetail () {
   emit('drill')
 }
 
-onMounted(() => {
+useDidShow(() => {
   loadBalance()
 })
 

package/src/balance/components/BalanceReminder.vue

@@ -8,7 +8,7 @@
     <div class="balance-reminder">
       <div class="body">
         <h2>操作失败</h2>
-        <p>您的账户余额可能不足，请充值后再进行查询</p>
+        <p>您的账户可用余额不足，请充值后再进行查询</p>
       </div>
       <div class="footer">
         <div class="col">

package/src/index.ts

@@ -14,6 +14,7 @@ import {
 } from '@nutui/nutui-taro'
 import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
 import { PaymentParams, RechargeParams } from './payment/types'
+import './main.scss'
 
 const nutComponents = [
   Grid,
@@ -57,6 +58,7 @@ const AppKit = {
     const appKitOptions = useAppKitOptions()
     appKitOptions.token = options.token
     appKitOptions.baseUrl = options.baseUrl
+    appKitOptions[401] = options[401]
     nutComponents.forEach(component => {
       app.use(component)
     })

package/src/main.scss

@@ -1 +1,2 @@
-@import url(./styles/vars.scss);
+@import url(./styles/vars.scss);
+@import url(./styles/fonts.scss);

package/src/payment/api/index.ts

@@ -12,6 +12,9 @@ const makeHttp = () => {
   const $http = useHttp({
     baseUrl: appkitOptions.baseUrl(),
     header,
+    onAuthError: () => {
+      appkitOptions['401']()
+    },
     translates,
     transforms,
   })

package/src/payment/components/AmountPicker.vue

@@ -10,8 +10,8 @@
       :class="{selected: state.selected === index}"
       @click="() => onGridItemClick(index)"
       :key="index">
-      <h4 class="token-line">{{ amount.token }}</h4>
-      <h5>¥{{ amount.amount }}</h5>
+      <h4 class="token-line number">{{ amount.token }}</h4>
+      <h5>¥<span class="number">{{ amount.amount }}</span></h5>
     </nut-grid-item>
   </nut-grid>
 </template>

package/src/payment/components/RechargeView.vue

@@ -100,7 +100,6 @@ const onPayClick = () => {
     return false
   }
   state.buttonLoading = true
-  console.log('state.selected', state.selected)
   wx.login({
     success ({code}: {code: string}) {
       requestPayment({

package/src/shared/components/PageHeader.vue

@@ -63,7 +63,7 @@ const onBackButtonClick = () => {
     background-position: center center;
   }
   &.color-mode-dark {
-    color: var(--text-color-dark-mode, '#fff');
+    color: var(--text-color-dark-mode, #fff);
     .back-button {
       background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4wMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk5OTg0NyA0MUw0MC45OTk4IDQxTDQwLjk5OTggMUwwLjk5OTg0NyAxTDAuOTk5ODQ3IDQxWiIgZmlsbD0iI0Q4RDhEOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45OTM0IDE4Ljk0NzVDMTEuODYzNCAyMC4wMTQzIDExLjgxMjEgMjEuNzk1MiAxMi44Nzg5IDIyLjkyNTJMMjcuOTEwNiAzNy4xMzQzQzI4LjY5MjcgMzcuODczMSAyOS45MjU2IDM3LjgzODIgMzAuNjY0NSAzNy4wNTYyQzMxLjM2ODIgMzYuMzExNCAzMS4zNyAzNS4xNTc2IDMwLjY5MyAzNC40MTExTDE2LjUwMTMgMjAuOTkzNkwzMC41ODU4IDcuNjk3NjFDMzEuMzMwOSA2Ljk5NDI0IDMxLjI5ODMgNS43Mjc3MSAzMC42NjUxIDQuOTQzNzdDMjkuOTYxNyA0LjE5ODcxIDI4LjgwOTkgNC4xMzEwNCAyOC4wMjYgNC43NjQyN0wxMi45OTM0IDE4Ljk0NzVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLW9wYWNpdHk9IjAuMDEiLz4KPC9zdmc+Cg==");
     }

package/src/shared/http/Http.ts

@@ -24,6 +24,10 @@ const defaultClientConfig: HttpClientConfig = {
     getCode: (data: ResponseRaw) => data.code,
     getMessage: (data: ResponseRaw) => data.msg,
     getData: (data: ResponseRaw) => data.result
+  },
+  interceptors: {
+    auth: (data) => data.code == '401',
+    server: (data) => false,
   }
 }
 
@@ -37,6 +41,10 @@ let clientConfig = {
  * @returns 
  */
 const request: Http['request'] = <T>(config: HttpRequestConfig) => {
+  clientConfig = {
+    ...clientConfig,
+    ...config,
+  }
   return new Promise<T>((resolve, reject) => {
     const data = config.data
       && clientConfig.translates
@@ -57,7 +65,7 @@ const request: Http['request'] = <T>(config: HttpRequestConfig) => {
         const { data: raw } = res
         if (clientConfig.interceptors?.auth(raw)) {
           clientConfig.onAuthError?.()
-          reject('auth failed')
+          reject('--- 401 ---')
         }
         if (clientConfig.interceptors?.server(raw)) {
           clientConfig.onServerError?.()
@@ -118,11 +126,8 @@ export function useHttp (config: HttpClientConfig): Http {
   }
 }
 
-const successResonseCodes = [
-  '200'
-]
+
 
 function isSuccess (res: Taro.request.SuccessCallbackResult<ResponseRaw>) {
   return /^2/.test(res.statusCode.toString())
-    && successResonseCodes.includes(`${clientConfig.response?.getCode(res.data)}`)
 }

package/src/shared/weixin/payment.ts

@@ -22,10 +22,11 @@ export function requestPayment(json: any): Promise<boolean> {
   //   /**接口调用结束的回调函数（调用成功、失败都会执行）*/
   //   complete = () => {}
   return new Promise<boolean>((resolve, reject) => {
-    const success = (message: string) => {
+    const success = (res) => {
       resolve(true)
     }
-    const fail = (message: string) => {
+    const fail = (res) => {
+      console.log('wx.requestPayment FAIL:', res)
       resolve(false)
     }
     wx.requestPayment({

package/src/styles/fonts.scss

@@ -0,0 +1,3 @@
+.number {
+  font-family: 'DIN alternate';
+}

package/dist/main.css

@@ -1,3 +0,0 @@
-var undefined$1 = undefined;
-
-export { undefined$1 as default };

package/dist/styles.css

@@ -1 +0,0 @@
-@import url(./styles/vars.scss);