dreambuilders-ui 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# dreambuilders-ui
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```

package/dist/dreambuilders-ui.css

@@ -0,0 +1,2 @@
+.db-button[data-v-bc3a041a]{--db-button-border-type:solid;--db-button-border-radius:var(--db-size-radius-base);box-sizing:border-box;-webkit-user-select:none;user-select:none;vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;gap:var(--db-size-padding-base);font-size:var(--db-button-font-size);border-radius:var(--db-button-border-radius);padding:var(--db-button-padding-vertical) var(--db-button-padding-horizontal);border:.1rem var(--db-button-border-type) var(--db-button-border-color);background-color:var(--db-button-background-color);color:var(--db-button-color);outline:none;transition:all .2s;display:inline-flex}.db-button[data-v-bc3a041a]:not(:disabled):hover{border-color:var(--db-button-border-color-hover);background-color:var(--db-button-background-color-hover);color:var(--db-button-color-hover)}.db-button[data-v-bc3a041a]:not(:disabled):active{border-color:var(--db-button-border-color-active);background-color:var(--db-button-background-color-active);color:var(--db-button-color-active)}.db-button.is-disabled[data-v-bc3a041a]{cursor:not-allowed;border-color:var(--db-button-border-color-disabled);background-color:var(--db-button-background-color-disabled);color:var(--db-button-color-disabled)}.is-round[data-v-bc3a041a]{border-radius:2rem}.is-circle[data-v-bc3a041a]{aspect-ratio:1;--db-button-border-radius:50%;overflow:hidden}.is-circle.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);width:calc(var(--db-button-font-size) * 3.5)}.is-circle.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1);width:calc(var(--db-button-font-size) * 3)}.is-circle.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .5);width:calc(var(--db-button-font-size) * 3)}.db-button-size__large[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1.5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2.5);--db-button-font-size:var(--db-font-size-base)}.db-button-size__large.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-large)}.db-button-size__default[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * 1);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 2);--db-button-font-size:var(--db-font-size-base)}.db-button-size__default.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-base)}.db-button-size__small[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .5);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * 1.5);--db-button-font-size:var(--db-font-size-small)}.db-button-size__small.is-link[data-v-bc3a041a]{--db-button-padding-vertical:calc(var(--db-size-padding-base) * .25);--db-button-padding-horizontal:calc(var(--db-size-padding-base) * .25);--db-button-font-size:var(--db-font-size-small)}.db-button-type__default[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-border-base);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-border-base);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__default.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-regular);--db-button-color-active:var(--db-color-text-regular);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__default.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-text-regular);--db-button-color-hover:var(--db-color-text-secondary);--db-button-color-active:var(--db-color-text-secondary);--db-button-color-disabled:var(--db-color-text-disabled)}.db-button-type__primary[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary-light-3);--db-button-border-color-active:var(--db-color-primary-light-3);--db-button-border-color-disabled:var(--db-color-primary-light-5);--db-button-background-color:var(--db-color-primary);--db-button-background-color-hover:var(--db-color-primary-light-3);--db-button-background-color-active:var(--db-color-primary-light-3);--db-button-background-color-disabled:var(--db-color-primary-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__primary.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-primary);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-border-color-disabled:var(--db-color-primary-light-7);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary);--db-button-background-color-active:var(--db-color-primary);--db-button-background-color-disabled:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-primary-light-3);--db-button-border-color-hover:var(--db-color-primary);--db-button-border-color-active:var(--db-color-primary);--db-button-background-color:var(--db-color-primary-light-9);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary)}.db-button-type__primary.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary);--db-button-color-active:var(--db-color-primary);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__primary.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-primary);--db-button-color-hover:var(--db-color-primary-light-3);--db-button-color-active:var(--db-color-primary-light-3);--db-button-color-disabled:var(--db-color-primary-light-5)}.db-button-type__success[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success-light-3);--db-button-border-color-active:var(--db-color-success-light-3);--db-button-border-color-disabled:var(--db-color-success-light-5);--db-button-background-color:var(--db-color-success);--db-button-background-color-hover:var(--db-color-success-light-3);--db-button-background-color-active:var(--db-color-success-light-3);--db-button-background-color-disabled:var(--db-color-success-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__success.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-success);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-border-color-disabled:var(--db-color-success-light-7);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success);--db-button-background-color-active:var(--db-color-success);--db-button-background-color-disabled:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-success-light-3);--db-button-border-color-hover:var(--db-color-success);--db-button-border-color-active:var(--db-color-success);--db-button-background-color:var(--db-color-success-light-9);--db-button-background-color-hover:var(--db-color-success-light-9);--db-button-background-color-active:var(--db-color-success-light-9);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success)}.db-button-type__success.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success);--db-button-color-active:var(--db-color-success);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__success.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-success);--db-button-color-hover:var(--db-color-success-light-3);--db-button-color-active:var(--db-color-success-light-3);--db-button-color-disabled:var(--db-color-success-light-5)}.db-button-type__warning[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning-light-3);--db-button-border-color-active:var(--db-color-warning-light-3);--db-button-border-color-disabled:var(--db-color-warning-light-5);--db-button-background-color:var(--db-color-warning);--db-button-background-color-hover:var(--db-color-warning-light-3);--db-button-background-color-active:var(--db-color-warning-light-3);--db-button-background-color-disabled:var(--db-color-warning-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__warning.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-warning);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-border-color-disabled:var(--db-color-warning-light-7);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning);--db-button-background-color-active:var(--db-color-warning);--db-button-background-color-disabled:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-warning-light-3);--db-button-border-color-hover:var(--db-color-warning);--db-button-border-color-active:var(--db-color-warning);--db-button-background-color:var(--db-color-warning-light-9);--db-button-background-color-hover:var(--db-color-warning-light-9);--db-button-background-color-active:var(--db-color-warning-light-9);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning)}.db-button-type__warning.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning);--db-button-color-active:var(--db-color-warning);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__warning.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-warning);--db-button-color-hover:var(--db-color-warning-light-3);--db-button-color-active:var(--db-color-warning-light-3);--db-button-color-disabled:var(--db-color-warning-light-5)}.db-button-type__danger[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger-light-3);--db-button-border-color-active:var(--db-color-danger-light-3);--db-button-border-color-disabled:var(--db-color-danger-light-5);--db-button-background-color:var(--db-color-danger);--db-button-background-color-hover:var(--db-color-danger-light-3);--db-button-background-color-active:var(--db-color-danger-light-3);--db-button-background-color-disabled:var(--db-color-danger-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__danger.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-danger);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-border-color-disabled:var(--db-color-danger-light-7);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger);--db-button-background-color-active:var(--db-color-danger);--db-button-background-color-disabled:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-danger-light-3);--db-button-border-color-hover:var(--db-color-danger);--db-button-border-color-active:var(--db-color-danger);--db-button-background-color:var(--db-color-danger-light-9);--db-button-background-color-hover:var(--db-color-danger-light-9);--db-button-background-color-active:var(--db-color-danger-light-9);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger)}.db-button-type__danger.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger);--db-button-color-active:var(--db-color-danger);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__danger.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-danger);--db-button-color-hover:var(--db-color-danger-light-3);--db-button-color-active:var(--db-color-danger-light-3);--db-button-color-disabled:var(--db-color-danger-light-5)}.db-button-type__info[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info-light-3);--db-button-border-color-active:var(--db-color-info-light-3);--db-button-border-color-disabled:var(--db-color-info-light-5);--db-button-background-color:var(--db-color-info);--db-button-background-color-hover:var(--db-color-info-light-3);--db-button-background-color-active:var(--db-color-info-light-3);--db-button-background-color-disabled:var(--db-color-info-light-5);--db-button-color:var(--db-color-text-white);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-text-white)}.db-button-type__info.is-plain[data-v-bc3a041a]{--db-button-border-color:var(--db-color-info);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-border-color-disabled:var(--db-color-info-light-7);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info);--db-button-background-color-active:var(--db-color-info);--db-button-background-color-disabled:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-text-white);--db-button-color-active:var(--db-color-text-white);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-dashed[data-v-bc3a041a]{--db-button-border-type:dashed;--db-button-border-color:var(--db-color-info-light-3);--db-button-border-color-hover:var(--db-color-info);--db-button-border-color-active:var(--db-color-info);--db-button-background-color:var(--db-color-info-light-9);--db-button-background-color-hover:var(--db-color-info-light-9);--db-button-background-color-active:var(--db-color-info-light-9);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info)}.db-button-type__info.is-text[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-primary-light-9);--db-button-border-color-active:var(--db-color-primary-light-9);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-primary-light-9);--db-button-background-color-active:var(--db-color-primary-light-9);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info);--db-button-color-active:var(--db-color-info);--db-button-color-disabled:var(--db-color-info-light-5)}.db-button-type__info.is-link[data-v-bc3a041a]{--db-button-border-color:var(--db-color-transparent);--db-button-border-color-hover:var(--db-color-transparent);--db-button-border-color-active:var(--db-color-transparent);--db-button-border-color-disabled:var(--db-color-transparent);--db-button-background-color:var(--db-color-transparent);--db-button-background-color-hover:var(--db-color-transparent);--db-button-background-color-active:var(--db-color-transparent);--db-button-background-color-disabled:var(--db-color-transparent);--db-button-color:var(--db-color-info);--db-button-color-hover:var(--db-color-info-light-3);--db-button-color-active:var(--db-color-info-light-3);--db-button-color-disabled:var(--db-color-info-light-5)}.loading[data-v-bc3a041a]{animation:5s linear infinite rotation-bc3a041a}@keyframes rotation-bc3a041a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-button-group[data-v-d8f67fe3]{gap:0;display:inline-flex}.db-button-group[data-v-d8f67fe3] .db-button{border-radius:0}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3]{flex-direction:row}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-bottom-left-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__horizontal[data-v-d8f67fe3] .db-button:last-child{border-top-right-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3]{flex-direction:column}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:first-child{border-top-left-radius:var(--db-size-radius-base);border-top-right-radius:var(--db-size-radius-base)}.db-button-group.db-button-group-direction__vertical[data-v-d8f67fe3] .db-button:last-child{border-bottom-left-radius:var(--db-size-radius-base);border-bottom-right-radius:var(--db-size-radius-base)}.db-input[data-v-e3bb386b]{vertical-align:middle;width:100%;font-size:var(--db-font-size-base);line-height:4rem;display:inline-flex;position:relative}.db-input__wrapper[data-v-e3bb386b]{gap:var(--db-size-padding-base);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:0 15px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-flex}.db-input__wrapper[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-input__wrapper.is-focus[data-v-e3bb386b]{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-input__wrapper.is-disabled[data-v-e3bb386b]{background-color:var(--db-color-background-page);border-color:var(--db-color-border-base);cursor:not-allowed}.db-input__wrapper.is-disabled .db-input__inner[data-v-e3bb386b]{color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__inner[data-v-e3bb386b]{width:100%;height:4rem;color:var(--db-color-text-regular);font-size:inherit;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:0}.db-input__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-input-size__large[data-v-e3bb386b]{font-size:var(--db-font-size-large)}.db-input-size__large .db-input__inner[data-v-e3bb386b]{height:4.4rem}.db-input-size__large .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-large)}.db-input-size__small[data-v-e3bb386b]{font-size:var(--db-font-size-small)}.db-input-size__small .db-input__inner[data-v-e3bb386b]{height:3.2rem}.db-input-size__small .db-input__wrapper[data-v-e3bb386b]{padding:0 var(--db-size-padding-small)}.db-input__prefix[data-v-e3bb386b],.db-input__suffix[data-v-e3bb386b]{color:var(--db-color-info);font-size:inherit;flex-shrink:0;align-items:center;display:inline-flex}.db-input__prefix[data-v-e3bb386b]{margin-right:8px}.db-input__suffix[data-v-e3bb386b]{margin-left:8px}.db-input__suffix-inner[data-v-e3bb386b]{align-items:center;gap:6px;display:inline-flex}.db-input__icon[data-v-e3bb386b]{cursor:pointer;line-height:0;transition:color .2s}.db-input__icon[data-v-e3bb386b]:hover{color:var(--db-color-text-regular)}.db-input-group[data-v-e3bb386b]{align-items:stretch;width:100%;display:inline-flex}.db-input-group .db-input__wrapper[data-v-e3bb386b]{border-radius:0}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:first-child,.db-input-group>.db-input:first-child .db-input__wrapper[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base)}.db-input-group>.db-input__wrapper[data-v-e3bb386b]:last-child,.db-input-group>.db-input:last-child .db-input__wrapper[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0}.db-input-group__prepend[data-v-e3bb386b],.db-input-group__append[data-v-e3bb386b]{border:1px solid var(--db-color-border-base);color:var(--db-color-text-regular);box-sizing:border-box;white-space:nowrap;background-color:#f5f7fa;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.db-input-group__prepend[data-v-e3bb386b]{border-radius:var(--db-size-radius-base) 0 0 var(--db-size-radius-base);border-right:none}.db-input-group__append[data-v-e3bb386b]{border-radius:0 var(--db-size-radius-base) var(--db-size-radius-base) 0;border-left:none}.db-textarea[data-v-e3bb386b]{vertical-align:bottom;width:100%;font-size:var(--db-font-size-base);display:inline-block;position:relative}.db-textarea__inner[data-v-e3bb386b]{resize:vertical;width:100%;min-height:80px;line-height:20px;font-size:inherit;color:var(--db-color-text-regular);background-color:var(--db-color-background-base);border:1px solid var(--db-color-border-base);border-radius:var(--db-size-radius-base);box-sizing:border-box;outline:none;padding:11px 15px;font-family:inherit;transition:all .3s cubic-bezier(.645,.045,.355,1);display:block}.db-textarea__inner[data-v-e3bb386b]:hover{border-color:var(--db-color-border-lighter)}.db-textarea__inner[data-v-e3bb386b]:focus{border-color:var(--db-color-primary);box-shadow:0 0 0 1px var(--db-color-primary) inset}.db-textarea__inner[data-v-e3bb386b]::placeholder{color:var(--db-color-text-placeholder)}.db-textarea__inner[data-v-e3bb386b]:disabled{background-color:var(--db-color-background-page);color:var(--db-color-text-disabled);cursor:not-allowed}.db-input__count[data-v-e3bb386b]{color:var(--db-color-info);pointer-events:none;font-size:12px;line-height:1;position:absolute;bottom:8px;right:12px}.db-input.is-disabled[data-v-e3bb386b],.db-textarea.is-disabled[data-v-e3bb386b]{cursor:not-allowed;opacity:.5}.db-text[data-v-b274d22b]{font-size:var(--db-font-size);color:var(--db-text-color);box-sizing:border-box;line-height:1.5;display:inline}.db-text.is-strong[data-v-b274d22b]{font-weight:700}.db-text.is-italic[data-v-b274d22b]{font-style:italic}.db-text.is-underline[data-v-b274d22b]{text-decoration:underline}.db-text.is-delete[data-v-b274d22b]{text-decoration:line-through}.db-text.is-disabled[data-v-b274d22b]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.db-text.is-marked[data-v-b274d22b]{border-radius:2px;padding:0 2px}.db-text.is-code[data-v-b274d22b]{background-color:var(--db-color-background-page);border-radius:var(--db-border-radius-base);padding:2px 6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.db-text.is-truncated[data-v-b274d22b]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.db-text-size__large[data-v-b274d22b]{--db-font-size:var(--db-font-size-large)}.db-text-size__default[data-v-b274d22b]{--db-font-size:var(--db-font-size-base)}.db-text-size__small[data-v-b274d22b]{--db-font-size:var(--db-font-size-small)}.db-text-type__primary[data-v-b274d22b]{--db-text-color:var(--db-color-primary)}.db-text-type__primary.is-disabled[data-v-b274d22b]{color:var(--db-color-primary-light-5)}.db-text-type__primary.is-marked[data-v-b274d22b]{background-color:var(--db-color-primary-light-9)}.db-text-type__success[data-v-b274d22b]{--db-text-color:var(--db-color-success)}.db-text-type__success.is-disabled[data-v-b274d22b]{color:var(--db-color-success-light-5)}.db-text-type__success.is-marked[data-v-b274d22b]{background-color:var(--db-color-success-light-9)}.db-text-type__warning[data-v-b274d22b]{--db-text-color:var(--db-color-warning)}.db-text-type__warning.is-disabled[data-v-b274d22b]{color:var(--db-color-warning-light-5)}.db-text-type__warning.is-marked[data-v-b274d22b]{background-color:var(--db-color-warning-light-9)}.db-text-type__danger[data-v-b274d22b]{--db-text-color:var(--db-color-danger)}.db-text-type__danger.is-disabled[data-v-b274d22b]{color:var(--db-color-danger-light-5)}.db-text-type__danger.is-marked[data-v-b274d22b]{background-color:var(--db-color-danger-light-9)}.db-text-type__info[data-v-b274d22b]{--db-text-color:var(--db-color-info)}.db-text-type__info.is-disabled[data-v-b274d22b]{color:var(--db-color-info-light-5)}.db-text-type__info.is-marked[data-v-b274d22b]{background-color:var(--db-color-info-light-9)}.db-text-type__default[data-v-b274d22b]{--db-text-color:var(--db-color-text-regular)}.db-text-type__default.is-disabled[data-v-b274d22b]{color:var(--db-color-text-disabled)}.db-text-type__default.is-marked[data-v-b274d22b]{background-color:var(--db-color-background-page)}.db-alert[data-v-54b0171d]{width:100%;padding:var(--db-size-padding-base) calc(var(--db-size-padding-base) * 2);box-sizing:border-box;border-radius:var(--db-size-radius-base);font-size:var(--db-font-size-small);background-color:var(--db-alert-background-color);border:.1rem solid #0000;border-color:var(--db-alert-border-color);color:var(--db-alert-font-color);align-items:center;transition:opacity .3s,transform .3s;display:flex;position:relative}.db-alert.is-center[data-v-54b0171d]{text-align:center;justify-content:center}.db-alert.is-with-description[data-v-54b0171d]{padding:calc(var(--db-size-padding-base) * 2);align-items:flex-start}.db-alert.is-with-description .db-alert__icon[data-v-54b0171d]{font-size:calc(var(--db-font-size-small) * 2);width:calc(var(--db-font-size-small) * 2);height:calc(var(--db-font-size-small) * 2)}.db-alert--primary.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-primary-light-9);--db-alert-border-color:var(--db-color-primary-light-8);--db-alert-font-color:var(--db-color-primary)}.db-alert--primary.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-primary);--db-alert-border-color:var(--db-color-primary);--db-alert-font-color:var(--db-color-text-white)}.db-alert--success.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-success-light-9);--db-alert-border-color:var(--db-color-success-light-8);--db-alert-font-color:var(--db-color-success)}.db-alert--success.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-success);--db-alert-border-color:var(--db-color-success);--db-alert-font-color:var(--db-color-text-white)}.db-alert--warning.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-warning-light-9);--db-alert-border-color:var(--db-color-warning-light-8);--db-alert-font-color:var(--db-color-warning)}.db-alert--warning.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-warning);--db-alert-border-color:var(--db-color-warning);--db-alert-font-color:var(--db-color-text-white)}.db-alert--danger.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-danger-light-9);--db-alert-border-color:var(--db-color-danger-light-8);--db-alert-font-color:var(--db-color-danger)}.db-alert--danger.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-danger);--db-alert-border-color:var(--db-color-danger);--db-alert-font-color:var(--db-color-text-white)}.db-alert--info.db-alert--light[data-v-54b0171d]{--db-alert-background-color:var(--db-color-info-light-9);--db-alert-border-color:var(--db-color-info-light-8);--db-alert-font-color:var(--db-color-info)}.db-alert--info.db-alert--dark[data-v-54b0171d]{--db-alert-background-color:var(--db-color-info);--db-alert-border-color:var(--db-color-info);--db-alert-font-color:var(--db-color-text-white)}.db-alert__icon[data-v-54b0171d]{font-size:var(--db-font-size-base);width:var(--db-font-size-base);height:var(--db-font-size-base);margin-right:var(--db-size-margin-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.db-alert__content[data-v-54b0171d]{flex:1;min-width:0}.db-alert__title[data-v-54b0171d]{font-size:var(--db-font-size-base);font-weight:500;display:block}.db-alert__description[data-v-54b0171d]{font-size:var(--db-font-size-small);margin:var(--db-size-margin-small) 0 0 0;opacity:.85}.alert-fade-enter-active[data-v-54b0171d],.alert-fade-leave-active[data-v-54b0171d]{transition:opacity .3s,transform .3s}.alert-fade-enter-from[data-v-54b0171d],.alert-fade-leave-to[data-v-54b0171d]{opacity:0;transform:translateY(-8px)}:root{--db-size-margin-large:1.2rem;--db-size-margin-base:.8rem;--db-size-margin-small:.4rem;--db-size-padding-large:1.2rem;--db-size-padding-base:.8rem;--db-size-padding-small:.4rem;--db-size-shadow-large:.6rem;--db-size-shadow-base:.4rem;--db-size-shadow-small:.2rem;--db-size-radius-large:.6rem;--db-size-radius-base:.4rem;--db-size-radius-small:.2rem;--db-font-size-large:1.6rem;--db-font-size-base:1.4rem;--db-font-size-small:1.2rem}[theme=default]{--db-color-primary:#409eff;--db-color-primary-dark-2:#337ecc;--db-color-primary-light-3:#79bbff;--db-color-primary-light-5:#a0cfff;--db-color-primary-light-7:#c6e2ff;--db-color-primary-light-8:#d9ecff;--db-color-primary-light-9:#ecf5ff;--db-color-success:#67c23a;--db-color-success-dark-2:#529b2e;--db-color-success-light-3:#95d475;--db-color-success-light-5:#b3e19d;--db-color-success-light-7:#d1edc4;--db-color-success-light-8:#e1f3d8;--db-color-success-light-9:#f0f9eb;--db-color-warning:#e6a23c;--db-color-warning-dark-2:#b88230;--db-color-warning-light-3:#eebe77;--db-color-warning-light-5:#f3d19e;--db-color-warning-light-7:#f8e3c5;--db-color-warning-light-8:#faecd8;--db-color-warning-light-9:#fdf6ec;--db-color-danger:#f56c6c;--db-color-danger-dark-2:#c45656;--db-color-danger-light-3:#f89898;--db-color-danger-light-5:#fab6b6;--db-color-danger-light-7:#fcd3d3;--db-color-danger-light-8:#fde2e2;--db-color-danger-light-9:#fef0f0;--db-color-info:#909399;--db-color-info-dark-2:#73767a;--db-color-info-light-3:#b1b3b8;--db-color-info-light-5:#c8c9cc;--db-color-info-light-7:#dedfe0;--db-color-info-light-8:#e9e9eb;--db-color-info-light-9:#f4f4f5;--db-color-transparent:transparent;--db-color-border-darker:#cdd0d6;--db-color-border-dark:#d4d7de;--db-color-border-base:#dcdfe6;--db-color-border-light:#e4e7ed;--db-color-border-lighter:#ebeef5;--db-color-border-extra-light:#f2f6fc;--db-color-text-primary:#303133;--db-color-text-regular:#606266;--db-color-text-secondary:#909399;--db-color-text-placeholder:#a8abb2;--db-color-text-disabled:#c0c4cc;--db-color-text-white:#fff;--db-color-background-base:#fff;--db-color-background-page:#f2f3f5;--db-color-basic-white:#fff;--db-color-basic-black:#000}html{font-size:clamp(10px,.520833vw,20px)}body{font-family:Helvetica Neue;font-size:var(--db-font-size-base);color:var(--db-color-text-regular);font-weight:400;line-height:1.5}
+/*$vite$:1*/

package/dist/dreambuilders-ui.mjs

@@ -0,0 +1,516 @@
+import { Fragment as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useSlots as b, useTemplateRef as x, watch as S, withCtx as C, withModifiers as w } from "vue";
+//#region src/components/button/src/Button.vue?vue&type=script&setup=true&lang.ts
+var T = {
+	key: 0,
+	class: "iconfont loading icon-loading"
+}, E = /*@__PURE__*/ l({
+	name: "DbButton",
+	__name: "Button",
+	props: {
+		type: { default: "default" },
+		size: { default: "default" },
+		nativeType: { default: "button" },
+		tag: { default: "button" },
+		loadingIcon: { default: "" },
+		icon: { default: "" },
+		color: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		round: {
+			type: Boolean,
+			default: !1
+		},
+		dashed: {
+			type: Boolean,
+			default: !1
+		},
+		circle: {
+			type: Boolean,
+			default: !1
+		},
+		link: {
+			type: Boolean,
+			default: !1
+		},
+		text: {
+			type: Boolean,
+			default: !1
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let o = e, s = t, c = n(() => o.disabled || o.loading), l = n(() => [
+			"db-button",
+			`db-button-type__${o.type}`,
+			`db-button-size__${o.size}`,
+			{
+				"is-disabled": c.value,
+				"is-plain": o.plain,
+				"is-round": o.round,
+				"is-dashed": o.dashed,
+				"is-circle": o.circle,
+				"is-link": o.link,
+				"is-text": o.text,
+				"is-loading": o.loading
+			}
+		]), u = n(() => {
+			if (!o.color) return {};
+			let e = o.color, t = {
+				"--db-button-background-color": e,
+				"--db-button-border-color": e,
+				"--db-button-color": "#ffffff",
+				"--db-button-background-color-hover": `color-mix(in srgb, ${e}, white 30%)`,
+				"--db-button-border-color-hover": `color-mix(in srgb, ${e}, white 30%)`,
+				"--db-button-color-hover": "#ffffff",
+				"--db-button-background-color-active": `color-mix(in srgb, ${e}, white 30%)`,
+				"--db-button-border-color-active": `color-mix(in srgb, ${e}, white 30%)`,
+				"--db-button-color-active": "#ffffff"
+			};
+			return o.plain && (t["--db-button-background-color"] = "transparent", t["--db-button-background-color-hover"] = "transparent", t["--db-button-background-color-active"] = "transparent", t["--db-button-color"] = e, t["--db-button-color-hover"] = `color-mix(in srgb, ${e}, white 30%)`, t["--db-button-color-active"] = `color-mix(in srgb, ${e}, white 30%)`, t["--db-button-border-color"] = e, t["--db-button-border-color-hover"] = `color-mix(in srgb, ${e}, white 30%)`, t["--db-button-border-color-active"] = `color-mix(in srgb, ${e}, white 30%)`), o.text && (t["--db-button-background-color"] = "transparent", t["--db-button-background-color-hover"] = `color-mix(in srgb, ${e}, white 92%)`, t["--db-button-background-color-active"] = `color-mix(in srgb, ${e}, white 92%)`, t["--db-button-border-color"] = "transparent", t["--db-button-border-color-hover"] = `color-mix(in srgb, ${e}, white 92%)`, t["--db-button-border-color-active"] = `color-mix(in srgb, ${e}, white 92%)`, t["--db-button-color"] = e, t["--db-button-color-hover"] = e, t["--db-button-color-active"] = e), o.link && (t["--db-button-background-color"] = "transparent", t["--db-button-background-color-hover"] = "transparent", t["--db-button-background-color-active"] = "transparent", t["--db-button-border-color"] = "transparent", t["--db-button-border-color-hover"] = "transparent", t["--db-button-border-color-active"] = "transparent", t["--db-button-color"] = e, t["--db-button-color-hover"] = `color-mix(in srgb, ${e}, white 30%)`, t["--db-button-color-active"] = `color-mix(in srgb, ${e}, white 30%)`), t;
+		});
+		function p(e) {
+			c.value || s("click", e);
+		}
+		return (t, n) => (m(), r(_(e.tag), {
+			class: d(l.value),
+			type: e.nativeType,
+			disabled: c.value,
+			autofocus: e.autofocus,
+			style: f(u.value),
+			onClick: p
+		}, {
+			default: C(() => [
+				e.loading && !e.loadingIcon ? (m(), a("i", T)) : i("", !0),
+				e.loading && e.loadingIcon ? (m(), a("image", {
+					key: 1,
+					class: d([
+						"iconfont",
+						"loading",
+						`icon-${e.loadingIcon}`
+					])
+				}, null, 2)) : i("", !0),
+				e.icon && !e.loading ? (m(), a("i", {
+					key: 2,
+					class: d(["iconfont", `icon-${e.icon}`])
+				}, null, 2)) : i("", !0),
+				g(t.$slots, "default", {}, void 0, !0)
+			]),
+			_: 3
+		}, 8, [
+			"class",
+			"type",
+			"disabled",
+			"autofocus",
+			"style"
+		]));
+	}
+}), D = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, O = /*#__PURE__*/ D(E, [["__scopeId", "data-v-bc3a041a"]]), k = /*#__PURE__*/ D(/* @__PURE__ */ l({
+	name: "DbButtonGroup",
+	__name: "ButtonGroup",
+	props: { direction: { default: "horizontal" } },
+	setup(e) {
+		let t = e, r = n(() => ["db-button-group", `db-button-group-direction__${t.direction}`]);
+		return (e, t) => (m(), a("div", { class: d(r.value) }, [g(e.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-d8f67fe3"]]), A = {
+	key: 0,
+	class: "db-input-group__prepend"
+}, j = [
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"rows",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"form",
+	"maxlength",
+	"minlength",
+	"tabindex"
+], M = {
+	key: 0,
+	class: "db-input-limit"
+}, N = { class: "db-input-limit__inner" }, P = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"name",
+	"autocomplete",
+	"autofocus",
+	"form",
+	"maxlength",
+	"minlength",
+	"tabindex"
+], F = {
+	key: 3,
+	class: "db-input-group__append"
+}, I = /*#__PURE__*/ D(/* @__PURE__ */ l({
+	name: "DbInput",
+	__name: "Input",
+	props: {
+		modelValue: { default: "" },
+		type: { default: "text" },
+		size: { default: "default" },
+		placeholder: { default: "" },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		showPassword: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		suffixIcon: {},
+		prefixIcon: {},
+		rows: { default: 2 },
+		autosize: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		autocomplete: { default: "off" },
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		form: { default: "" },
+		name: { default: "" },
+		minlength: {},
+		maxlength: {},
+		showWordLimit: {
+			type: Boolean,
+			default: !1
+		},
+		resize: { default: "vertical" },
+		tabindex: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"input",
+		"change",
+		"focus",
+		"blur",
+		"clear",
+		"keydown",
+		"keyup",
+		"keypress"
+	],
+	setup(t, { expose: r, emit: s }) {
+		let c = t, l = s;
+		r({
+			focus: () => y.value?.focus(),
+			blur: () => y.value?.blur(),
+			select: () => y.value?.select()
+		});
+		let _ = b(), y = x("input-ref"), C = h(!1), T = h(!1), E = n(() => c.type === "textarea"), D = n(() => !!_.prepend), O = n(() => !!_.prepend), k = n(() => c.showPassword && c.type === "password" ? T.value ? "text" : "password" : c.type), I = n(() => String(c.modelValue ?? "")), L = n(() => c.clearable && I.value && !c.disabled && !c.readonly), R = n(() => I.value.length), z = n(() => c.showWordLimit && c.maxlength !== void 0), B = n(() => `db-input-size__${c.size}`), V = n(() => E.value ? [
+			"db-textarea",
+			B.value,
+			{
+				"is-disabled": c.disabled,
+				"is-focus": C.value
+			}
+		] : D.value || O.value ? ["db-input-group", B.value] : [
+			"db-input",
+			B.value,
+			{
+				"is-disabled": c.disabled,
+				"is-focus": C.value
+			}
+		]);
+		function H(e) {
+			let t = e.target.value;
+			l("update:modelValue", t), l("input", t), u(() => J());
+		}
+		function U(e) {
+			let t = e.target.value;
+			l("change", t);
+		}
+		function W(e) {
+			C.value = !0, l("focus", e);
+		}
+		function G(e) {
+			C.value = !1, l("blur", e);
+		}
+		function K() {
+			l("update:modelValue", ""), l("input", ""), l("change", ""), l("clear"), u(() => {
+				y.value?.focus(), J();
+			});
+		}
+		function q() {
+			T.value = !T.value;
+		}
+		function J() {
+			if (!E.value || !c.autosize || !y.value) return;
+			let e = y.value, { autosize: t } = c;
+			e.style.height = "auto";
+			let n = e.scrollHeight;
+			if (typeof t == "object") {
+				let { minRows: e, maxRows: r } = t;
+				if (e) {
+					let t = e * 20 + 22;
+					n = Math.max(n, t);
+				}
+				if (r) {
+					let e = r * 20 + 22;
+					n = Math.min(n, e);
+				}
+			}
+			e.style.height = `${n}px`;
+		}
+		return p(() => {
+			J();
+		}), S(() => c.modelValue, () => u(() => J())), (n, r) => (m(), a("div", { class: d(V.value) }, [
+			!E.value && D.value ? (m(), a("div", A, [g(n.$slots, "prepend", {}, void 0, !0)])) : i("", !0),
+			E.value ? (m(), a(e, { key: 1 }, [o("textarea", {
+				ref: "input-ref",
+				class: "db-textarea__inner",
+				style: f({ resize: t.resize }),
+				value: I.value,
+				placeholder: t.placeholder,
+				disabled: t.disabled,
+				readonly: t.readonly,
+				rows: t.rows,
+				name: t.name,
+				autocomplete: t.autocomplete,
+				autofocus: t.autofocus,
+				form: t.form,
+				maxlength: t.maxlength,
+				minlength: t.minlength,
+				tabindex: t.tabindex,
+				onInput: H,
+				onChange: U,
+				onFocus: W,
+				onBlur: G,
+				onKeydown: r[0] ||= (e) => l("keydown", e),
+				onKeyup: r[1] ||= (e) => l("keyup", e),
+				onKeypress: r[2] ||= (e) => l("keypress", e)
+			}, null, 44, j), z.value ? (m(), a("div", M, [o("span", N, v(R.value) + "/" + v(t.maxlength), 1)])) : i("", !0)], 64)) : i("", !0),
+			E.value ? i("", !0) : (m(), a("div", {
+				key: 2,
+				class: d(["db-input__wrapper", {
+					"is-focus": C.value,
+					"is-disabled": t.disabled
+				}])
+			}, [
+				t.prefixIcon ? (m(), a("i", {
+					key: 0,
+					class: d(["iconfont", `icon-${t.prefixIcon}`])
+				}, null, 2)) : i("", !0),
+				o("input", {
+					ref: "input-ref",
+					class: "db-input__inner",
+					type: k.value,
+					value: I.value,
+					placeholder: t.placeholder,
+					disabled: t.disabled,
+					readonly: t.readonly,
+					name: t.name,
+					autocomplete: t.autocomplete,
+					autofocus: t.autofocus,
+					form: t.form,
+					maxlength: t.maxlength,
+					minlength: t.minlength,
+					tabindex: t.tabindex,
+					onInput: H,
+					onChange: U,
+					onFocus: W,
+					onBlur: G,
+					onKeydown: r[3] ||= (e) => l("keydown", e),
+					onKeyup: r[4] ||= (e) => l("keyup", e),
+					onKeypress: r[5] ||= (e) => l("keypress", e)
+				}, null, 40, P),
+				L.value ? (m(), a("i", {
+					key: 1,
+					class: d(["iconfont", "icon-clear"]),
+					onClick: w(K, ["stop"])
+				})) : i("", !0),
+				t.type === "password" && t.showPassword ? (m(), a("image", {
+					key: 2,
+					class: d(["iconfont", "icon-showPassword"]),
+					onClick: w(q, ["stop"])
+				})) : i("", !0),
+				t.suffixIcon ? (m(), a("i", {
+					key: 3,
+					class: d(["iconfont", `icon-${t.suffixIcon}`])
+				}, null, 2)) : i("", !0)
+			], 2)),
+			!E.value && O.value ? (m(), a("div", F, [g(n.$slots, "append", {}, void 0, !0)])) : i("", !0)
+		], 2));
+	}
+}), [["__scopeId", "data-v-e3bb386b"]]), L = /*#__PURE__*/ D(/* @__PURE__ */ l({
+	name: "DbText",
+	__name: "Text",
+	props: {
+		type: { default: "default" },
+		size: { default: "default" },
+		tag: { default: "span" },
+		truncated: {
+			type: Boolean,
+			default: !1
+		},
+		lineClamp: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		italic: {
+			type: Boolean,
+			default: !1
+		},
+		underline: {
+			type: Boolean,
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		marked: {
+			type: Boolean,
+			default: !1
+		},
+		code: {
+			type: Boolean,
+			default: !1
+		},
+		color: { default: "" }
+	},
+	setup(e) {
+		let t = e, i = n(() => [
+			"db-text",
+			`db-text-type__${t.type}`,
+			`db-text-size__${t.size}`,
+			{
+				"is-truncated": t.truncated && !t.lineClamp,
+				"is-disabled": t.disabled,
+				"is-strong": t.strong,
+				"is-italic": t.italic,
+				"is-underline": t.underline,
+				"is-delete": t.delete,
+				"is-marked": t.marked,
+				"is-code": t.code
+			}
+		]), a = n(() => {
+			let e = {};
+			return t.color && (e.color = t.color), t.lineClamp && (e.overflow = "hidden", e.display = "-webkit-box", e.WebkitBoxOrient = "vertical", e.WebkitLineClamp = t.lineClamp, e.wordBreak = "break-all"), e;
+		});
+		return (t, n) => (m(), r(_(e.tag), {
+			class: d(i.value),
+			style: f(a.value)
+		}, {
+			default: C(() => [g(t.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-b274d22b"]]), R = {
+	key: 0,
+	class: "db-alert__icon"
+}, z = { class: "db-alert__content" }, B = { class: "db-alert__title" }, V = {
+	key: 0,
+	class: "db-alert__description"
+}, H = /*#__PURE__*/ D(/* @__PURE__ */ l({
+	name: "DbAlert",
+	__name: "Alert",
+	props: {
+		type: { default: "info" },
+		title: { default: "" },
+		description: { default: "" },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		closeText: { default: "" },
+		showIcon: {
+			type: Boolean,
+			default: !1
+		},
+		center: {
+			type: Boolean,
+			default: !1
+		},
+		effect: { default: "light" }
+	},
+	emits: ["close"],
+	setup(e, { emit: l }) {
+		let u = e, f = l, p = b(), _ = h(!0), x = n(() => u.description || p.description), S = n(() => [
+			"db-alert",
+			`db-alert--${u.type}`,
+			`db-alert--${u.effect}`,
+			{
+				"is-center": u.center,
+				"is-with-description": x.value,
+				"is-closable": u.closable
+			}
+		]);
+		function w(e) {
+			_.value = !1, f("close", e);
+		}
+		return (n, l) => (m(), r(t, { name: "alert-fade" }, {
+			default: C(() => [_.value ? (m(), a("div", {
+				key: 0,
+				class: d(S.value),
+				role: "alert"
+			}, [
+				e.showIcon || y(p).icon ? (m(), a("span", R, [g(n.$slots, "icon", {}, () => [o("i", { class: d(["iconfont", `icon-${e.type}`]) }, null, 2)], !0)])) : i("", !0),
+				o("div", z, [o("span", B, [g(n.$slots, "default", {}, () => [s(v(e.title), 1)], !0)]), x.value ? (m(), a("p", V, [g(n.$slots, "description", {}, () => [s(v(e.description), 1)], !0)])) : i("", !0)]),
+				e.closable ? (m(), a("span", {
+					key: 1,
+					class: "db-alert__closebtn",
+					onClick: w
+				}, [g(n.$slots, "close", {}, () => [c(y(O), {
+					link: "",
+					icon: "close",
+					onClick: w
+				}, {
+					default: C(() => [s(v(e.closeText), 1)]),
+					_: 1
+				})], !0)])) : i("", !0)
+			], 2)) : i("", !0)]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-54b0171d"]]), U = [
+	O,
+	k,
+	I,
+	L,
+	H
+];
+function W(e) {
+	U.forEach((t) => e.component(t.name, t));
+}
+var G = { install: W };
+//#endregion
+export { H as DbAlert, O as DbButton, k as DbButtonGroup, I as DbInput, L as DbText, G as default, W as install };

package/dist/dreambuilders-ui.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DreambuildersUi={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n={key:0,class:`iconfont loading icon-loading`},r=(0,t.defineComponent)({name:`DbButton`,__name:`Button`,props:{type:{default:`default`},size:{default:`default`},nativeType:{default:`button`},tag:{default:`button`},loadingIcon:{default:``},icon:{default:``},color:{default:``},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},dashed:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},link:{type:Boolean,default:!1},text:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1}},emits:[`click`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.computed)(()=>i.disabled||i.loading),s=(0,t.computed)(()=>[`db-button`,`db-button-type__${i.type}`,`db-button-size__${i.size}`,{"is-disabled":o.value,"is-plain":i.plain,"is-round":i.round,"is-dashed":i.dashed,"is-circle":i.circle,"is-link":i.link,"is-text":i.text,"is-loading":i.loading}]),c=(0,t.computed)(()=>{if(!i.color)return{};let e=i.color,t={"--db-button-background-color":e,"--db-button-border-color":e,"--db-button-color":`#ffffff`,"--db-button-background-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-hover":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-hover":`#ffffff`,"--db-button-background-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-border-color-active":`color-mix(in srgb, ${e}, white 30%)`,"--db-button-color-active":`#ffffff`};return i.plain&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color`]=e,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),i.text&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-background-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-border-color-active`]=`color-mix(in srgb, ${e}, white 92%)`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=e,t[`--db-button-color-active`]=e),i.link&&(t[`--db-button-background-color`]=`transparent`,t[`--db-button-background-color-hover`]=`transparent`,t[`--db-button-background-color-active`]=`transparent`,t[`--db-button-border-color`]=`transparent`,t[`--db-button-border-color-hover`]=`transparent`,t[`--db-button-border-color-active`]=`transparent`,t[`--db-button-color`]=e,t[`--db-button-color-hover`]=`color-mix(in srgb, ${e}, white 30%)`,t[`--db-button-color-active`]=`color-mix(in srgb, ${e}, white 30%)`),t});function l(e){o.value||a(`click`,e)}return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(s.value),type:e.nativeType,disabled:o.value,autofocus:e.autofocus,style:(0,t.normalizeStyle)(c.value),onClick:l},{default:(0,t.withCtx)(()=>[e.loading&&!e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,n)):(0,t.createCommentVNode)(``,!0),e.loading&&e.loadingIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`loading`,`icon-${e.loadingIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),e.icon&&!e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.icon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(r.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`type`,`disabled`,`autofocus`,`style`]))}}),i=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},a=i(r,[[`__scopeId`,`data-v-bc3a041a`]]),o=i((0,t.defineComponent)({name:`DbButtonGroup`,__name:`ButtonGroup`,props:{direction:{default:`horizontal`}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-button-group`,`db-button-group-direction__${n.direction}`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(r.value)},[(0,t.renderSlot)(e.$slots,`default`,{},void 0,!0)],2))}}),[[`__scopeId`,`data-v-d8f67fe3`]]),s={key:0,class:`db-input-group__prepend`},c=[`value`,`placeholder`,`disabled`,`readonly`,`rows`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],l={key:0,class:`db-input-limit`},u={class:`db-input-limit__inner`},d=[`type`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`autocomplete`,`autofocus`,`form`,`maxlength`,`minlength`,`tabindex`],f={key:3,class:`db-input-group__append`},p=i((0,t.defineComponent)({name:`DbInput`,__name:`Input`,props:{modelValue:{default:``},type:{default:`text`},size:{default:`default`},placeholder:{default:``},clearable:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},suffixIcon:{},prefixIcon:{},rows:{default:2},autosize:{type:[Boolean,Object],default:!1},autocomplete:{default:`off`},autofocus:{type:Boolean,default:!1},form:{default:``},name:{default:``},minlength:{},maxlength:{},showWordLimit:{type:Boolean,default:!1},resize:{default:`vertical`},tabindex:{default:void 0}},emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`,`keydown`,`keyup`,`keypress`],setup(e,{expose:n,emit:r}){let i=e,a=r;n({focus:()=>p.value?.focus(),blur:()=>p.value?.blur(),select:()=>p.value?.select()});let o=(0,t.useSlots)(),p=(0,t.useTemplateRef)(`input-ref`),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.computed)(()=>i.type===`textarea`),_=(0,t.computed)(()=>!!o.prepend),v=(0,t.computed)(()=>!!o.prepend),y=(0,t.computed)(()=>i.showPassword&&i.type===`password`?h.value?`text`:`password`:i.type),b=(0,t.computed)(()=>String(i.modelValue??``)),x=(0,t.computed)(()=>i.clearable&&b.value&&!i.disabled&&!i.readonly),S=(0,t.computed)(()=>b.value.length),C=(0,t.computed)(()=>i.showWordLimit&&i.maxlength!==void 0),w=(0,t.computed)(()=>`db-input-size__${i.size}`),T=(0,t.computed)(()=>g.value?[`db-textarea`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]:_.value||v.value?[`db-input-group`,w.value]:[`db-input`,w.value,{"is-disabled":i.disabled,"is-focus":m.value}]);function E(e){let n=e.target.value;a(`update:modelValue`,n),a(`input`,n),(0,t.nextTick)(()=>M())}function D(e){let t=e.target.value;a(`change`,t)}function O(e){m.value=!0,a(`focus`,e)}function k(e){m.value=!1,a(`blur`,e)}function A(){a(`update:modelValue`,``),a(`input`,``),a(`change`,``),a(`clear`),(0,t.nextTick)(()=>{p.value?.focus(),M()})}function j(){h.value=!h.value}function M(){if(!g.value||!i.autosize||!p.value)return;let e=p.value,{autosize:t}=i;e.style.height=`auto`;let n=e.scrollHeight;if(typeof t==`object`){let{minRows:e,maxRows:r}=t;if(e){let t=e*20+22;n=Math.max(n,t)}if(r){let e=r*20+22;n=Math.min(n,e)}}e.style.height=`${n}px`}return(0,t.onMounted)(()=>{M()}),(0,t.watch)(()=>i.modelValue,()=>(0,t.nextTick)(()=>M())),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(T.value)},[!g.value&&_.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[(0,t.renderSlot)(n.$slots,`prepend`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0),g.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)(`textarea`,{ref:`input-ref`,class:`db-textarea__inner`,style:(0,t.normalizeStyle)({resize:e.resize}),value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,rows:e.rows,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[0]||=e=>a(`keydown`,e),onKeyup:r[1]||=e=>a(`keyup`,e),onKeypress:r[2]||=e=>a(`keypress`,e)},null,44,c),C.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[(0,t.createElementVNode)(`span`,u,(0,t.toDisplayString)(S.value)+`/`+(0,t.toDisplayString)(e.maxlength),1)])):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0),g.value?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:(0,t.normalizeClass)([`db-input__wrapper`,{"is-focus":m.value,"is-disabled":e.disabled}])},[e.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.prefixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{ref:`input-ref`,class:`db-input__inner`,type:y.value,value:b.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,autocomplete:e.autocomplete,autofocus:e.autofocus,form:e.form,maxlength:e.maxlength,minlength:e.minlength,tabindex:e.tabindex,onInput:E,onChange:D,onFocus:O,onBlur:k,onKeydown:r[3]||=e=>a(`keydown`,e),onKeyup:r[4]||=e=>a(`keyup`,e),onKeypress:r[5]||=e=>a(`keypress`,e)},null,40,d),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:1,class:(0,t.normalizeClass)([`iconfont`,`icon-clear`]),onClick:(0,t.withModifiers)(A,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.type===`password`&&e.showPassword?((0,t.openBlock)(),(0,t.createElementBlock)(`image`,{key:2,class:(0,t.normalizeClass)([`iconfont`,`icon-showPassword`]),onClick:(0,t.withModifiers)(j,[`stop`])})):(0,t.createCommentVNode)(``,!0),e.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:3,class:(0,t.normalizeClass)([`iconfont`,`icon-${e.suffixIcon}`])},null,2)):(0,t.createCommentVNode)(``,!0)],2)),!g.value&&v.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,f,[(0,t.renderSlot)(n.$slots,`append`,{},void 0,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),[[`__scopeId`,`data-v-e3bb386b`]]),m=i((0,t.defineComponent)({name:`DbText`,__name:`Text`,props:{type:{default:`default`},size:{default:`default`},tag:{default:`span`},truncated:{type:Boolean,default:!1},lineClamp:{default:void 0},disabled:{type:Boolean,default:!1},strong:{type:Boolean,default:!1},italic:{type:Boolean,default:!1},underline:{type:Boolean,default:!1},delete:{type:Boolean,default:!1},marked:{type:Boolean,default:!1},code:{type:Boolean,default:!1},color:{default:``}},setup(e){let n=e,r=(0,t.computed)(()=>[`db-text`,`db-text-type__${n.type}`,`db-text-size__${n.size}`,{"is-truncated":n.truncated&&!n.lineClamp,"is-disabled":n.disabled,"is-strong":n.strong,"is-italic":n.italic,"is-underline":n.underline,"is-delete":n.delete,"is-marked":n.marked,"is-code":n.code}]),i=(0,t.computed)(()=>{let e={};return n.color&&(e.color=n.color),n.lineClamp&&(e.overflow=`hidden`,e.display=`-webkit-box`,e.WebkitBoxOrient=`vertical`,e.WebkitLineClamp=n.lineClamp,e.wordBreak=`break-all`),e});return(n,a)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.tag),{class:(0,t.normalizeClass)(r.value),style:(0,t.normalizeStyle)(i.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0)]),_:3},8,[`class`,`style`]))}}),[[`__scopeId`,`data-v-b274d22b`]]),h={key:0,class:`db-alert__icon`},g={class:`db-alert__content`},_={class:`db-alert__title`},v={key:0,class:`db-alert__description`},y=i((0,t.defineComponent)({name:`DbAlert`,__name:`Alert`,props:{type:{default:`info`},title:{default:``},description:{default:``},closable:{type:Boolean,default:!0},closeText:{default:``},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1},effect:{default:`light`}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,o=(0,t.useSlots)(),s=(0,t.ref)(!0),c=(0,t.computed)(()=>r.description||o.description),l=(0,t.computed)(()=>[`db-alert`,`db-alert--${r.type}`,`db-alert--${r.effect}`,{"is-center":r.center,"is-with-description":c.value,"is-closable":r.closable}]);function u(e){s.value=!1,i(`close`,e)}return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`alert-fade`},{default:(0,t.withCtx)(()=>[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(l.value),role:`alert`},[e.showIcon||(0,t.unref)(o).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,h,[(0,t.renderSlot)(n.$slots,`icon`,{},()=>[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)([`iconfont`,`icon-${e.type}`])},null,2)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,g,[(0,t.createElementVNode)(`span`,_,[(0,t.renderSlot)(n.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)],!0)]),c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,v,[(0,t.renderSlot)(n.$slots,`description`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.description),1)],!0)])):(0,t.createCommentVNode)(``,!0)]),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`db-alert__closebtn`,onClick:u},[(0,t.renderSlot)(n.$slots,`close`,{},()=>[(0,t.createVNode)((0,t.unref)(a),{link:``,icon:`close`,onClick:u},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.closeText),1)]),_:1})],!0)])):(0,t.createCommentVNode)(``,!0)],2)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),[[`__scopeId`,`data-v-54b0171d`]]),b=[a,o,p,m,y];function x(e){b.forEach(t=>e.component(t.name,t))}var S={install:x};e.DbAlert=y,e.DbButton=a,e.DbButtonGroup=o,e.DbInput=p,e.DbText=m,e.default=S,e.install=x});

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "dreambuilders-ui",
+  "version": "0.1.0",
+  "private": false,
+  "main": "./dist/dreambuilders-ui.umd.js",
+  "module": "./dist/dreambuilders-ui.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/dreambuilders-ui.es.js",
+      "require": "./dist/dreambuilders-ui.umd.js"
+    },
+    "./dist/dreambuilders-ui.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "publish": "npm publish --access public",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build"
+  },
+  "dependencies": {
+    "vue": "^3.5.38"
+  },
+  "devDependencies": {
+    "@tsconfig/node24": "^24.0.4",
+    "@types/node": "^24.13.2",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vue/tsconfig": "^0.9.1",
+    "npm-run-all2": "^9.0.2",
+    "typescript": "~6.0.0",
+    "vite": "^8.0.16",
+    "vite-plugin-vue-devtools": "^8.1.2",
+    "vue-tsc": "^3.3.5"
+  },
+  "engines": {
+    "node": "^22.18.0 || >=24.12.0"
+  }
+}