@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/install.d.ts

@@ -0,0 +1,6 @@
+import type { App } from 'vue';
+export interface IndielayerUIOptions {
+    prefix?: string;
+}
+declare const install: (app: App, options?: IndielayerUIOptions) => void;
+export default install;

package/lib/nuxt.js

@@ -0,0 +1,33 @@
+import { defineNuxtModule } from '@nuxt/kit'
+import UI from '@indielayer/ui'
+
+export default defineNuxtModule({
+  meta: {
+    name: '@indielayer/ui',
+    configKey: 'indielayer',
+    compatibility: {
+      nuxt: '^3.0.0',
+    },
+  },
+  defaults: {
+    prefix: 'X',
+  },
+  async setup(moduleOptions, nuxt) {
+    // plugin install
+    nuxt.vueApp.use(UI, { prefix: 'X' })
+
+    // nuxt install
+    // nuxt.hook('components:dirs', (dirs) => {
+    //   dirs.push({
+    //     path: join(__dirname, 'components'),
+    //     prefix: options?.prefix ? options?.prefix : 'X',
+    //   })
+
+    //   // temp import XTab - would be XTabsTab
+    //   dirs.push({
+    //     path: join(__dirname, 'components/tabs'),
+    //     prefix: options?.prefix ? options?.prefix : 'X',
+    //   })
+    // })
+  },
+})

package/lib/style.css

