@milaboratories/uikit 2.2.89 → 2.2.91

package/dist/components/PlBtnGhost/PlBtnGhost.vue.js

@@ -0,0 +1,45 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-btn-ghost{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-ghost.justifyCenter{justify-content:center}.pl-btn-ghost.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-ghost.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-ghost.medium{--main-padding: 0 16px}.pl-btn-ghost.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-ghost.large .mask{--mask-size: 24px}.pl-btn-ghost:disabled{--color-text: var(--color-dis-00)}.pl-btn-ghost:disabled *{color:var(--color-text)}.pl-btn-ghost:not([disabled]){cursor:pointer}.pl-btn-ghost:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-ghost:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-ghost:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-ghost .icon{display:block;width:16px;height:16px}.pl-btn-ghost.loading{box-shadow:none!important}.pl-btn-ghost.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-ghost.reverse{flex-direction:row-reverse}.pl-btn-ghost>span{display:inline-flex}.pl-btn-ghost{--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey);--btn-min-width: auto;gap:10px;background:transparent;border:none;width:fit-content;min-width:var(--btn-min-width)}[data-theme=dark] .pl-btn-ghost{--mask-icon-bg-color: #fff}[data-theme=dark] .pl-btn-ghost:hover{--color-text: #87E087}.pl-btn-ghost:disabled{--color-text: var(--btn-disabled-bg);box-shadow:none!important;cursor:auto}.pl-btn-ghost.loading{--color-text: var(--btn-disabled-bg)}")),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { defineComponent as y, computed as t, ref as c, useSlots as z, createElementBlock as a, openBlock as o, mergeProps as B, createCommentVNode as r, createBlock as i, renderSlot as d, unref as s } from "vue";
+
+import u from "../PlIcon24/PlIcon24.vue.js";
+import { useRipple as k } from "../../composition/useRipple.js";
+const b = { key: 0 }, v = {
+  name: "PlBtnGhost"
+}, R = /* @__PURE__ */ y({
+  ...v,
+  props: {
+    loading: { type: Boolean },
+    size: { default: void 0 },
+    round: { type: Boolean },
+    icon: { default: void 0 },
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    const n = p, f = t(() => n.size === "small"), m = t(() => n.size === "large"), l = c(), g = z();
+    return k(l), (e, C) => (o(), a("button", B({
+      ref_key: "btnRef",
+      ref: l,
+      tabindex: "0",
+      class: ["pl-btn-ghost", { loading: e.loading, small: f.value, large: m.value, round: e.round, reverse: e.reverse, justifyCenter: e.justifyCenter, [e.$attrs.class + ""]: !0 }]
+    }, { ...e.$attrs, disabled: !!e.$attrs.disabled || e.loading }), [
+      s(g).default && !e.round ? (o(), a("span", b, [
+        d(e.$slots, "default")
+      ])) : r("", !0),
+      e.loading ? (o(), i(s(u), {
+        key: 1,
+        name: "loading",
+        size: e.size
+      }, null, 8, ["size"])) : e.icon ? (o(), i(s(u), {
+        key: 2,
+        name: e.icon,
+        size: e.size
+      }, null, 8, ["name", "size"])) : r("", !0),
+      d(e.$slots, "append")
+    ], 16));
+  }
+});
+export {
+  R as default
+};
+//# sourceMappingURL=PlBtnGhost.vue.js.map

package/dist/components/PlBtnGhost/PlBtnGhost.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnGhost.vue.js","sources":["../../../src/components/PlBtnGhost/PlBtnGhost.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Ghost button\n */\nexport default {\n  name: 'PlBtnGhost',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-ghost.scss';\nimport type { MaskIconName24, Size } from '../../types';\nimport { PlMaskIcon24 } from '../PlMaskIcon24';\nimport { computed, ref, useSlots } from 'vue';\nimport { useRipple } from '../../composition/useRipple';\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n     */\n    loading?: boolean;\n    /**\n     * Size of the button, the default value is 'medium'\n     */\n    size?: Size;\n    /**\n     * If `true` the shape is round.\n     */\n    round?: boolean;\n    /**\n     * Icon to display\n     */\n    icon?: MaskIconName24;\n    /**\n     * If `true`, an icon is displayed before the text.\n     */\n    reverse?: boolean;\n    /**\n     * Justify text at the center (is `false` by default)\n     */\n    justifyCenter?: boolean;\n  }>(),\n  {\n    size: undefined,\n    icon: undefined,\n    justifyCenter: false,\n  },\n);\n\nconst small = computed(() => props.size === 'small');\nconst large = computed(() => props.size === 'large');\n\nconst btnRef = ref();\n\nconst slots = useSlots();\n\nuseRipple(btnRef);\n</script>\n\n<template>\n  <button\n    ref=\"btnRef\"\n    tabindex=\"0\"\n    class=\"pl-btn-ghost\"\n    :class=\"{ loading, small, large, round, reverse, justifyCenter, [$attrs.class + '']: true }\"\n    v-bind=\"{ ...$attrs, disabled: Boolean($attrs.disabled) || loading }\"\n  >\n    <span v-if=\"slots.default && !round\">\n      <slot />\n    </span>\n    <PlMaskIcon24 v-if=\"loading\" name=\"loading\" :size=\"size\" />\n    <PlMaskIcon24 v-else-if=\"icon\" :name=\"icon\" :size=\"size\" />\n    <slot name=\"append\" />\n  </button>\n</template>\n"],"names":["__default__","props","__props","small","computed","large","btnRef","ref","slots","useSlots","useRipple"],"mappings":";;;;sBAIeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAUA,UAAMC,IAAQC,GAkCRC,IAAQC,EAAS,MAAMH,EAAM,SAAS,OAAO,GAC7CI,IAAQD,EAAS,MAAMH,EAAM,SAAS,OAAO,GAE7CK,IAASC,EAAI,GAEbC,IAAQC,EAAS;AAEvB,WAAAC,EAAUJ,CAAM;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlBtnGhost/PlBtnGhost.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnGhost.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnGhost.vue2.js.map

package/dist/components/PlBtnGhost/PlBtnGhost.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnGhost.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnGhost/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnGhost/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/PlBtnGroup/PlBtnGroup.vue.d.ts

@@ -0,0 +1,53 @@
+import { SimpleOption } from '../../types';
+/**
+ * A component for selecting one value from a list of options
+ */
+declare const _default: <M = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: M) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & {
+        /**
+         * The current selected value.
+         */
+        modelValue?: M;
+        /**
+         * The label text for the component (optional)
+         */
+        label?: string;
+        /**
+         * List of available options for the component
+         */
+        options: Readonly<SimpleOption<M>[]>;
+        /**
+         * If `true`, the component is disabled and cannot be interacted with.
+         */
+        disabled?: boolean;
+        /**
+         * If `true`, the height of the component is 32px
+         */
+        compact?: boolean;
+        /**
+         * A helper text displayed below the component when there are no errors (optional).
+         */
+        helper?: string;
+        /**
+         * Error message displayed below the component (optional)
+         */
+        error?: unknown;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        tooltip?(_: {}): any;
+    };
+    emit: (e: "update:modelValue", value: M) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=PlBtnGroup.vue.d.ts.map

package/dist/components/PlBtnGroup/PlBtnGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"names":[],"mappings":"AAgGA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;GAEG;yBACc,CAAC,yBACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6K1D,mBAAmB,CAAC;;;QA9J1B;;WAEG;qBACU,CAAC;QACd;;WAEG;gBACK,MAAM;QACd;;WAEG;iBACM,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QACpC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;iBACM,MAAM;QACf;;WAEG;gBACK,OAAO;mBAmI6E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBApCkB,GAAG;;cAnI1B,mBAAmB,SAAS,CAAC,KAAG,IAAI;;;;YA4KE,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvLvE,wBAuL4E;AAG5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlBtnGroup/PlBtnGroup.vue.js

@@ -0,0 +1,69 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.pl-btn-group{--pl-btn-group-height: 40px;box-sizing:border-box;position:relative;font-family:var(--control-font-family)}.pl-btn-group label{margin-bottom:6px;display:flex;align-items:center;gap:4px;font-weight:500;font-size:var(--font-size-base);line-height:20px}.pl-btn-group__helper{font-size:12px;color:var(--txt-03);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-btn-group__error{font-size:12px;color:var(--txt-error);padding:2px 0 0;white-space:pre-wrap;text-overflow:ellipsis;font-weight:500;line-height:16px;margin-top:6px}.pl-btn-group .inner-border{height:var(--pl-btn-group-height);min-height:var(--pl-btn-group-height)}.pl-btn-group .inner-border:after{border:1px solid var(--color-border-default);border-radius:6px}.pl-btn-group__container{flex:1;display:flex;align-items:center;width:100%;box-sizing:content-box;border-radius:6px;font-weight:500;font-size:10px;text-align:center;-webkit-user-select:none;user-select:none}.pl-btn-group__option{position:relative;display:flex;flex:1;flex-direction:row;justify-content:center;align-items:center;padding:0 12px;align-self:stretch;cursor:pointer;outline:none;text-transform:capitalize;color:var(--btn-switcher-option-color);white-space:nowrap}.pl-btn-group__option:hover:not(.active){background-color:var(--btn-sec-hover-grey)}.pl-btn-group__option:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.pl-btn-group__option:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.pl-btn-group__option:focus-visible{position:relative}.pl-btn-group__option:focus-visible:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:2px solid var(--border-color-focus);border-radius:inherit;z-index:1}.pl-btn-group__option:not(.active)+.pl-btn-group__option:not(.active):before{content:"";position:absolute;width:1px;height:24px;left:-1px;top:50%;transform:translateY(-50%);background-color:var(--color-border-default)}.pl-btn-group__option.active{background:var(--btn-switcher-bg);border:var(--btn-switcher-active-option-border);box-shadow:var(--btn-group-shape-shadow);color:var(--btn-switcher-active-option-color);border-radius:6px;z-index:1;padding:0 11px}.pl-btn-group.compact{--pl-btn-group-height: 32px}.pl-btn-group.disabled{--color-border-default: var(--color-dis-01);--btn-switcher-bg: var(--color-dis-01);--btn-switcher-option-color: var(--color-dis-01);--btn-switcher-active-option-color: var(--color-dis-00);--btn-switcher-active-option-border: 0px;pointer-events:none;tab-index:unset!important}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as h, useSlots as y, computed as k, createElementBlock as l, openBlock as o, normalizeClass as i, createCommentVNode as n, createVNode as g, createElementVNode as V, createBlock as B, toDisplayString as r, unref as a, withCtx as p, renderSlot as C, Fragment as w, renderList as $, withKeys as E } from "vue";
+
+import K from "../PlTooltip/PlTooltip.vue.js";
+import N from "../../utils/InnerBorder.vue.js";
+import { getErrorMessage as S } from "../../helpers/error.js";
+const z = { key: 0 }, M = ["tabindex", "onKeydown", "onClick"], D = {
+  key: 1,
+  class: "pl-btn-group__helper"
+}, F = {
+  key: 2,
+  class: "pl-btn-group__error"
+}, G = {
+  name: "PlBtnGroup"
+}, A = /* @__PURE__ */ h({
+  ...G,
+  props: {
+    modelValue: {},
+    label: {},
+    options: {},
+    disabled: { type: Boolean },
+    compact: { type: Boolean },
+    helper: {},
+    error: {}
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: u }) {
+    const m = y(), c = u, s = (e) => c("update:modelValue", e), b = d, _ = k(
+      () => b.options.map((e) => ({
+        label: "label" in e ? e.label : e.text,
+        value: e.value
+      }))
+    );
+    return (e, I) => (o(), l("div", {
+      class: i(["pl-btn-group", { disabled: e.disabled, compact: e.compact }])
+    }, [
+      e.label ? (o(), l("label", z, [
+        V("span", null, r(e.label), 1),
+        a(m).tooltip ? (o(), B(a(K), {
+          key: 0,
+          class: "info",
+          position: "top"
+        }, {
+          tooltip: p(() => [
+            C(e.$slots, "tooltip")
+          ]),
+          _: 3
+        })) : n("", !0)
+      ])) : n("", !0),
+      g(N, { class: "pl-btn-group__container" }, {
+        default: p(() => [
+          (o(!0), l(w, null, $(_.value, (t, v) => (o(), l("div", {
+            key: v,
+            class: i(["pl-btn-group__option text-s", { active: e.modelValue === t.value }]),
+            tabindex: e.modelValue === t.value || e.disabled ? void 0 : 0,
+            onKeydown: E((f) => s(t.value), ["enter"]),
+            onClick: (f) => s(t.value)
+          }, r(t.label), 43, M))), 128))
+        ]),
+        _: 1
+      }),
+      e.helper ? (o(), l("div", D, r(e.helper), 1)) : e.error ? (o(), l("div", F, r(a(S)(e.error)), 1)) : n("", !0)
+    ], 2));
+  }
+});
+export {
+  A as default
+};
+//# sourceMappingURL=PlBtnGroup.vue.js.map

