@nmorph/nmorph-ui-kit 2.2.13 → 2.2.16

package/dist/assets/icons/video-play.svg.js

@@ -4,15 +4,15 @@ const r = {
   viewBox: "0 0 1024 1024"
 };
 function a(l, e) {
-  return t(), o("svg", r, e[0] || (e[0] = [
+  return t(), o("svg", r, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m-48-247.616L668.608 512 464 375.616zm10.624-342.656 249.472 166.336a48 48 0 0 1 0 79.872L474.624 718.272A48 48 0 0 1 400 678.336V345.6a48 48 0 0 1 74.624-39.936z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: a };
 export {

package/dist/assets/icons/video.svg.js

@@ -4,22 +4,22 @@ const r = {
   viewBox: "0 0 32 32"
 };
 function c(l, e) {
-  return o(), n("svg", r, e[0] || (e[0] = [
+  return o(), n("svg", r, [...e[0] || (e[0] = [
     t(
       "path",
       { d: "m12 12 10 7-10 7z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     t(
       "path",
       { d: "M28.681 7.159c-.694-.947-1.662-2.053-2.724-3.116s-2.169-2.03-3.116-2.724C21.229.137 20.448 0 20 0H4.5A2.503 2.503 0 0 0 2 2.5v27C2 30.878 3.122 32 4.5 32h23c1.378 0 2.5-1.122 2.5-2.5V10c0-.448-.137-1.23-1.319-2.841m-4.138-1.702A27 27 0 0 1 26.811 8H22V3.189a27 27 0 0 1 2.543 2.268M28 29.5c0 .271-.229.5-.5.5h-23a.507.507 0 0 1-.5-.5v-27c0-.271.229-.5.5-.5H20v7a1 1 0 0 0 1 1h7z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: c };
 export {

package/dist/assets/icons/view.svg.js

@@ -4,15 +4,15 @@ const r = {
   viewBox: "0 0 1024 1024"
 };
 function c(s, e) {
-  return t(), o("svg", r, e[0] || (e[0] = [
+  return t(), o("svg", r, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const m = { render: c };
 export {

package/dist/assets/icons/wallet-filled.svg.js

@@ -4,15 +4,15 @@ const n = {
   viewBox: "0 0 1024 1024"
 };
 function r(a, e) {
-  return t(), o("svg", n, e[0] || (e[0] = [
+  return t(), o("svg", n, [...e[0] || (e[0] = [
     l(
       "path",
       { d: "M688 512a112 112 0 1 0 0 224h208v160H128V352h768v160zm32 160h-32a48 48 0 0 1 0-96h32a48 48 0 0 1 0 96m-80-544 128 160H384z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const m = { render: r };
 export {

package/dist/assets/icons/wallet.svg.js

@@ -4,29 +4,29 @@ const n = {
   viewBox: "0 0 1024 1024"
 };
 function o(r, t) {
-  return a(), l("svg", n, t[0] || (t[0] = [
+  return a(), l("svg", n, [...t[0] || (t[0] = [
     e(
       "path",
       { d: "M640 288h-64V128H128v704h384v32a32 32 0 0 0 32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32h512a32 32 0 0 1 32 32z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     e(
       "path",
       { d: "M128 320v512h768V320zm-32-64h832a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     e(
       "path",
       { d: "M704 640a64 64 0 1 1 0-128 64 64 0 0 1 0 128" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: o };
 export {

package/dist/assets/icons/warn-triangle-filled.svg.js

@@ -5,15 +5,15 @@ const o = {
   viewBox: "0 0 1024 1024"
 };
 function l(c, e) {
-  return r(), t("svg", o, e[0] || (e[0] = [
+  return r(), t("svg", o, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "M928.99 755.83 574.6 203.25c-12.89-20.16-36.76-32.58-62.6-32.58s-49.71 12.43-62.6 32.58L95.01 755.83c-12.91 20.12-12.9 44.91.01 65.03 12.92 20.12 36.78 32.51 62.59 32.49h708.78c25.82.01 49.68-12.37 62.59-32.49s12.92-44.91.01-65.03M554.67 768h-85.33v-85.33h85.33zm0-426.67v298.66h-85.33V341.32z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const m = { render: l };
 export {

package/dist/assets/icons/warning.svg.js

@@ -4,22 +4,22 @@ const r = {
   viewBox: "0 0 32 32"
 };
 function a(l, e) {
-  return n(), o("svg", r, e[0] || (e[0] = [
+  return n(), o("svg", r, [...e[0] || (e[0] = [
     t(
       "path",
       { d: "m16 2.899 13.409 26.726H2.59zM16 0c-.69 0-1.379.465-1.903 1.395L.438 28.617C-.608 30.477.282 32 2.416 32h27.166c2.134 0 3.025-1.522 1.978-3.383L17.901 1.395C17.378.465 16.688 0 15.998 0z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     t(
       "path",
       { d: "M18 26a2 2 0 1 1-3.999.001A2 2 0 0 1 18 26M16 22a2 2 0 0 1-2-2v-6a2 2 0 1 1 4 0v6a2 2 0 0 1-2 2" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: a };
 export {

package/dist/assets/icons/watch.svg.js

@@ -4,29 +4,29 @@ const a = {
   viewBox: "0 0 1024 1024"
 };
 function l(r, e) {
-  return n(), o("svg", a, e[0] || (e[0] = [
+  return n(), o("svg", a, [...e[0] || (e[0] = [
     t(
       "path",
       { d: "M512 768a256 256 0 1 0 0-512 256 256 0 0 0 0 512m0 64a320 320 0 1 1 0-640 320 320 0 0 1 0 640" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     t(
       "path",
       { d: "M480 352a32 32 0 0 1 32 32v160a32 32 0 0 1-64 0V384a32 32 0 0 1 32-32" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     ),
     t(
       "path",
       { d: "M480 512h128q32 0 32 32t-32 32H480q-32 0-32-32t32-32m128-256V128H416v128h-64V64h320v192zM416 768v128h192V768h64v192H352V768z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: l };
 export {

package/dist/assets/icons/wind-power.svg.js

@@ -4,15 +4,15 @@ const r = {
   viewBox: "0 0 1024 1024"
 };
 function l(m, e) {
-  return t(), o("svg", r, e[0] || (e[0] = [
+  return t(), o("svg", r, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "M160 64q32 0 32 32v832q0 32-32 32t-32-32V96q0-32 32-32m416 354.624 128-11.584V168.96l-128-11.52v261.12zm-64 5.824V151.552L320 134.08V160h-64V64l616.704 56.064A96 96 0 0 1 960 215.68v144.64a96 96 0 0 1-87.296 95.616L256 512V224h64v217.92zm256-23.232 98.88-8.96A32 32 0 0 0 896 360.32V215.68a32 32 0 0 0-29.12-31.872l-98.88-8.96z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const d = { render: l };
 export {

package/dist/assets/icons/zoom-in.svg.js

@@ -1,15 +1,15 @@
 import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
 const r = { viewBox: "0 0 32 32" };
 function c(l, e) {
-  return o(), t("svg", r, e[0] || (e[0] = [
+  return o(), t("svg", r, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16m2-14h-4v4H6v4h4v4h4v-4h4v-4h-4z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const h = { render: c };
 export {

package/dist/assets/icons/zoom-out.svg.js

@@ -1,15 +1,15 @@
 import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
 const r = { viewBox: "0 0 32 32" };
 function c(l, e) {
-  return o(), t("svg", r, e[0] || (e[0] = [
+  return o(), t("svg", r, [...e[0] || (e[0] = [
     n(
       "path",
       { d: "m31.008 27.231-7.58-6.447c-.784-.705-1.622-1.029-2.299-.998a11.95 11.95 0 0 0 2.87-7.787c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12c2.972 0 5.691-1.081 7.787-2.87-.031.677.293 1.515.998 2.299l6.447 7.58c1.104 1.226 2.907 1.33 4.007.23s.997-2.903-.23-4.007M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16M6 10h12v4H6z" },
       null,
       -1
-      /* HOISTED */
+      /* CACHED */
     )
-  ]));
+  ])]);
 }
 const s = { render: c };
 export {

package/dist/components/basic/nmorph-button/NmorphButton.css

@@ -1 +1 @@
-.nmorph-button{display:inline-block;width:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);box-sizing:border-box;line-height:0;border:none;border-radius:var(--default-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--indentation-02);background:var(--nmorph-main-color);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-button .nmorph-button__content span{--color: var(--nmorph-white-color)}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:"";width:100%;height:100%;position:absolute;top:0;left:0}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{background:transparent;box-shadow:none;color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content{background:transparent;box-shadow:none;color:var(--transparent-button-color, var(--nmorph-text-color))}.nmorph-button.nmorph-button--transparent .nmorph-button__content .nmorph-icon{--color: var(--transparent-button-color, var(--nmorph-text-color))}.nmorph-button.nmorph-button--square,.nmorph-button.nmorph-button--icon-only{width:var(--height);height:var(--height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{padding:0}.nmorph-button.nmorph-button.nmorph--thin-component{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}
+.nmorph-button{display:inline-block;width:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:var(--height);padding:var(--indentation-00) var(--indentation-04);line-height:0;background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);color:var(--nmorph-button-color, var(--nmorph-text-color));cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-button-color, var(--nmorph-text-color));--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{background:var(--nmorph-accent-color);color:var(--nmorph-white-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-button-hover-color);--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent .nmorph-button__content span{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--transparent .nmorph-button__content .nmorph-icon{--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--square,.nmorph-button.nmorph-button--icon-only{width:var(--height);height:var(--height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{padding:0}.nmorph-button.nmorph-button.nmorph--thin-component{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}

package/dist/components/basic/nmorph-button/NmorphButton.vue.js

@@ -1,6 +1,6 @@
 import './NmorphButton.css';
 import d from "./NmorphButton.vue2.js";
-import { openBlock as e, createElementBlock as r, normalizeStyle as s, normalizeClass as c, createElementVNode as m, createBlock as a, withCtx as i, createVNode as p, renderSlot as n, Fragment as f, createCommentVNode as l, toDisplayString as h } from "vue";
+import { openBlock as e, createElementBlock as r, normalizeStyle as s, normalizeClass as c, createElementVNode as m, createBlock as i, withCtx as l, createVNode as p, renderSlot as n, Fragment as f, createCommentVNode as a, toDisplayString as h } from "vue";
 /* empty css                  */
 import y from "../../../_virtual/_plugin-vue_export-helper.js";
 const _ = ["disabled", "loading", "type", "tabindex"], b = { key: 1 };
@@ -9,7 +9,7 @@ function k(t, N, g, o, S, B) {
     "div",
     {
       class: c(o.modifiers),
-      style: s(o.transparentColorStyles)
+      style: s(o.buttonColorStyles)
     },
     [
       m("button", {
@@ -20,17 +20,17 @@ function k(t, N, g, o, S, B) {
         type: o.props.type,
         tabindex: o.props.tabindex
       }, [
-        o.props.loading ? (e(), a(o.NmorphIcon, {
+        o.props.loading ? (e(), i(o.NmorphIcon, {
           key: 0,
           size: o.loadingButtonSize
         }, {
-          default: i(() => [
+          default: l(() => [
             p(o.NmorphIconLoading)
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["size"])) : o.hasIconOnlySlot ? (e(), a(o.NmorphIcon, { key: 1 }, {
-          default: i(() => [
+        }, 8, ["size"])) : o.hasIconOnlySlot ? (e(), i(o.NmorphIcon, { key: 1 }, {
+          default: l(() => [
             n(t.$slots, "icon-only")
           ]),
           _: 3
@@ -39,13 +39,13 @@ function k(t, N, g, o, S, B) {
           f,
           { key: 2 },
           [
-            o.hasIconSlot ? (e(), a(o.NmorphIcon, { key: 0 }, {
-              default: i(() => [
+            o.hasIconSlot ? (e(), i(o.NmorphIcon, { key: 0 }, {
+              default: l(() => [
                 n(t.$slots, "icon")
               ]),
               _: 3
               /* FORWARDED */
-            })) : l("v-if", !0),
+            })) : a("v-if", !0),
             n(t.$slots, "default"),
             o.props.text !== void 0 ? (e(), r(
               "span",
@@ -53,7 +53,7 @@ function k(t, N, g, o, S, B) {
               h(o.props.text),
               1
               /* TEXT */
-            )) : l("v-if", !0),
+            )) : a("v-if", !0),
             n(t.$slots, "append")
           ],
           64
@@ -65,7 +65,7 @@ function k(t, N, g, o, S, B) {
     /* CLASS, STYLE */
   );
 }
-const C = /* @__PURE__ */ y(d, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
+const u = /* @__PURE__ */ y(d, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
 export {
-  C as default
+  u as default
 };

package/dist/components/basic/nmorph-button/NmorphButton.vue2.js

@@ -1,10 +1,10 @@
 import './NmorphButton.css';
-import { defineComponent as c, useSlots as m, computed as t, ref as y } from "vue";
-import { NmorphComponentHeight as h } from "../../../types/index.js";
+import { defineComponent as c, useSlots as m, computed as o, ref as h } from "vue";
+import { NmorphComponentHeight as y } from "../../../types/index.js";
 import { useModifiers as g } from "../../../utils/create-modifiers.js";
 import b from "../../../assets/icons/loading.svg.js";
 import q from "../nmorph-icon/NmorphIcon.vue.js";
-const I = /* @__PURE__ */ c({
+const $ = /* @__PURE__ */ c({
   __name: "NmorphButton",
   props: {
     styleType: { type: null, required: !1, default: "default" },
@@ -23,28 +23,31 @@ const I = /* @__PURE__ */ c({
     height: { type: null, required: !1, default: "basic" },
     disabled: { type: Boolean, required: !1, default: !1 }
   },
-  setup(i, { expose: s }) {
-    const e = i, o = m(), u = t(() => !!o.icon), r = t(() => !!o["icon-only"]), p = t(
+  setup(i, { expose: u }) {
+    const e = i, t = m(), s = o(() => !!t.icon), r = o(() => !!t["icon-only"]), p = o(
       () => g({
-        nmorph: [h[e.height], `${e.fill && "fill"}`],
+        nmorph: [y[e.height], `${e.fill && "fill"}`],
         "nmorph-button": [
           e.styleType,
           e.shape,
           `${e.disabled && "disabled"}`,
           `${e.accentBgOnHover && "accent-bg-on-hover"}`,
           `${e.ripple && "ripple"}`,
-          `${r.value && "icon-only"}`
+          `${r.value && "icon-only"}`,
+          `${e.color && "custom-color"}`
         ]
       })
-    ), l = y(null), n = {
+    ), l = h(null), n = {
       thin: "small",
       basic: "medium",
       thick: "large"
-    }, d = t(() => n[e.height]), f = t(
-      () => e.styleType === "transparent" && e.color ? { "--transparent-button-color": e.color } : {}
-    );
-    s({ buttonDOMElement: l });
-    const a = { props: e, slots: o, hasIconSlot: u, hasIconOnlySlot: r, modifiers: p, buttonDOMElement: l, iconSizeMap: n, loadingButtonSize: d, transparentColorStyles: f, get NmorphIcon() {
+    }, d = o(() => n[e.height]), f = o(() => e.color ? {
+      "--nmorph-button-color": e.color,
+      "--transparent-button-color": e.color,
+      "--nmorph-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
+    } : {});
+    u({ buttonDOMElement: l });
+    const a = { props: e, slots: t, hasIconSlot: s, hasIconOnlySlot: r, modifiers: p, buttonDOMElement: l, iconSizeMap: n, loadingButtonSize: d, buttonColorStyles: f, get NmorphIcon() {
       return q;
     }, get NmorphIconLoading() {
       return b;
@@ -53,5 +56,5 @@ const I = /* @__PURE__ */ c({
   }
 });
 export {
-  I as default
+  $ as default
 };

package/dist/components/basic/nmorph-icon/NmorphIcon.css

@@ -1 +1 @@
-.nmorph-icon{width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height);display:flex;align-items:center;--color: var(--nmorph-icon-color, var(--nmorph-text-color))}.nmorph-icon .nmorph-icon__content{display:flex;align-items:center;justify-content:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height)}.nmorph-icon svg{width:100%;height:100%;fill:var(--color);stroke-width:0}.nmorph-icon path{stroke:var(--color)}.nmorph-icon.nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-icon.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon.nmorph-icon--large{--width: 32px;--height: 32px}
+.nmorph-icon{display:flex;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height)}.nmorph-icon .nmorph-icon__content{display:flex;justify-content:center;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height)}.nmorph-icon svg{width:100%;height:100%;fill:var(--color);stroke-width:0}.nmorph-icon path{stroke:var(--color)}.nmorph-icon.nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-icon.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-icon{--color: var(--nmorph-icon-color, var(--nmorph-text-color))}

package/dist/components/basic/nmorph-link/NmorphLink.css

@@ -1 +1 @@
-.nmorph-link{--link-color: var(--nmorph-accent-color);display:inline-block}.nmorph-link a{display:flex;align-items:center;color:var(--link-color);text-decoration:none}.nmorph-link .nmorph-link__icon{margin:0 var(--indentation-02);--color: var(--link-color)}.nmorph-link:hover{filter:brightness(85%)}.nmorph-link.nmorph-link--underline{position:relative}.nmorph-link.nmorph-link--underline:not(.nmorph-link--disabled):hover:before{position:absolute;right:0;bottom:0;left:0;height:0;border-bottom:1px solid var(--link-color);content:""}.nmorph-link.nmorph-link--disabled a{pointer-events:none}.nmorph-link.nmorph-link--success{--link-color: var(--nmorph-success-color)}.nmorph-link.nmorph-link--warning{--link-color: var(--nmorph-warn-color)}.nmorph-link.nmorph-link--error{--link-color: var(--nmorph-error-color)}.nmorph-link.nmorph-link--disabled{cursor:not-allowed;opacity:.6}
+.nmorph-link{--link-color: var(--nmorph-accent-color);display:inline-block}.nmorph-link a{display:flex;align-items:center;color:var(--link-color);text-decoration:none}.nmorph-link .nmorph-link__icon{margin:0 var(--indentation-02);--color: var(--link-color)}.nmorph-link:hover{filter:brightness(85%)}.nmorph-link.nmorph-link--underline{position:relative}.nmorph-link.nmorph-link--underline:not(.nmorph-link--disabled):hover:before{position:absolute;right:0;bottom:0;left:0;height:0;border-bottom:1px solid var(--link-color);content:""}.nmorph-link.nmorph-link--disabled{cursor:not-allowed;opacity:.6}.nmorph-link.nmorph-link--disabled a{pointer-events:none}.nmorph-link.nmorph-link--success{--link-color: var(--nmorph-success-color)}.nmorph-link.nmorph-link--warning{--link-color: var(--nmorph-warn-color)}.nmorph-link.nmorph-link--error{--link-color: var(--nmorph-error-color)}

package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js

@@ -9,7 +9,7 @@ import C from "../nmorph-image/NmorphImage.vue.js";
 const J = /* @__PURE__ */ $({
   __name: "NmorphAvatar",
   props: {
-    src: { type: [String, Array], required: !1 },
+    src: { type: [String, Array], required: !1, default: void 0 },
     size: { type: Number, required: !1, default: 48 },
     shape: { type: null, required: !1, default: "circle" },
     frameBorder: { type: Number, required: !1, default: 2 },

package/dist/components/data/nmorph-badge/NmorphBadge.css

@@ -1 +1 @@
-.nmorph-badge{position:relative;display:inline-block;height:fit-content;--dot-size: 4px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular)}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--border-radius-circular)}.nmorph-badge .nmorph-badge__container{background:var(--nmorph-badge-color)}
+.nmorph-badge{position:relative;display:inline-block;height:fit-content;--dot-size: 4px}.nmorph-badge .nmorph-badge__container{position:absolute;display:inline-flex;justify-content:center;align-items:center;background:var(--nmorph-badge-color);border-radius:var(--default-border-radius);opacity:1}.nmorph-badge.nmorph-badge--tag{position:static;display:inline-flex}.nmorph-badge .nmorph-badge__container--tag{position:static}.nmorph-badge .nmorph-badge__content{padding:2px 4px;color:var(--nmorph-light-shade-color);font-size:var(--font-size-base);line-height:var(--line-height-regular)}.nmorph-badge.nmorph-badge--tiny .nmorph-badge__content{font-size:var(--font-size-tiny)}.nmorph-badge.nmorph-badge--extra-small .nmorph-badge__content{font-size:var(--font-size-extra-small)}.nmorph-badge .nmorph-badge__container--hidden{opacity:0}.nmorph-badge .nmorph-badge__dot{width:var(--dot-size);height:var(--dot-size);border-radius:var(--border-radius-circular)}

package/dist/components/data/nmorph-calendar/NmorphCalendar.css

@@ -1 +1 @@
-.nmorph-calendar{--table-data-cell-height: 50px;background:var(--nmorph-main-color)}.nmorph-calendar .nmorph-table__table-data-row{height:var(--table-data-cell-height)}.nmorph-calendar .nmorph-table__cell{--table-cell-height: var(--table-data-cell-height);font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-calendar .nmorph-calendar-date{height:100%;display:flex;align-items:center;justify-content:center}.nmorph-calendar .nmorph-calendar-date--today{font-weight:600;font-size:var(--font-size-medium);line-height:var(--line-height-loose);color:var(--nmorph-text-color);font-weight:700}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--hidden{cursor:none}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden){cursor:pointer}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden,.nmorph-calendar-date--selected).nmorph-calendar-date--previous,.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden,.nmorph-calendar-date--selected).nmorph-calendar-date--next{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);color:var(--nmorph-accent-color)}.nmorph-calendar .nmorph-calendar-date--selected{color:var(--nmorph-white-color);box-shadow:none;background:var(--nmorph-accent-color)}
+.nmorph-calendar{--table-data-cell-height: 50px;background:var(--nmorph-main-color)}.nmorph-calendar .nmorph-table__table-data-row{height:var(--table-data-cell-height)}.nmorph-calendar .nmorph-table__cell{--table-cell-height: var(--table-data-cell-height);font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-calendar .nmorph-calendar-date{display:flex;justify-content:center;align-items:center;height:100%}.nmorph-calendar .nmorph-calendar-date--today{color:var(--nmorph-text-color);font-weight:700;font-size:var(--font-size-medium);line-height:var(--line-height-loose)}.nmorph-calendar .nmorph-table .nmorph-table__cell{padding:0 var(--indentation-01)}.nmorph-calendar .nmorph-calendar-date--hidden{cursor:none}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden){cursor:pointer}.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden,.nmorph-calendar-date--selected).nmorph-calendar-date--previous,.nmorph-calendar .nmorph-calendar-date:not(.nmorph-calendar-date--hidden,.nmorph-calendar-date--selected).nmorph-calendar-date--next{color:var(--nmorph-accent-color);background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-calendar .nmorph-calendar-date--selected{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}

package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js

@@ -14,7 +14,7 @@ const ne = /* @__PURE__ */ R({
     initialDate: { type: Date, required: !1, default: () => /* @__PURE__ */ new Date() },
     range: { type: null, required: !1, default: void 0 },
     type: { type: null, required: !1, default: "date" },
-    modelValue: { type: [Date, Array], required: !1, default: () => /* @__PURE__ */ new Date() }
+    modelValue: { type: [Date, Array, null], required: !1, default: () => /* @__PURE__ */ new Date() }
   },
   emits: ["update:model-value", "update-initial-date"],
   setup(N, { expose: _, emit: b }) {

package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.css

@@ -1 +1 @@
-.nmorph-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap}.nmorph-calendar-header .nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header .nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.nmorph-calendar-header .nmorph-calendar-header__text{font-weight:800;font-size:var(--font-size-extra-large);line-height:var(--line-height-loose);margin-right:8px;width:160px}
+.nmorph-calendar-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:8px}.nmorph-calendar-header .nmorph-calendar-header__actions{display:flex}.nmorph-calendar-header .nmorph-calendar-header__action:nth-child(2){margin:0 var(--indentation-03)}.nmorph-calendar-header .nmorph-calendar-header__text{width:160px;margin-right:8px;font-weight:800;font-size:var(--font-size-extra-large);line-height:var(--line-height-loose)}

package/dist/components/data/nmorph-calendar/utils.js

@@ -1,83 +1,96 @@
-import { useCalendarTexts as C } from "./hooks/use-calendar-texts.js";
-const P = (t) => {
+import { useCalendarTexts as F } from "./hooks/use-calendar-texts.js";
+const H = (t) => {
   const e = t - t % 10, a = [];
   for (let n = 0; n < 10; n++)
     a.push(e + n);
   return a;
-}, Q = (t) => {
-  if (!t) return;
-  const e = "en-CA", a = {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
+}, W = {
+  year: "numeric",
+  month: "2-digit",
+  day: "2-digit"
+}, T = (t) => String(t).padStart(2, "0"), C = (t, e) => {
+  const a = {
+    YYYY: String(t.getFullYear()),
+    YY: String(t.getFullYear()).slice(-2),
+    MM: T(t.getMonth() + 1),
+    M: String(t.getMonth() + 1),
+    DD: T(t.getDate()),
+    D: String(t.getDate())
   };
-  return Array.isArray(t) ? t.map((n) => n ? new Intl.DateTimeFormat(e, a).format(n) : null) : new Intl.DateTimeFormat(e, a).format(t);
-}, L = (t, e) => t.getMonth() > e.getMonth(), B = (t, e) => t.getMonth() < e.getMonth(), H = (t) => {
+  return e.replace(/YYYY|YY|MM|M|DD|D/g, (n) => a[n]);
+}, P = (t, e = {}) => {
+  if (!t) return;
+  const a = (n) => e.formatter ? e.formatter(n) : e.format ? C(n, e.format) : new Intl.DateTimeFormat(e.locale || "en-CA", e.options || W).format(
+    n
+  );
+  return Array.isArray(t) ? t.map((n) => n ? a(n) : null) : a(t);
+}, Z = (t) => P(t), b = (t, e) => t.getMonth() > e.getMonth(), j = (t, e) => t.getMonth() < e.getMonth(), q = (t) => {
   const e = /* @__PURE__ */ new Date();
   if (!t) return !0;
   const a = t && t[0], n = t && t[1];
   return e >= a && e <= n;
-}, Z = (t) => {
-  const { months: e } = C();
+}, z = (t) => {
+  const { months: e } = F();
   return e[t];
-}, R = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, x = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : R(t) ? 29 : 28, k = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), b = (t, e) => {
-  const a = (o) => e ? o < k(e[0]) || o > k(e[1]) : !1, n = t.value.getFullYear(), r = t.value.getMonth(), A = new Date(n, r, 1).getDay() + 1, y = x(n, r), W = 7 + A - 8;
-  let l = 7 - (new Date(n, r, y).getDay() + 1);
-  const i = /* @__PURE__ */ new Date(), M = i.getDate(), D = i.getMonth(), d = r - 1, g = x(n, d);
-  let c = g - W;
-  const m = [];
+}, R = (t) => t % 4 === 0 && t % 100 !== 0 || t % 400 === 0, x = (t, e) => [0, 2, 4, 6, 7, 9, 11].includes(e) ? 31 : [3, 5, 8, 10].includes(e) ? 30 : R(t) ? 29 : 28, k = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), E = (t, e) => {
+  const a = (o) => e ? o < k(e[0]) || o > k(e[1]) : !1, n = t.value.getFullYear(), s = t.value.getMonth(), S = new Date(n, s, 1).getDay() + 1, y = x(n, s), A = 7 + S - 8;
+  let d = 7 - (new Date(n, s, y).getDay() + 1);
+  const h = /* @__PURE__ */ new Date(), M = h.getDate(), i = h.getMonth(), l = s - 1, g = x(n, l);
+  let c = g - A;
+  const f = [];
   for (; c < g; ) {
     c++;
-    const o = D === d && M === c, s = new Date(n, d, c);
-    m.push({
+    const o = i === l && M === c, r = new Date(n, l, c);
+    f.push({
       value: c,
       monthType: "previous",
       isToday: o,
-      date: s,
-      hidden: a(s)
+      date: r,
+      hidden: a(r)
     });
   }
-  const f = r + 1, p = [];
+  const m = s + 1, Y = [];
   let u = 0;
-  for (; l; ) {
-    u++, l--;
-    const o = D === f && M === u, s = new Date(n, f, u);
-    p.push({
+  for (; d; ) {
+    u++, d--;
+    const o = i === m && M === u, r = new Date(n, m, u);
+    Y.push({
       value: u,
       monthType: "next",
       isToday: o,
-      date: s,
-      hidden: a(s)
+      date: r,
+      hidden: a(r)
     });
   }
-  let h = 0;
-  const I = [];
-  for (; h < y; ) {
-    const o = i.getDate();
-    h++;
-    const s = D === r && o === h, T = new Date(n, r, h);
-    I.push({
-      value: h,
+  let D = 0;
+  const p = [];
+  for (; D < y; ) {
+    const o = h.getDate();
+    D++;
+    const r = i === s && o === D, v = new Date(n, s, D);
+    p.push({
+      value: D,
       monthType: "current",
-      isToday: s,
-      date: T,
-      hidden: a(T)
+      isToday: r,
+      date: v,
+      hidden: a(v)
     });
   }
-  const w = [...m, ...I, ...p], v = [];
-  for (let o = 0; o < w.length; o += 7) {
-    const s = w.slice(o, o + 7);
-    v.push(s);
+  const I = [...f, ...p, ...Y], w = [];
+  for (let o = 0; o < I.length; o += 7) {
+    const r = I.slice(o, o + 7);
+    w.push(r);
   }
-  return v.filter((o) => !o.every((s) => s.hidden));
+  return w.filter((o) => !o.every((r) => r.hidden));
 };
 export {
-  Q as formatDateIntl,
-  P as getDecadeYears,
-  b as getMonthDaysByWeek,
-  Z as getMonthName,
-  B as hasAnyRangeDateInNextMonth,
-  L as hasAnyRangeDateInPrevMonth,
-  H as isTodayInMonthRange,
+  P as formatDate,
+  Z as formatDateIntl,
+  H as getDecadeYears,
+  E as getMonthDaysByWeek,
+  z as getMonthName,
+  j as hasAnyRangeDateInNextMonth,
+  b as hasAnyRangeDateInPrevMonth,
+  q as isTodayInMonthRange,
   k as resetTimeToZero
 };