@@ -0,0 +1 @@
+._alert_1sdha_2[data-v-3f626502]{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_1sdha_1[data-v-3f626502]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}.dark ._alert_1sdha_2[data-v-3f626502]{color:var(--x-dark-alert-text, var(--x-alert-text));background-color:var(--x-dark-alert-bg, var(--x-alert-bg));border-color:var(--x-dark-alert-border, var(--x-alert-border))}._avatar_v7jzc_2[data-v-1c1f558a]{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}.dark ._avatar_v7jzc_2[data-v-1c1f558a]{color:var(--x-dark-avatar-text, var(--x-avatar-text));background-color:var(--x-dark-avatar-bg, var(--x-avatar-bg));border-color:var(--x-dark-avatar-border, var(--x-avatar-border))}._button_1sbr9_2[data-v-177c6a64]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_1sbr9_1[data-v-177c6a64]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_1sbr9_2[data-v-177c6a64]:hover{color:var(--x-button-text-hover, var(--x-button-text));background-color:var(--x-button-bg-hover, var(--x-button-bg));border-color:var(--x-button-border-hover, var(--x-button-border))}._button_1sbr9_2[data-v-177c6a64]:active{color:var(--x-button-text-active, var(--x-button-text));background-color:var(--x-button-bg-active, var(--x-button-bg));border-color:var(--x-button-border-active, var(--x-button-border))}.dark ._button_1sbr9_2[data-v-177c6a64]{color:var(--x-dark-button-text, var(--x-button-text));background-color:var(--x-dark-button-bg, var(--x-button-bg));border-color:var(--x-dark-button-border, var(--x-button-border))}.dark ._button_1sbr9_2[data-v-177c6a64]:hover{color:var(--x-dark-button-text-hover, var(--x-dark-button-text, var(--x-button-text)));background-color:var(--x-dark-button-bg-hover, var(--x-dark-button-bg, var(--x-button-bg)));border-color:var(--x-dark-button-border-hover, var(--x-dark-button-border, var(--x-button-border)))}.dark ._button_1sbr9_2[data-v-177c6a64]:active{color:var(--x-dark-button-text-active, var(--x-dark-button-text));background-color:var(--x-dark-button-bg-active, var(--x-dark-button-bg, var(--x-button-bg)));border-color:var(--x-dark-button-border-active, var(--x-dark-button-border, var(--x-button-border)))}._button-group_s7fyl_2:not(._button-group--rounded_s7fyl_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;border-left-width:1px}._button-group_s7fyl_2:not(._button-group--rounded_s7fyl_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_s7fyl_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-left-width:1px}._button-group--rounded_s7fyl_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._checkbox--glow_1dz66_1[data-v-38d58f5e]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-glow),0 4px 6px -4px var(--x-glow)}._scrollWrap_1k3q9_2[data-v-75e75c8a]:before,._scrollWrap_1k3q9_2[data-v-75e75c8a]:after{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-75e75c8a]:before,._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-75e75c8a]:after{top:0;bottom:0;width:20px}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-75e75c8a]:before,._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-75e75c8a]:after{right:0;left:0;height:20px}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-75e75c8a]:before{left:0}._scrollWrap_1k3q9_2._horizontal_1k3q9_11[data-v-75e75c8a]:after{right:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-75e75c8a]:before{top:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17[data-v-75e75c8a]:after{bottom:0}._scrollWrap_1k3q9_2._shadow-left_1k3q9_36[data-v-75e75c8a]:before{box-shadow:inset 12px 0 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-right_1k3q9_40[data-v-75e75c8a]:after{box-shadow:inset -12px 0 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-top_1k3q9_44[data-v-75e75c8a]:before{box-shadow:inset 0 12px 10px -10px #00000012}._scrollWrap_1k3q9_2._shadow-bottom_1k3q9_48[data-v-75e75c8a]:after{box-shadow:inset 0 -12px 10px -10px #00000012}._hideScroll_1k3q9_53[data-v-75e75c8a]{-ms-overflow-style:auto;scrollbar-width:none}._hideScroll_1k3q9_53[data-v-75e75c8a]::-webkit-scrollbar{display:none}._link--shadow_1tilo_1[data-v-f0eed94e]{box-shadow:inset 0 -.315em 0 0 var(--x-shadow)}._link--shadow_1tilo_1[data-v-f0eed94e]:hover{box-shadow:inset 0 -1.125em 0 0 var(--x-shadow)}.dark ._link--shadow_1tilo_1[data-v-f0eed94e]{box-shadow:inset 0 -.315em 0 0 var(--x-dark-shadow)}.dark ._link--shadow_1tilo_1[data-v-f0eed94e]:hover{box-shadow:inset 0 -1.125em 0 0 var(--x-dark-shadow)}._menu-item_1v1kj_2[data-v-777ef46c]{color:var(--x-text);background-color:var(--x-bg)}._menu-item_1v1kj_2[data-v-777ef46c]:before{content:"";position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_1v1kj_2[data-v-777ef46c]:hover{color:var(--x-text-hover, var(--x-text));background-color:var(--x-bg-hover, var(--x-bg))}.dark ._menu-item_1v1kj_2[data-v-777ef46c]{color:var(--x-dark-text);background:var(--x-dark-bg)}.dark ._menu-item_1v1kj_2[data-v-777ef46c]:hover{color:var(--x-dark-text-hover, var(--x-dark-text));background-color:var(--x-dark-bg-hover, var(--x-dark-bg))}.x-menu-inner ._menu-item_1v1kj_2[data-v-777ef46c]:hover:before,.x-menu-inner ._menu-item--active_1v1kj_1[data-v-777ef46c]:before{background-color:var(--x-border-hover)}._popover_2vipi_2 ._popoverContent_2vipi_3{visibility:hidden;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}._popover_2vipi_2 ._popoverTop_2vipi_8{--tw-translate-y: .5rem}._popover_2vipi_2 ._popoverRight_2vipi_11{--tw-translate-x: -.5rem}._popover_2vipi_2 ._popoverBottom_2vipi_14{--tw-translate-y: -.25rem}._popover_2vipi_2 ._popoverLeft_2vipi_17{--tw-translate-x: .5rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverContent_2vipi_3,._popover_2vipi_2._is-open_2vipi_22 ._popoverContent_2vipi_3{visibility:visible;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}._popover_2vipi_2._hover_2vipi_21:hover ._popoverTop_2vipi_8,._popover_2vipi_2._is-open_2vipi_22 ._popoverTop_2vipi_8{--tw-translate-y: .25rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverRight_2vipi_11,._popover_2vipi_2._is-open_2vipi_22 ._popoverRight_2vipi_11{--tw-translate-x: 0px}._popover_2vipi_2._hover_2vipi_21:hover ._popoverBottom_2vipi_14,._popover_2vipi_2._is-open_2vipi_22 ._popoverBottom_2vipi_14{--tw-translate-y: .25rem}._popover_2vipi_2._hover_2vipi_21:hover ._popoverLeft_2vipi_17,._popover_2vipi_2._is-open_2vipi_22 ._popoverLeft_2vipi_17{--tw-translate-x: 0px}._radio--glow_14rlz_1[data-v-cebce3c2]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-glow),0 4px 6px -4px var(--x-glow)}

package/lib/tailwind.preset.js

@@ -1,26 +1,55 @@
-'use strict';
+const colors = require('tailwindcss/colors')
 
-const { borderRadius } = require('tailwindcss/defaultTheme');
-const colors = require('tailwindcss/colors');
-
-module.exports = {
+module.exports = (useDark = true) => ({
   theme: {
     extend: {
       colors: {
-        primary: colors.blue,
+        primary: colors.emerald,
         secondary: colors.slate,
         success: colors.green,
         warning: colors.yellow,
         error: colors.red,
       },
-      borderRadius: {
-        button: borderRadius.md,
-        form: borderRadius.md,
-      },
-      backgroundImage: {
-        'dark-image': 'linear-gradient(rgba(0, 0, 0, 0.15) 0 0)',
-        'darker-image': 'linear-gradient(rgba(0, 0, 0, 0.30) 0 0)',
+      borderColor: colors.gray[100],
+      fontFamily: {
+        sans: [
+          'Inter',
+          '-apple-system',
+          'BlinkMacSystemFont',
+          'ui-sans-serif',
+          'system-ui',
+          '"Segoe UI"',
+          'Roboto',
+          '"Helvetica Neue"',
+          'Arial',
+          '"Noto Sans"',
+          'sans-serif',
+          '"Apple Color Emoji"',
+          '"Segoe UI Emoji"',
+          '"Segoe UI Symbol"',
+          '"Noto Color Emoji"',
+        ],
       },
     },
   },
-};
+  plugins: useDark ? [
+    ({ addBase, config }) => {
+      addBase({
+        html: {
+          color: config('theme.colors.gray.900'),
+          backgroundColor: 'white',
+        },
+        'html.dark': {
+          color: config('theme.colors.gray.100'),
+          backgroundColor: config('theme.colors.gray.900'),
+        },
+        '*, ::before, ::after': {
+          borderColor: colors.gray[200],
+        },
+        '.dark *, .dark ::before, .dark ::after': {
+          borderColor: colors.slate[700],
+        },
+      })
+    },
+  ] : [],
+})

package/lib/version.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "0.2.4";
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "0.2.2",
+  "version": "1.0.0-alpha.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -8,6 +8,7 @@
   },
   "keywords": [
     "vue",
+    "vue 3",
     "tailwindcss",
     "components",
     "ui framework",
@@ -18,43 +19,58 @@
   ],
   "files": [
     "lib",
-    "src"
+    "*.d.ts",
+    "README.md"
   ],
-  "main": "lib/cjs",
-  "module": "lib/esm",
-  "browser": "lib/umd",
+  "main": "lib/index.cjs.js",
+  "module": "lib/index.es.js",
+  "typings": "lib/index.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/esm/index.js",
-      "require": "./lib/cjs/index.js"
+      "import": "./lib/index.es.js",
+      "require": "./lib/index.cjs.js"
     },
-    "./nuxt": "./src/nuxt.js",
+    "./nuxt": "./lib/nuxt.js",
+    "./styles": "./lib/style.css",
     "./tailwind.preset": "./lib/tailwind.preset.js",
     "./tailwind.preset.js": "./lib/tailwind.preset.js"
   },
   "sideEffects": false,
   "scripts": {
-    "dev": "npm run serve",
-    "build": "NODE_ENV=production rollup --config ./rollup.config.js",
-    "serve": "rollup --config ./rollup.config.js --watch",
+    "dev": "yarn build-only && chokidar \"./src/**\" -c \"yarn build-only\"",
+    "dev2": "vite build --watch",
+    "build": "yarn generate && vite build",
+    "build-prod": "yarn build && yarn gen-types",
+    "typecheck": "vue-tsc --noEmit",
+    "build-only": "vite build",
+    "generate": "yarn gen-version",
+    "gen-types": "vue-tsc --declaration --emitDeclarationOnly",
+    "gen-version": "node .scripts/gen-version.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "dependencies": {
-    "vue": "^3.0.5"
+  "peerDependencies": {
+    "tailwindcss": "^3.0.0",
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.0.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
+    "@cypress/vite-dev-server": "^2.2.2",
+    "@cypress/vue": "^3.1.1",
+    "@rushstack/eslint-patch": "^1.1.3",
+    "@types/node": "^17.0.30",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vue/tsconfig": "^0.1.3",
+    "@vueuse/core": "^8.4.2",
     "autoprefixer": "^10.4.0",
+    "chokidar-cli": "^3.0.0",
+    "clean-css": "^5.3.0",
+    "cypress": "^9.6.0",
     "postcss": "^8.4.4",
-    "rollup": "^2.48.0",
-    "rollup-plugin-cleaner": "^1.0.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-postcss": "^4.0.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-vue": "^6.0.0",
-    "tailwindcss": "^3.0.0"
+    "start-server-and-test": "^1.14.0",
+    "tailwindcss": "^3.0.0",
+    "vite": "^2.9.5",
+    "vue": "^3.2.33",
+    "vue-tsc": "^0.34.15"
   },
   "browserslist": [
     "> 1%",
@@ -73,5 +89,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d706626bbb60894f6cd7e9aaa72f4e918d4aa43"
+  "gitHead": "9465cc7fde63976bc1fdb5bf8ce35c01ca1b9333"
 }

package/volar.d.ts

@@ -0,0 +1,52 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    XAlert: typeof import('@indielayer/ui')['XAlert']
+    XAvatar: typeof import('@indielayer/ui')['XAvatar']
+    XBadge: typeof import('@indielayer/ui')['XBadge']
+    XBreadcrumbs: typeof import('@indielayer/ui')['XBreadcrumbs']
+    XButton: typeof import('@indielayer/ui')['XButton']
+    XButtonGroup: typeof import('@indielayer/ui')['XButtonGroup']
+    XCard: typeof import('@indielayer/ui')['XCard']
+    XCheckbox: typeof import('@indielayer/ui')['XCheckbox']
+    XCollapse: typeof import('@indielayer/ui')['XCollapse']
+    XContainer: typeof import('@indielayer/ui')['XContainer']
+    XDivider: typeof import('@indielayer/ui')['XDivider']
+    XDrawer: typeof import('@indielayer/ui')['XDrawer']
+    XForm: typeof import('@indielayer/ui')['XForm']
+    XIcon: typeof import('@indielayer/ui')['XIcon']
+    XImage: typeof import('@indielayer/ui')['XImage']
+    XInput: typeof import('@indielayer/ui')['XInput']
+    XLink: typeof import('@indielayer/ui')['XLink']
+    XMenu: typeof import('@indielayer/ui')['XMenu']
+    XMenuItem: typeof import('@indielayer/ui')['XMenuItem']
+    XModal: typeof import('@indielayer/ui')['XModal']
+    XNotifications: typeof import('@indielayer/ui')['XNotifications']
+    XPagination: typeof import('@indielayer/ui')['XPagination']
+    XPaginationItem: typeof import('@indielayer/ui')['XPaginationItem']
+    XPopover: typeof import('@indielayer/ui')['XPopover']
+    XPopoverContainer: typeof import('@indielayer/ui')['XPopoverContainer']
+    XProgress: typeof import('@indielayer/ui')['XProgress']
+    XRadio: typeof import('@indielayer/ui')['XRadio']
+    XScroll: typeof import('@indielayer/ui')['XScroll']
+    XSelect: typeof import('@indielayer/ui')['XSelect']
+    XSkeleton: typeof import('@indielayer/ui')['XSkeleton']
+    XSlider: typeof import('@indielayer/ui')['XSlider']
+    XSpacer: typeof import('@indielayer/ui')['XSpacer']
+    XSpinner: typeof import('@indielayer/ui')['XSpinner']
+    XTable: typeof import('@indielayer/ui')['XTable']
+    XTableBody: typeof import('@indielayer/ui')['XTableBody']
+    XTableCell: typeof import('@indielayer/ui')['XTableCell']
+    XTableHead: typeof import('@indielayer/ui')['XTableHead']
+    XTableHeader: typeof import('@indielayer/ui')['XTableHeader']
+    XTableRow: typeof import('@indielayer/ui')['XTableRow']
+    XTab: typeof import('@indielayer/ui')['XTab']
+    XTabs: typeof import('@indielayer/ui')['XTabs']
+    XTag: typeof import('@indielayer/ui')['XTag']
+    XTextarea: typeof import('@indielayer/ui')['XTextarea']
+    XToggle: typeof import('@indielayer/ui')['XToggle']
+    XTooltip: typeof import('@indielayer/ui')['XTooltip']
+    [key: string]: any
+  }
+}
+
+export {}

package/lib/cjs/components/avatar/Avatar.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Avatar_vue_vue_type_script_lang = require('./Avatar.vue_vue_type_script_lang.js');
-var Avatar_vue_vue_type_template_id_d5090cb0_lang = require('./Avatar.vue_vue_type_template_id_d5090cb0_lang.js');
-
-Avatar_vue_vue_type_script_lang.render = Avatar_vue_vue_type_template_id_d5090cb0_lang.render;
-
-module.exports = Avatar_vue_vue_type_script_lang;

package/lib/cjs/components/avatar/Avatar.vue_vue_type_script_lang.js

@@ -1,86 +0,0 @@
-'use strict';
-
-const validator = {
-  variant: [
-    'rounded',
-    'squared',
-  ],
-};
-
-var script = {
-  name: 'XAvatar',
-
-  validator,
-
-  props: {
-    alt: {
-      type: String,
-      default: null,
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-
-    src: {
-      type: String,
-      default: null,
-    },
-
-    tag: {
-      type: String,
-      default: 'span',
-    },
-
-    squared: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  data() {
-    return {
-      source: null,
-    }
-  },
-
-  computed: {
-    initials() {
-      if (this.name) {
-        const initials = this.name.match(/\b\w/g) || [];
-
-        return ((initials.shift() || '') + (initials.pop() || '')).toUpperCase()
-      }
-
-      return ''
-    },
-  },
-
-  mounted() {
-    if (this.src) {
-      const img = new Image();
-
-      img.onload = () => { this.source = this.src; };
-      img.onerror = () => { };
-      img.src = this.src;
-    }
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/avatar/Avatar.vue_vue_type_template_id_d5090cb0_lang.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  key: 0,
-  class: "leading-none"
-};
-const _hoisted_2 = ["alt", "src"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
-    class: vue.normalizeClass(["inline-flex items-center justify-center overflow-hidden", [
-      // color
-      { [`bg-${$props.color}-500 text-${$props.color}-50`]: !$data.source && !$props.outlined },
-      {
-        // border
-        'border border-gray-400 dark:border-gray-500': !$data.source && $props.outlined,
-
-        // size
-        'h-6 w-6 text-xs': $props.size === 'xs',
-        'h-7 w-7 text-sm': $props.size === 'sm',
-        'h-10 w-10': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-        'h-12 w-12 text-lg': $props.size === 'lg',
-        'h-20 w-20 text-2xl': $props.size === 'xl',
-        'h-36 w-36 text-2xl': $props.size === '2xl',
-      },
-      $props.squared ? 'rounded-md' : 'rounded-full'
-    ]])
-  }, {
-    default: vue.withCtx(() => [
-      (!$data.source && $props.name)
-        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($options.initials), 1))
-        : vue.createCommentVNode("", true),
-      ($data.source)
-        ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 1,
-            alt: $props.alt,
-            src: $props.src,
-            class: "h-full w-full"
-          }, null, 8, _hoisted_2))
-        : vue.createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 8, ["class"]))
-}
-
-exports.render = render;