package/dist/components/PlBtnGroup/PlBtnGroup.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnGroup.vue.js","sources":["../../../src/components/PlBtnGroup/PlBtnGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: 'PlBtnGroup',\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M = unknown\">\nimport './pl-btn-group.scss';\nimport { computed, useSlots } from 'vue';\nimport { PlTooltip } from '../PlTooltip';\nimport InnerBorder from '../../utils/InnerBorder.vue';\nimport type { SimpleOption } from '../../types';\nimport { getErrorMessage } from '../../helpers/error.ts';\n\nconst slots = useSlots();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the model value is updated.\n   */\n  (e: 'update:modelValue', value: M): void;\n}>();\n\nconst emitModel = (v: M) => emit('update:modelValue', v);\n\nconst props = defineProps<{\n  /**\n   * The current selected value.\n   */\n  modelValue?: M;\n  /**\n   * The label text for the component (optional)\n   */\n  label?: string;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<SimpleOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the height of the component is 32px\n   */\n  compact?: boolean;\n  /**\n   * A helper text displayed below the component when there are no errors (optional).\n   */\n  helper?: string;\n  /**\n   * Error message displayed below the component (optional)\n   */\n  error?: unknown;\n}>();\n\nconst normalizedOptions = computed(() =>\n  props.options.map((it) => ({\n    label: 'label' in it ? it.label : it.text,\n    value: it.value,\n  })),\n);\n</script>\n\n<template>\n  <div class=\"pl-btn-group\" :class=\"{ disabled, compact }\">\n    <label v-if=\"label\">\n      <span>{{ label }}</span>\n      <PlTooltip v-if=\"slots.tooltip\" class=\"info\" position=\"top\">\n        <template #tooltip>\n          <slot name=\"tooltip\" />\n        </template>\n      </PlTooltip>\n    </label>\n    <InnerBorder class=\"pl-btn-group__container\">\n      <div\n        v-for=\"(opt, i) in normalizedOptions\"\n        :key=\"i\"\n        class=\"pl-btn-group__option text-s\"\n        :tabindex=\"modelValue === opt.value || disabled ? undefined : 0\"\n        :class=\"{ active: modelValue === opt.value }\"\n        @keydown.enter=\"emitModel(opt.value)\"\n        @click=\"emitModel(opt.value)\"\n      >\n        {{ opt.label }}\n      </div>\n    </InnerBorder>\n    <div v-if=\"helper\" class=\"pl-btn-group__helper\">{{ helper }}</div>\n    <div v-else-if=\"error\" class=\"pl-btn-group__error\">{{ getErrorMessage(error) }}</div>\n  </div>\n</template>\n"],"names":["__default__","slots","useSlots","emit","__emit","emitModel","v","props","__props","normalizedOptions","computed","it"],"mappings":";;;;;;;;;;;GAIeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAWA,UAAMC,IAAQC,EAAS,GAEjBC,IAAOC,GAOPC,IAAY,CAACC,MAASH,EAAK,qBAAqBG,CAAC,GAEjDC,IAAQC,GA+BRC,IAAoBC;AAAA,MAAS,MACjCH,EAAM,QAAQ,IAAI,CAACI,OAAQ;AAAA,QACzB,OAAO,WAAWA,IAAKA,EAAG,QAAQA,EAAG;AAAA,QACrC,OAAOA,EAAG;AAAA,MAAA,EACV;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlBtnGroup/PlBtnGroup.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnGroup.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnGroup.vue2.js.map

