bonkers-ui 1.0.62 → 1.0.63

package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".backdrop-color[data-v-e497a16b]{background-color:#0000007f}")),document.head.appendChild(e)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
 import { openBlock as o, createElementBlock as t, renderSlot as r, pushScopeId as c, popScopeId as d, createElementVNode as a } from "vue";
+
 import n from "../../../_virtual/_plugin-vue_export-helper.js";
 const s = {}, l = (e) => (c("data-v-e497a16b"), e = e(), d(), e), p = /* @__PURE__ */ l(() => /* @__PURE__ */ a("div", { class: "backdrop-color fixed inset-0 z-0 backdrop-blur-sm transition-all" }, null, -1));
 function i(e, _) {

package/components/ui-modal/ui-modal.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".max-height[data-v-f3e5c3af]{max-height:calc(100vh - var(--md))}.max-width[data-v-f3e5c3af]{max-width:calc(100vw - var(--md))}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import o from "./ui-modal.vue2.js";
+
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f3e5c3af"]]);
 export {

package/components/ui-notification-badge/index.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".notification-badge{padding:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import t from "./ui-notification-badge.vue.js";
+
 import { EBadgeOrigin as f } from "./_types.js";
 const i = t;
 export {

package/components/ui-notification-badge/ui-notification-badge.vue3.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".notification-badge{padding:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import o from "./ui-notification-badge.vue.js";
+
 export {
   o as default
 };

package/components/ui-radio/ui-radio.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".ui-radio__dot[data-v-3212099e]{transform:translate3d(-50%,-50%,0) scale(0);transition:transform .2s ease-in-out}input:checked+.ui-radio_custom .ui-radio__dot[data-v-3212099e]{transform:translate3d(-50%,-50%,0) scale(1)}input:checked+.ui-radio_custom:hover .ui-radio__dot[data-v-3212099e]{background-color:var(--color-primary-600)}input:checked:disabled+.ui-radio_custom[data-v-3212099e]{border:2px solid var(--color-primary-300)}input:checked:disabled+.ui-radio_custom .ui-radio__dot[data-v-3212099e]{background-color:var(--color-primary-300)}")),document.head.appendChild(a)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import o from "./ui-radio.vue2.js";
+
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3212099e"]]);
 export {

package/components/ui-ripple/index.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;will-change:transform,opacity;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import e from "./ui-ripple.vue.js";
+
 const p = e;
 export {
   e as UiRipple,

package/components/ui-ripple/ui-ripple.vue3.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;will-change:transform,opacity;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import o from "./ui-ripple.vue.js";
+
 export {
   o as default
 };

package/components/ui-table/ui-table-row/ui-table-row.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".ui-table-row[data-v-97952db0] td:first-child{border-top-left-radius:var(--xs);border-bottom-left-radius:var(--xs);text-align:left}.ui-table-row[data-v-97952db0] td:last-child{border-top-right-radius:var(--xs);border-bottom-right-radius:var(--xs);text-align:right}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import o from "./ui-table-row.vue3.js";
+
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-97952db0"]]);
 export {

package/components/ui-table/ui-table.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-table__secondary[data-v-fa615ea7] tr:nth-child(odd){background-color:var(--color-secondary-alt-200)}.ui-table__secondary-inverted[data-v-fa615ea7] tr:nth-child(2n){background-color:var(--color-secondary-alt-200)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import o from "./ui-table.vue2.js";
+
 import a from "../../_virtual/_plugin-vue_export-helper.js";
 const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-fa615ea7"]]);
 export {

package/components/ui-tabs/ui-tabs.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-tabs[data-v-bab25249]{padding:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import o from "./ui-tabs.vue2.js";
+
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bab25249"]]);
 export {

package/components/ui-toggle/ui-toggle.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-toggle__dot[data-v-80cfec4a]{top:50%;width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .2s ease-in-out}.ui-toggle__check-icon[data-v-80cfec4a]{top:50%;left:50%;transform:translate3d(-50%,-50%,0);stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .2s ease-in-out}.ui-toggle:hover .ui-toggle__dot[data-v-80cfec4a],.ui-toggle:active .ui-toggle__dot[data-v-80cfec4a],.ui-toggle:focus .ui-toggle__dot[data-v-80cfec4a]{box-shadow:var(--shadow-border-secondary)}.ui-toggle input:checked~.ui-toggle__dot[data-v-80cfec4a]{transform:translate3d(calc(var(--lg) - 100% - 1px),-50%,0)}.ui-toggle:hover input:checked~.ui-toggle__dot[data-v-80cfec4a],.ui-toggle:active input:checked~.ui-toggle__dot[data-v-80cfec4a],.ui-toggle:focus input:checked~.ui-toggle__dot[data-v-80cfec4a]{box-shadow:var(--shadow-border-primary)}.ui-toggle__bg-block[data-v-80cfec4a]{transition:background-color .2s ease-in-out}.ui-toggle_disabled .ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-secondary-alt-300)}.ui-toggle input:checked~.ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-primary)}.ui-toggle input:checked~.ui-toggle__dot .ui-toggle__check-icon[data-v-80cfec4a]{stroke-dashoffset:0}.ui-toggle_disabled input:checked~.ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-primary-300)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import o from "./ui-toggle.vue2.js";
+
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-80cfec4a"]]);
 export {

package/components/ui-verification-input/ui-verification-input.vue.js

@@ -1,5 +1,6 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".inputs[data-v-c13dfde7]{grid-template-columns:repeat(auto-fill,38px);grid-gap:24px}.inputs .input-wrapper[data-v-c13dfde7]{position:relative;height:58px}.inputs input[data-v-c13dfde7]{width:100%;border:none;text-align:center;font-size:36px;font-weight:700;outline:none}.inputs .input-wrapper .bottom-wrapper[data-v-c13dfde7]{position:absolute;bottom:0;width:100%;height:5px;background-color:var(--color-secondary-300);border-radius:3px;transition:background-color .3s ease-in-out}.inputs input:focus~.bottom-wrapper[data-v-c13dfde7]{background-color:var(--color-primary)}.inputs input[data-v-c13dfde7]::-moz-placeholder{font-size:55px;color:var(--color-secondary-300);opacity:1;transform:scale(1);-moz-transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.inputs input[data-v-c13dfde7]::placeholder{font-size:55px;color:var(--color-secondary-300);opacity:1;transform:scale(1);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.inputs input[data-v-c13dfde7]:focus::-moz-placeholder{opacity:0;transform:scale(0)}.inputs input[data-v-c13dfde7]:focus::placeholder{opacity:0;transform:scale(0)}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 import o from "./ui-verification-input.vue2.js";
+
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c13dfde7"]]);
 export {

package/index.js

@@ -40,6 +40,7 @@ import * as D from "./components/ui-verification-input/index.js";
 import { default as v } from "./components/ui-alert/ui-alert.vue.js";
 import { default as H } from "./components/ui-badge/ui-badge.vue.js";
 import { default as Q } from "./components/ui-ber-rank/ui-ber-rank.vue.js";
+
 import { default as Y } from "./components/ui-button/ui-button.vue.js";
 import { default as _ } from "./components/ui-card-cta/ui-card-cta.vue.js";
 import { default as ro } from "./components/ui-card-simple/ui-card-simple.vue.js";
@@ -48,14 +49,16 @@ import { default as ao } from "./components/ui-icon/ui-icon.vue.js";
 import { default as po } from "./components/ui-input/ui-input.vue.js";
 import { default as so } from "./components/ui-list-item/ui-list-item.vue.js";
 import { default as no } from "./components/ui-notification-badge/ui-notification-badge.vue.js";
-/* empty css                                                             */import { default as Uo } from "./components/ui-order-card/ui-order-card.vue.js";
+/* empty css                                                            */
+import { default as Uo } from "./components/ui-order-card/ui-order-card.vue.js";
 import { default as $o } from "./components/ui-plain-radio/ui-plain-radio.vue.js";
 import { default as Eo } from "./components/ui-progress/ui-progress.vue.js";
 import { default as To } from "./components/ui-radio-compact/ui-radio-compact.vue.js";
 import { default as Co } from "./components/ui-radio-fancy/ui-radio-fancy.vue.js";
 import { default as So } from "./components/ui-result-card-range/ui-result-card-range.vue.js";
 import { default as Bo } from "./components/ui-ripple/ui-ripple.vue.js";
-/* empty css                                     */import { default as ko } from "./components/ui-select/ui-select.vue.js";
+/* empty css                                    */
+import { default as ko } from "./components/ui-select/ui-select.vue.js";
 import { default as zo } from "./components/ui-skeleton/ui-skeleton.vue.js";
 import { default as Ao } from "./components/ui-snackbar/ui-snackbar.vue.js";
 import { default as Lo } from "./components/ui-table/ui-table-cell/ui-table-cell.vue.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v1.0.62",
+    "version": "v1.0.63",
     "private": false,
     "scripts": {
         "storybook": "storybook dev -p 6006",
@@ -17,12 +17,12 @@
         "i": "bun install --frozen-lockfile"
     },
     "dependencies": {
-        "bun-types": "^1.0.11",
+        "bun-types": "^1.0.14",
         "eslint-plugin-tailwindcss": "^3.13.0",
         "shelljs": "^0.8.5",
         "storybook-addon-designs": "^6.3.1",
         "tailwindcss": "^3.3.5",
-        "vue": "^3.0.0",
+        "vue": "^3.3.8",
         "vue-router": "^4.2.5"
     },
     "peerDependencies": {
@@ -41,22 +41,22 @@
         "@storybook/vue3": "^7.5.3",
         "@storybook/vue3-vite": "^7.5.3",
         "@types/glob": "^8.1.0",
-        "@typescript-eslint/eslint-plugin": "^6.10.0",
-        "@typescript-eslint/parser": "^6.10.0",
-        "@vitejs/plugin-vue": "^4.4.1",
+        "@typescript-eslint/eslint-plugin": "^6.12.0",
+        "@typescript-eslint/parser": "^6.12.0",
+        "@vitejs/plugin-vue": "^4.5.0",
         "@vue/eslint-config-typescript": "^12.0.0",
-        "@vue/test-utils": "^2.4.1",
+        "@vue/test-utils": "^2.4.2",
         "autoprefixer": "^10.4.16",
-        "eslint": "8.53.0",
+        "eslint": "8.54.0",
         "eslint-plugin-storybook": "^0.6.15",
         "eslint-plugin-vue": "^9.18.1",
-        "gh-pages": "^6.0.0",
+        "gh-pages": "^6.1.0",
         "husky": "4.3.8",
         "jsdom": "^22.1.0",
-        "lint-staged": "^15.0.2",
+        "lint-staged": "^15.1.0",
         "postcss": "^8.4.31",
         "postcss-cli": "^10.1.0",
-        "postcss-html": "^1.4.1",
+        "postcss-html": "^1.5.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "storybook": "^7.5.3",
@@ -65,11 +65,11 @@
         "stylelint-config-recommended": "^13.0.0",
         "stylelint-config-recommended-vue": "^1.5.0",
         "stylelint-config-standard": "^34.0.0",
-        "typescript": "^5.2.2",
-        "vite": "^4.5.0",
+        "typescript": "^5.3.2",
+        "vite": "^5.0.2",
         "vite-plugin-css-injected-by-js": "^3.3.0",
         "vite-plugin-dts": "^3.6.3",
-        "vite-plugin-static-copy": "^0.17.0",
+        "vite-plugin-static-copy": "^1.0.0",
         "vite-tsconfig-paths": "^4.2.1",
         "vitest": "^0.34.6",
         "vue-eslint-parser": "^9.3.2",

package/types.js

@@ -15,26 +15,32 @@ import { EColors as w } from "./_types/colors.js";
 import { EAlertTypes as C } from "./components/ui-alert/_types.js";
 import { EBadgeKind as J, EBadgeSize as M } from "./components/ui-badge/_typings.js";
 import "./components/ui-ber-rank/ui-ber-rank.vue.js";
+
 import { EBerSize as j } from "./components/ui-ber-rank/_types.js";
 import "./components/ui-button/ui-button.vue.js";
 import { EButtonSizes as v, EButtonTypes as F } from "./components/ui-button/_typings.js";
 import { ERadioSizes as H } from "./components/ui-radio-fancy/_typings.js";
 import { ESkeletonKind as P } from "./components/ui-skeleton/_typings.js";
 import "./components/ui-icon-wrapper/ui-icon-wrapper.vue2.js";
-/* empty css                                                 */import { EIconWrapperSizes as U, EIconWrapperTypes as V } from "./components/ui-icon-wrapper/_typings.js";
+/* empty css                                                */
+import { EIconWrapperSizes as U, EIconWrapperTypes as V } from "./components/ui-icon-wrapper/_typings.js";
 import "./components/ui-input/ui-input.vue.js";
 import { EAutocomplete as Y, EInputKinds as Z, EInputType as _ } from "./components/ui-input/_typings.js";
 import "./components/ui-list-item/ui-list-item.vue.js";
 import { EListItemSize as oo, EListItemSpacing as ro, EListItemTypes as to } from "./components/ui-list-item/_types.js";
 import "./components/ui-modal/ui-modal.vue2.js";
-/* empty css                                   */import { EModalSizes as eo } from "./components/ui-modal/_typings.js";
+/* empty css                                  */
+import { EModalSizes as eo } from "./components/ui-modal/_typings.js";
 import "./components/ui-notification-badge/ui-notification-badge.vue.js";
-/* empty css                                                             */import { EBadgeOrigin as mo } from "./components/ui-notification-badge/_types.js";
+/* empty css                                                            */
+import { EBadgeOrigin as mo } from "./components/ui-notification-badge/_types.js";
 import "./components/ui-snackbar/ui-snackbar.vue.js";
 import { ESnackbarTypes as xo } from "./components/ui-snackbar/_types.js";
 import "./components/ui-table/ui-table.vue2.js";
-/* empty css                                   */import { ERowKind as no } from "./components/ui-table/ui-table-row/_typings.js";
-/* empty css                                                    */import { ETableKind as ao } from "./components/ui-table/_types.js";
+/* empty css                                  */
+import { ERowKind as no } from "./components/ui-table/ui-table-row/_typings.js";
+/* empty css                                                   */
+import { ETableKind as ao } from "./components/ui-table/_types.js";
 import { EJustify as So } from "./_types/align.js";
 export {
   C as EAlertTypes,