package/lib/cjs/components/button/Button.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Button_vue_vue_type_script_lang = require('./Button.vue_vue_type_script_lang.js');
-var Button_vue_vue_type_template_id_1be5b88c_lang = require('./Button.vue_vue_type_template_id_1be5b88c_lang.js');
-
-Button_vue_vue_type_script_lang.render = Button_vue_vue_type_template_id_1be5b88c_lang.render;
-
-module.exports = Button_vue_vue_type_script_lang;

package/lib/cjs/components/button/Button.vue_vue_type_script_lang.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var interactive = require('../../composables/interactive.js');
-require('../spinner/Spinner.vue.js');
-require('../icon/Icon.vue.js');
-var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
-var Icon_vue_vue_type_script_lang = require('../icon/Icon.vue_vue_type_script_lang.js');
-
-const validator = {
-  group: [false, true, '', 'first', 'last'],
-};
-
-var script = {
-  name: 'XButton',
-  components: {
-    XSpinner: Spinner_vue_vue_type_script_lang,
-    XIcon: Icon_vue_vue_type_script_lang,
-  },
-
-  validator: {
-    ...interactive.withValidator(),
-    ...validator,
-  },
-
-  props: {
-    ...interactive.withProps(),
-
-    group: {
-      default: false,
-      type: [String, Boolean],
-      validator: (value) => validator.group.includes(value),
-    },
-
-    icon: {
-      type: String,
-      default: null,
-    },
-
-    iconRight: {
-      type: Boolean,
-      default: false,
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-
-    tag: {
-      type: String,
-      default: 'button',
-    },
-
-    type: {
-      type: String,
-      default: 'button',
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-
-    rounded: {
-      type: Boolean,
-      default: false,
-    },
-
-    glow: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  setup() {
-    return {
-      ...interactive.useInteractive(),
-    }
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/button/Button.vue_vue_type_template_id_1be5b88c_lang.js

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_spinner = vue.resolveComponent("x-spinner");
-  const _component_x_icon = vue.resolveComponent("x-icon");
-
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
-    ref: "focusRef",
-    to: $props.to,
-    class: vue.normalizeClass(["relative leading-tight transition-colors duration-150 cursor-pointer focus:outline-none inline-block items-center justify-center font-medium", [
-      {
-        'shadow': !_ctx.flat && !$props.glow,
-        [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow,
-      },
-      _ctx.disabled ?
-        // disabled
-        'border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 cursor-not-allowed'
-        : {
-          // not disabled
-          [`border border-${_ctx.color}-500 text-${_ctx.color}-500`]: $props.outlined,
-
-          // colors
-          [`border border-transparent text-${_ctx.color}-50 bg-${_ctx.color}-500`]: !$props.outlined,
-
-          // colors hovers | actives
-          'hover:bg-dark-image active:bg-darker-image active:shadow-none': !_ctx.loading && !$props.outlined,
-          [`hover:bg-gray-100 active:bg-gray-200 dark:hover:bg-gray-700 dark:hover:active:bg-gray-600`]: !_ctx.loading && $props.outlined,
-        },
-      _ctx.$slots.default ? {
-        // size
-        'py-1': _ctx.size === 'auto',
-        'px-2 py-1 text-xs': _ctx.size === 'xs',
-        'px-2 py-1 text-sm': _ctx.size === 'sm',
-        'px-4 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-        'px-6 py-3 text-lg': _ctx.size === 'lg',
-        'px-10 py-6 text-xl': _ctx.size === 'xl',
-      } : 'px-3 py-2',
-      {
-        // icon
-        'inline-flex items-center': $props.icon,
-
-        // group
-        'rounded-button': $props.group === false,
-        'rounded-l-button': $props.group === 'first',
-        'rounded-r-button': $props.group === 'last',
-
-        '!rounded-full': $props.rounded,
-
-        // loading
-        'cursor-default': _ctx.loading,
-
-        // content
-        'flex items-center justify-center': _ctx.loading,
-        'flex-row-reverse': $props.icon && $props.iconRight
-      },
-
-    ]]),
-    "aria-busy": _ctx.loading ? 'true' : null,
-    "aria-disabled": $props.tag !== 'button' && _ctx.disabled ? 'true' : null,
-    disabled: _ctx.disabled || _ctx.loading,
-    type: $props.tag === 'button' ? $props.type : null
-  }, {
-    default: vue.withCtx(() => [
-      (_ctx.loading)
-        ? (vue.openBlock(), vue.createBlock(_component_x_spinner, {
-            key: 0,
-            size: _ctx.size,
-            class: "absolute"
-          }, null, 8, ["size"]))
-        : vue.createCommentVNode("", true),
-      ($props.icon)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 1,
-            class: vue.normalizeClass(["flex", [{
-        'mr-2': _ctx.$slots.default && !$props.iconRight,
-        'ml-2': _ctx.$slots.default && $props.iconRight,
-        'invisible': _ctx.loading
-      }]])
-          }, [
-            vue.createVNode(_component_x_icon, {
-              size: _ctx.size,
-              icon: $props.icon
-            }, null, 8, ["size", "icon"])
-          ], 2))
-        : vue.createCommentVNode("", true),
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass({ 'invisible': _ctx.loading })
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2)
-    ]),
-    _: 3
-  }, 8, ["to", "class", "aria-busy", "aria-disabled", "disabled", "type"]))
-}
-
-exports.render = render;

package/lib/cjs/components/card/Card.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Card_vue_vue_type_script_lang = require('./Card.vue_vue_type_script_lang.js');
-var Card_vue_vue_type_template_id_6e221de0_lang = require('./Card.vue_vue_type_template_id_6e221de0_lang.js');
-
-Card_vue_vue_type_script_lang.render = Card_vue_vue_type_template_id_6e221de0_lang.render;
-
-module.exports = Card_vue_vue_type_script_lang;

package/lib/cjs/components/card/Card.vue_vue_type_script_lang.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XCard',
-  props: {
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-  },
-};
-
-module.exports = script;