package/dist/components/PlBtnGroup/PlBtnGroup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnGroup.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/PlBtnLink/PlBtnLink.vue.d.ts

@@ -0,0 +1,45 @@
+import { MaskIconName16, Size } from '../../types';
+type __VLS_Props = {
+    /**
+     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+     */
+    loading?: boolean;
+    /**
+     * Size of the button, the default value is 'medium'
+     */
+    size?: Size;
+    /**
+     * Icon to display
+     */
+    icon?: MaskIconName16;
+    /**
+     * If `true`, an icon is displayed before the text.
+     */
+    reverse?: boolean;
+    /**
+     * Justify text at the center (is `true` by default)
+     */
+    justifyCenter?: boolean;
+    /**
+     * If `true`, the button is disabled and cannot be interacted with.
+     */
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlBtnLink.vue.d.ts.map

package/dist/components/PlBtnLink/PlBtnLink.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnLink/PlBtnLink.vue"],"names":[],"mappings":"AA4CA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxD,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAOF,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlBtnLink/PlBtnLink.vue.js

@@ -0,0 +1,33 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-btn-link{display:flex;flex-direction:row;align-items:center;gap:12px;--color-text: var(--txt-01);color:var(--txt-01)}.ui-btn-link.disabled,.ui-btn-link.loading{color:var(--color-dis-01)}.ui-btn-link:hover{cursor:pointer}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as s, ref as a, createElementBlock as i, openBlock as d, normalizeClass as p, createVNode as u, renderSlot as v, mergeProps as m } from "vue";
+
+import f from "../PlBtnSecondary/PlBtnSecondary.vue.js";
+const g = /* @__PURE__ */ s({
+  __name: "PlBtnLink",
+  props: {
+    loading: { type: Boolean },
+    size: {},
+    icon: {},
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(l) {
+    const r = l, e = a(!1);
+    return (n, o) => (d(), i("div", {
+      class: p(["ui-btn-link", { disabled: n.disabled, loading: n.loading, hover: e.value }]),
+      onMouseover: o[0] || (o[0] = (t) => e.value = !0),
+      onMouseleave: o[1] || (o[1] = (t) => e.value = !1)
+    }, [
+      u(f, m({
+        round: "",
+        hover: e.value
+      }, r), null, 16, ["hover"]),
+      v(n.$slots, "default")
+    ], 34));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=PlBtnLink.vue.js.map

package/dist/components/PlBtnLink/PlBtnLink.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnLink.vue.js","sources":["../../../src/components/PlBtnLink/PlBtnLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport './pl-btn-link.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnSecondary from '../PlBtnSecondary/PlBtnSecondary.vue';\nimport { ref } from 'vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center (is `true` by default)\n   */\n  justifyCenter?: boolean;\n  /**\n   * If `true`, the button is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n}>();\n\nconst hover = ref(false);\n</script>\n\n<template>\n  <div class=\"ui-btn-link\" :class=\"{ disabled, loading, hover }\" @mouseover=\"hover = true\" @mouseleave=\"hover = false\">\n    <BtnSecondary round :hover=\"hover\" v-bind=\"props\" />\n    <slot />\n  </div>\n</template>\n"],"names":["props","__props","hover","ref"],"mappings":";;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GA2BRC,IAAQC,EAAI,EAAK;;;;;;;;;;;;;;"}

package/dist/components/PlBtnLink/PlBtnLink.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnLink.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnLink.vue2.js.map

package/dist/components/PlBtnLink/PlBtnLink.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnLink.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.d.ts

@@ -0,0 +1,64 @@
+import { MaskIconName16, Size } from '../../types';
+/**
+ * Primary button
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    /**
+     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+     */
+    loading?: boolean;
+    /**
+     * Size of the button, the default value is 'medium'
+     */
+    size?: Size;
+    /**
+     * If `true` the shape is round.
+     */
+    round?: boolean;
+    /**
+     * Icon to display
+     */
+    icon?: MaskIconName16;
+    /**
+     * If `true`, an icon is displayed before the text.
+     */
+    reverse?: boolean;
+    /**
+     * Justify text at the center
+     */
+    justifyCenter?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+     */
+    loading?: boolean;
+    /**
+     * Size of the button, the default value is 'medium'
+     */
+    size?: Size;
+    /**
+     * If `true` the shape is round.
+     */
+    round?: boolean;
+    /**
+     * Icon to display
+     */
+    icon?: MaskIconName16;
+    /**
+     * If `true`, an icon is displayed before the text.
+     */
+    reverse?: boolean;
+    /**
+     * Justify text at the center
+     */
+    justifyCenter?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlBtnPrimary.vue.d.ts.map

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnPrimary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnPrimary/PlBtnPrimary.vue"],"names":[],"mappings":"AAiDA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxD;;GAEG;;IAGD;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,IAAI;IACX;;OAEG;YACK,OAAO;IACf;;OAEG;WACI,cAAc;IACrB;;OAEG;cACO,OAAO;IACjB;;OAEG;oBACa,OAAO;;IAvBvB;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,IAAI;IACX;;OAEG;YACK,OAAO;IACf;;OAEG;WACI,cAAc;IACrB;;OAEG;cACO,OAAO;IACjB;;OAEG;oBACa,OAAO;;qBA+BI,GAAG;;AAxDhC,wBA8FK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js

@@ -0,0 +1,30 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(".pl-btn-primary{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-primary.justifyCenter{justify-content:center}.pl-btn-primary.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-primary.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-primary.medium{--main-padding: 0 16px}.pl-btn-primary.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-primary.large .mask{--mask-size: 24px}.pl-btn-primary:disabled{--color-text: var(--color-dis-00)}.pl-btn-primary:disabled *{color:var(--color-text)}.pl-btn-primary:not([disabled]){cursor:pointer}.pl-btn-primary:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-primary:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-primary:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-primary .icon{display:block;width:16px;height:16px}.pl-btn-primary.loading{box-shadow:none!important}.pl-btn-primary.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-primary.reverse{flex-direction:row-reverse}.pl-btn-primary>span{display:inline-flex}.pl-btn-primary{--color-btn-hover: var(--color-primary-hover);--color-btn-background: var(--color-primary-default);--btn-disabled-bg: var(--color-dis-01);--shape-shadow: var(--btn-shape-shadow);background-color:var(--color-btn-background);border:none;min-width:160px;--append-shadow: inset 0 0 0 1px #110529}.pl-btn-primary.loading{background:#070529cc}.pl-btn-primary:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important;cursor:auto}.pl-btn-primary:active{--shape-shadow: 0 0 0 0 transparent}")),document.head.appendChild(r)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { defineComponent as r, createBlock as n, openBlock as a, mergeProps as p, withCtx as s, renderSlot as l } from "vue";
+
+import i from "../../base/BtnBase.vue.js";
+const c = {
+  name: "PlBtnPrimary"
+}, d = /* @__PURE__ */ r({
+  ...c,
+  props: {
+    loading: { type: Boolean },
+    size: {},
+    round: { type: Boolean },
+    icon: {},
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean }
+  },
+  setup(e) {
+    const o = e;
+    return (t, m) => (a(), n(i, p({ class: "pl-btn-primary" }, o), {
+      default: s(() => [
+        l(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  d as default
+};
+//# sourceMappingURL=PlBtnPrimary.vue.js.map

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnPrimary.vue.js","sources":["../../../src/components/PlBtnPrimary/PlBtnPrimary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Primary button\n */\nexport default {\n  name: 'PlBtnPrimary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-primary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase class=\"pl-btn-primary\" v-bind=\"props\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnPrimary.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnPrimary.vue2.js.map

package/dist/components/PlBtnPrimary/PlBtnPrimary.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnPrimary.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnPrimary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.d.ts

@@ -0,0 +1,64 @@
+import { MaskIconName16, Size } from '../../types';
+/**
+ * Secondary button
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    /**
+     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+     */
+    loading?: boolean;
+    /**
+     * Size of the button, the default value is 'medium'
+     */
+    size?: Size;
+    /**
+     * If `true` the shape is round.
+     */
+    round?: boolean;
+    /**
+     * Icon to display
+     */
+    icon?: MaskIconName16;
+    /**
+     * If `true`, an icon is displayed before the text.
+     */
+    reverse?: boolean;
+    /**
+     * Justify text at the center
+     */
+    justifyCenter?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+     */
+    loading?: boolean;
+    /**
+     * Size of the button, the default value is 'medium'
+     */
+    size?: Size;
+    /**
+     * If `true` the shape is round.
+     */
+    round?: boolean;
+    /**
+     * Icon to display
+     */
+    icon?: MaskIconName16;
+    /**
+     * If `true`, an icon is displayed before the text.
+     */
+    reverse?: boolean;
+    /**
+     * Justify text at the center
+     */
+    justifyCenter?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlBtnSecondary.vue.d.ts.map

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSecondary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnSecondary/PlBtnSecondary.vue"],"names":[],"mappings":"AAiDA,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAIxD;;GAEG;;IAGD;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,IAAI;IACX;;OAEG;YACK,OAAO;IACf;;OAEG;WACI,cAAc;IACrB;;OAEG;cACO,OAAO;IACjB;;OAEG;oBACa,OAAO;;IAvBvB;;OAEG;cACO,OAAO;IACjB;;OAEG;WACI,IAAI;IACX;;OAEG;YACK,OAAO;IACf;;OAEG;WACI,cAAc;IACrB;;OAEG;cACO,OAAO;IACjB;;OAEG;oBACa,OAAO;;qBA+BI,GAAG;;AAxDhC,wBA8FK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js

@@ -0,0 +1,30 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-btn-secondary{--font-size: 14px;--border-radius: 6px;--button-height: 40px;--focus-shadow: 0 0 0 0 transparent;--btn-disabled-bg: var(--color-dis-01);--color-text: var(--txt-00);--shape-shadow: 0 0 0 0 transparent;--append-shadow: 0 0 0 0 transparent;--drop-shadow: 0 0 0 0 transparent;--active-shadow: 0 0 0 0 transparent;--main-padding: 0 12px;text-transform:capitalize;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;white-space:nowrap;gap:8px;padding:var(--main-padding);color:var(--color-text);font-weight:600;font-size:var(--font-size);font-family:var(--font-family-base);line-height:16px;height:var(--button-height);min-height:var(--button-height);border-radius:var(--border-radius);outline:none;-webkit-user-select:none;user-select:none;transition:box-shadow .05s ease-in-out;box-shadow:var(--focus-shadow),var(--append-shadow),var(--shape-shadow),var(--active-shadow),var(--drop-shadow)}.pl-btn-secondary.justifyCenter{justify-content:center}.pl-btn-secondary.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-secondary.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-secondary.medium{--main-padding: 0 16px}.pl-btn-secondary.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-secondary.large .mask{--mask-size: 24px}.pl-btn-secondary:disabled{--color-text: var(--color-dis-00)}.pl-btn-secondary:disabled *{color:var(--color-text)}.pl-btn-secondary:not([disabled]){cursor:pointer}.pl-btn-secondary:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-secondary:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-secondary:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-secondary .icon{display:block;width:16px;height:16px}.pl-btn-secondary.loading{box-shadow:none!important}.pl-btn-secondary.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-secondary.reverse{flex-direction:row-reverse}.pl-btn-secondary>span{display:inline-flex}.pl-btn-secondary{border:1px solid var(--color-border);background:transparent;min-width:160px;--color-border: var(--color-border-default);--color-text: var(--txt-01);--color-btn-hover: var(--btn-sec-hover-grey)}.pl-btn-secondary:disabled{--color-text: var(--color-dis-01);--color-border: var(--color-dis-01);box-shadow:none}.pl-btn-secondary:focus-visible{border-width:0}.pl-btn-secondary:active{--drop-shadow: inset 0px 3px 0px rgba(36, 34, 61, .12)}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { defineComponent as n, createBlock as r, openBlock as a, mergeProps as s, withCtx as p, renderSlot as l } from "vue";
+
+import c from "../../base/BtnBase.vue.js";
+const i = {
+  name: "PlBtnSecondary"
+}, u = /* @__PURE__ */ n({
+  ...i,
+  props: {
+    loading: { type: Boolean },
+    size: {},
+    round: { type: Boolean },
+    icon: {},
+    reverse: { type: Boolean },
+    justifyCenter: { type: Boolean }
+  },
+  setup(e) {
+    const o = e;
+    return (t, d) => (a(), r(c, s(o, { class: "pl-btn-secondary" }), {
+      default: p(() => [
+        l(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=PlBtnSecondary.vue.js.map

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSecondary.vue.js","sources":["../../../src/components/PlBtnSecondary/PlBtnSecondary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Secondary button\n */\nexport default {\n  name: 'PlBtnSecondary',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-btn-secondary.scss';\nimport type { MaskIconName16, Size } from '../../types';\nimport BtnBase from '../../base/BtnBase.vue';\n\nconst props = defineProps<{\n  /**\n   * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.\n   */\n  loading?: boolean;\n  /**\n   * Size of the button, the default value is 'medium'\n   */\n  size?: Size;\n  /**\n   * If `true` the shape is round.\n   */\n  round?: boolean;\n  /**\n   * Icon to display\n   */\n  icon?: MaskIconName16;\n  /**\n   * If `true`, an icon is displayed before the text.\n   */\n  reverse?: boolean;\n  /**\n   * Justify text at the center\n   */\n  justifyCenter?: boolean;\n}>();\n</script>\n\n<template>\n  <BtnBase v-bind=\"props\" class=\"pl-btn-secondary\">\n    <slot />\n  </BtnBase>\n</template>\n"],"names":["__default__","props","__props"],"mappings":";;;AAIA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;;;;AAQA,UAAMC,IAAQC;;;;;;;;;"}

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlBtnSecondary.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlBtnSecondary.vue2.js.map

package/dist/components/PlBtnSecondary/PlBtnSecondary.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSecondary.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlBtnSecondary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/PlBtnSplit/PlBtnSplit.vue.d.ts

@@ -0,0 +1,41 @@
+import { ListOption } from '../../types';
+declare const _default: <M = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: M) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue"> & ({
+        modelValue: M;
+    } & {
+        /**
+         * List of available options for the dropdown menu
+         */
+        options?: Readonly<ListOption<M>[]>;
+        /**
+         * If `true`, the dropdown component is disabled and cannot be interacted with.
+         */
+        disabled?: boolean;
+        /**
+         * If `true,` the button is disabled, cannot be interacted with, and shows a special 'loading' icon.
+         */
+        loading?: boolean;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        data: {
+            open: boolean;
+            optionsHeight: number;
+            activeIndex: number;
+        };
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: ((event: "click", ...args: any[]) => void) & ((evt: "update:modelValue", value: M) => void);
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=PlBtnSplit.vue.d.ts.map

package/dist/components/PlBtnSplit/PlBtnSplit.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlBtnSplit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlBtnSplit/PlBtnSplit.vue"],"names":[],"mappings":"AA2MA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;yBAM7B,CAAC,yBACJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2U1D,mBAAmB,CAAC;;;;oBAhKhB,CAAC;;QAxKX;;WAEG;kBACO,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnC;;WAEG;mBACQ,OAAO;QAElB;;WAEG;kBACO,OAAO;oBA2T2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;UAEJ,2FAAqC;;;;YAGA,OAAO,CAAC,OAAO,WAAW,CAAC;;AArVvE,wBAqV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}