@milaboratories/uikit 2.10.31 → 2.10.33

package/dist/components/PlBtnAccent/pl-btn-accent.css

@@ -0,0 +1 @@
+.pl-btn-accent{--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-accent.justifyCenter{justify-content:center}.pl-btn-accent.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-accent.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-accent.medium{--main-padding: 0 16px}.pl-btn-accent.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-accent.large .mask{--mask-size: 24px}.pl-btn-accent:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-accent:disabled *{color:var(--color-text)}.pl-btn-accent:not([disabled]){cursor:pointer}.pl-btn-accent:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-accent:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-accent:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-accent .icon{display:block;width:16px;height:16px}.pl-btn-accent.loading{box-shadow:none!important}.pl-btn-accent.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-accent.reverse{flex-direction:row-reverse}.pl-btn-accent>span{display:inline-flex}.pl-btn-accent{--color-btn-background: var(--color-accent-default);--color-btn-hover: var(--color-accent-hover);background-color:var(--color-btn-background);border:none}.pl-btn-accent.large{--drop-shadow: 3px 3px 0px #000000}.pl-btn-accent.loading{background:#070529cc}.pl-btn-accent:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important;cursor:auto}.pl-btn-accent:active{--active-shadow: inset 0px 3px 0px rgba(0, 0, 0, .24);--drop-shadow: 0 0 0 0 transparent}

package/dist/components/PlBtnDanger/PlBtnDanger.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, createBlock as r, openBlock as a, mergeProps as p, withCtx as s, renderSlot as l } from "vue";
-/* empty css                   */
+import './pl-btn-danger.css';/* empty css                   */
 import c from "../../base/BtnBase.vue.js";
 const i = {
   name: "PlBtnDanger"

package/dist/components/PlBtnDanger/pl-btn-danger.css

@@ -0,0 +1 @@
+.pl-btn-danger{--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-danger.justifyCenter{justify-content:center}.pl-btn-danger.round{border-radius:50%;width:var(--button-height);min-width:var(--button-height);padding:0;justify-content:center}.pl-btn-danger.small{--button-height: 32px;--main-padding: 0 8px}.pl-btn-danger.medium{--main-padding: 0 16px}.pl-btn-danger.large{--button-height: 56px;--border-radius: 8px;--font-size: 16px;--main-padding: 0 18px}.pl-btn-danger.large .mask{--mask-size: 24px}.pl-btn-danger:disabled{--color-text: var(--dis-00);--icon-color: var(--dis-00)}.pl-btn-danger:disabled *{color:var(--color-text)}.pl-btn-danger:not([disabled]){cursor:pointer}.pl-btn-danger:not([disabled]).hover{background:var(--color-btn-hover)}.pl-btn-danger:not([disabled]):hover{background:var(--color-btn-hover)}.pl-btn-danger:focus-visible{--focus-shadow: inset 0 0 0 2px var(--border-color-focus)}.pl-btn-danger .icon{display:block;width:16px;height:16px}.pl-btn-danger.loading{box-shadow:none!important}.pl-btn-danger.loading .mask-loading{display:block;animation:spin 4s linear infinite}.pl-btn-danger.reverse{flex-direction:row-reverse}.pl-btn-danger>span{display:inline-flex}.pl-btn-danger{--color-btn-background: var(--txt-error);--color-btn-hover: #ff5c5c;background-color:var(--color-btn-background);border:none}.pl-btn-danger.large{--drop-shadow: 3px 3px 0px #000000}.pl-btn-danger.loading{background:#070529cc}.pl-btn-danger:disabled{background-color:var(--btn-disabled-bg);box-shadow:none!important;cursor:auto}.pl-btn-danger:active{--active-shadow: inset 0px 3px 0px rgba(0, 0, 0, .24);--drop-shadow: 0 0 0 0 transparent}

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

@@ -1,7 +1,7 @@
 import { defineComponent as y, computed as r, ref as z, useSlots as B, createElementBlock as i, openBlock as n, mergeProps as k, createCommentVNode as d, renderSlot as o, unref as l, createBlock as u } from "vue";
-/* empty css                  */
-import f from "../PlIcon24/PlIcon24.vue.js";
+import './pl-btn-ghost.css';/* empty css                  */
 import { useRipple as b } from "../../composition/useRipple.js";
+import f from "../PlIcon24/PlIcon24.vue.js";
 const v = { key: 0 }, $ = {
   name: "PlBtnGhost"
 }, p = /* @__PURE__ */ y({

package/dist/components/PlBtnGhost/pl-btn-ghost.css

@@ -0,0 +1 @@
+.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(--dis-00);--icon-color: var(--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)}.pl-btn-ghost:disabled{--color-text: var(--btn-disabled-bg);--icon-color: var(--dis-01);box-shadow:none!important;cursor:auto}.pl-btn-ghost.loading{--color-text: var(--btn-disabled-bg)}

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

@@ -1,8 +1,8 @@
 import { defineComponent as y, useSlots as k, computed as g, createElementBlock as o, openBlock as l, normalizeClass as d, createCommentVNode as r, createVNode as V, createElementVNode as B, createBlock as x, toDisplayString as a, unref as i, withCtx as c, renderSlot as C, Fragment as w, renderList as E, withKeys as K } from "vue";
-/* empty css                  */
-import N from "../PlTooltip/PlTooltip.vue.js";
-import S from "../../utils/InnerBorder.vue.js";
-import { getErrorMessage as _ } from "../../helpers/error.js";
+import './pl-btn-group.css';/* empty css                  */
+import N from "../../utils/InnerBorder.vue.js";
+import { getErrorMessage as S } from "../../helpers/error.js";
+import _ from "../PlTooltip/PlTooltip.vue.js";
 const $ = { key: 0 }, z = ["tabindex", "onKeydown", "onClick"], M = {
   key: 1,
   class: "pl-btn-group__helper"
@@ -35,7 +35,7 @@ const $ = { key: 0 }, z = ["tabindex", "onKeydown", "onClick"], M = {
     }, [
       e.label ? (l(), o("label", $, [
         B("span", null, a(e.label), 1),
-        i(m).tooltip ? (l(), x(i(N), {
+        i(m).tooltip ? (l(), x(i(_), {
           key: 0,
           class: "info",
           position: "top"
@@ -46,7 +46,7 @@ const $ = { key: 0 }, z = ["tabindex", "onKeydown", "onClick"], M = {
           _: 3
         })) : r("", !0)
       ])) : r("", !0),
-      V(S, { class: "pl-btn-group__container" }, {
+      V(N, { class: "pl-btn-group__container" }, {
         default: c(() => [
           (l(!0), o(w, null, E(v.value, (n, f) => (l(), o("div", {
             key: f,
@@ -58,7 +58,7 @@ const $ = { key: 0 }, z = ["tabindex", "onKeydown", "onClick"], M = {
         ]),
         _: 1
       }),
-      e.helper ? (l(), o("div", M, a(e.helper), 1)) : e.error ? (l(), o("div", P, a(i(_)(e.error)), 1)) : r("", !0)
+      e.helper ? (l(), o("div", M, a(e.helper), 1)) : e.error ? (l(), o("div", P, a(i(S)(e.error)), 1)) : r("", !0)
     ], 2));
   }
 });

package/dist/components/PlBtnGroup/pl-btn-group.css

@@ -0,0 +1 @@
+.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}

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

@@ -1,5 +1,5 @@
 import { defineComponent as a, ref as s, createElementBlock as i, openBlock as d, normalizeClass as u, createVNode as v, renderSlot as m, mergeProps as p } from "vue";
-/* empty css                 */
+import './pl-btn-link.css';/* empty css                 */
 import f from "../PlBtnSecondary/PlBtnSecondary.vue.js";
 const b = /* @__PURE__ */ a({
   __name: "PlBtnLink",

package/dist/components/PlBtnLink/pl-btn-link.css

@@ -0,0 +1 @@
+.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}

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

@@ -1,5 +1,5 @@
 import { defineComponent as r, createBlock as n, openBlock as a, mergeProps as p, withCtx as s, renderSlot as l } from "vue";
-/* empty css                    */
+import './pl-btn-primary.css';/* empty css                    */
 import i from "../../base/BtnBase.vue.js";
 const c = {
   name: "PlBtnPrimary"

package/dist/components/PlBtnPrimary/pl-btn-primary.css

@@ -0,0 +1 @@
+.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);--icon-color: var(--ic-00)}.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(--dis-00);--icon-color: var(--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}

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

@@ -1,5 +1,5 @@
 import { defineComponent as n, createBlock as r, openBlock as a, mergeProps as s, withCtx as p, renderSlot as l } from "vue";
-/* empty css                      */
+import './pl-btn-secondary.css';/* empty css                      */
 import c from "../../base/BtnBase.vue.js";
 const i = {
   name: "PlBtnSecondary"

package/dist/components/PlBtnSecondary/pl-btn-secondary.css

@@ -0,0 +1 @@
+.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(--dis-00);--icon-color: var(--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);--icon-color: var(--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)}

package/dist/components/PlBtnSplit/PlBtnSplit.vue.js

@@ -3,8 +3,8 @@ import { deepEqual as H } from "@milaboratories/helpers";
 import { useElementPosition as te } from "../../composition/usePosition.js";
 import { normalizeListOptions as oe } from "../../helpers/utils.js";
 import ne from "../DropdownListItem.vue.js";
+import './pl-btn-split.css';/* empty css                  */
 import K from "../PlIcon16/PlIcon16.vue.js";
-/* empty css                  */
 const ie = ["onKeyup"], ue = /* @__PURE__ */ j({
   __name: "PlBtnSplit",
   props: /* @__PURE__ */ C({

package/dist/components/PlBtnSplit/pl-btn-split.css

@@ -0,0 +1 @@
+.pl-btn-split{--border-color: var(--border-color-default);height:40px;min-width:160px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer}.pl-btn-split.disabled,.pl-btn-split.loading{pointer-events:none;--border-color: var(--border-color-div-grey)}.pl-btn-split.loading .mask-loading{animation:spin 2.5s linear infinite}.pl-btn-split__title{padding:8px 14px;height:100%;color:var(--border-color);transition:all .1s ease-in-out}.pl-btn-split__title:focus-visible{position:relative;outline:none}.pl-btn-split__title:focus-visible:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--border-color-focus);border-radius:6px;z-index:2}.pl-btn-split__title:hover{border-radius:6px;background-color:var(--btn-sec-hover-grey)}.pl-btn-split__title:active{border-radius:6px;background-color:var(--btn-sec-press-grey)}.pl-btn-split__icon,.pl-btn-split .mask-loading{--icon-color: var(--border-color)}.pl-btn-split__icon-container{width:36px;height:100%;position:relative;transition:all .1s ease-in-out}.pl-btn-split__icon-container:focus-visible{position:relative;outline:none}.pl-btn-split__icon-container:focus-visible:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--border-color-focus);border-radius:6px;z-index:2}.pl-btn-split__icon-container:hover{border-radius:6px;background-color:var(--btn-sec-hover-grey)}.pl-btn-split__icon-container:active{border-radius:6px;background-color:var(--btn-sec-press-grey)}.pl-btn-split__icon-container:before{content:"";background:var(--border-color);height:26px;position:absolute;left:0;width:1px}

package/dist/components/PlChartHistogram/PlChartHistogram.css

@@ -0,0 +1 @@
+._component_12ebd_2{display:flex;flex-direction:column;gap:24px}._component_12ebd_2 svg{font-family:var(--font-family-base)}._title_12ebd_11{font-size:20px;font-weight:500;line-height:24px;letter-spacing:-.2px}.svg-tooltip{font-family:var(--font-family-base);background:#454d5de6;border-radius:.1rem;color:#fff;display:block;font-size:14px;max-width:320px;padding:.2rem .4rem;position:absolute;text-overflow:ellipsis;white-space:pre;z-index:300;visibility:hidden}

package/dist/components/PlChartHistogram/PlChartHistogram.vue3.js

@@ -1,4 +1,4 @@
-const t = "_component_12ebd_2", e = "_title_12ebd_11", o = {
+import './PlChartHistogram.css';const t = "_component_12ebd_2", e = "_title_12ebd_11", o = {
   component: t,
   title: e
 };

package/dist/components/PlChartStackedBar/Legends.css

@@ -0,0 +1 @@
+._component_blzj7_2{display:flex;flex-direction:row;gap:24px;justify-content:space-between}._legend_blzj7_9{display:flex;flex-direction:column;gap:4px;flex-wrap:nowrap;margin-top:24px;max-height:120px;flex:1}._chip_blzj7_19{width:16px;height:16px;border-radius:2px;flex-grow:0}._group_blzj7_26{display:flex;flex-direction:column;gap:4px}._item_blzj7_32{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:500;line-height:20px;color:var(--color-txt-01)}

package/dist/components/PlChartStackedBar/Legends.vue3.js

@@ -1,4 +1,4 @@
-const o = "_component_blzj7_2", e = "_legend_blzj7_9", n = "_chip_blzj7_19", t = "_group_blzj7_26", _ = "_item_blzj7_32", c = {
+import './Legends.css';const o = "_component_blzj7_2", e = "_legend_blzj7_9", n = "_chip_blzj7_19", t = "_group_blzj7_26", _ = "_item_blzj7_32", c = {
   component: o,
   legend: e,
   chip: n,

package/dist/components/PlChartStackedBar/PlChartStackedBar.css

@@ -0,0 +1 @@
+._component_1j1iz_1{display:flex;flex-direction:column;width:100%}._title_1j1iz_7{font-size:20px;font-weight:500;line-height:24px;letter-spacing:-.2px;margin-bottom:24px}

package/dist/components/PlChartStackedBar/PlChartStackedBar.vue3.js

@@ -1,4 +1,4 @@
-const t = "_component_1j1iz_1", o = "_title_1j1iz_7", e = {
+import './PlChartStackedBar.css';const t = "_component_1j1iz_1", o = "_title_1j1iz_7", e = {
   component: t,
   title: o
 };

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.css

@@ -0,0 +1 @@
+._component_1gn0t_1{display:flex;flex-direction:column;width:100%}

package/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue3.js

@@ -1,4 +1,4 @@
-const n = "_component_1gn0t_1", o = {
+import './PlChartStackedBarCompact.css';const n = "_component_1gn0t_1", o = {
   component: n
 };
 export {

package/dist/components/PlChartStackedBar/StackedRow.css

@@ -0,0 +1 @@
+._component_5hdjy_1{height:auto;position:relative;overflow:visible;border:1px solid var(--txt-01);padding:12px 6px;border-radius:0;margin-bottom:24px}._container_5hdjy_11{display:flex;flex-direction:row;width:100%;height:100%;align-items:center;overflow:hidden}._container_5hdjy_11>div{height:100%;display:flex;align-items:center}._track_5hdjy_25{position:absolute;top:0;left:6px;right:6px;bottom:0}._track_5hdjy_25>div{height:100%;position:absolute;bottom:0;border-left:1px solid #e1e3eb}._track_5hdjy_25>div:after{position:absolute;content:attr(data-content);transform:var(--transform);left:0;bottom:-24px}._notReady_5hdjy_47{color:var(--txt-03)!important}._component_5hdjy_1 ._notReady_5hdjy_47{font-size:larger;font-weight:bolder;color:var(--txt-mask);margin-left:24px}._component_5hdjy_1 ._container_5hdjy_11{position:relative;z-index:1}

package/dist/components/PlChartStackedBar/StackedRow.vue3.js

@@ -1,4 +1,4 @@
-const n = "_component_5hdjy_1", t = "_container_5hdjy_11", o = "_track_5hdjy_25", c = "_notReady_5hdjy_47", e = {
+import './StackedRow.css';const n = "_component_5hdjy_1", t = "_container_5hdjy_11", o = "_track_5hdjy_25", c = "_notReady_5hdjy_47", e = {
   component: n,
   container: t,
   track: o,

package/dist/components/PlChartStackedBar/StackedRowCompact.css

@@ -0,0 +1 @@
+._component_1utnb_1{display:flex;position:relative;overflow:hidden;padding:0;border-radius:2px}._component_1utnb_1 ._notReady_1utnb_8{color:var(--txt-01);font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:500;line-height:20px}._component_1utnb_1 ._container_1utnb_16{position:relative}._container_1utnb_16{display:flex;flex-direction:row;width:100%;flex:1;align-items:center;overflow:hidden}._container_1utnb_16>div{height:100%;display:flex;align-items:center}._notReady_1utnb_8{color:var(--txt-03)!important}

package/dist/components/PlChartStackedBar/StackedRowCompact.vue3.js

@@ -1,4 +1,4 @@
-const n = "_component_1utnb_1", t = "_notReady_1utnb_8", o = "_container_1utnb_16", e = {
+import './StackedRowCompact.css';const n = "_component_1utnb_1", t = "_notReady_1utnb_8", o = "_container_1utnb_16", e = {
   component: n,
   notReady: t,
   container: o

package/dist/components/PlCheckbox/PlCheckbox.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, useSlots as u, createElementBlock as p, createBlock as i, unref as f, openBlock as d, normalizeClass as V, createVNode as k, createElementVNode as $, mergeProps as n, renderSlot as b } from "vue";
-/* empty css                 */
+import './pl-checkbox.css';/* empty css                 */
 import m from "./PlCheckboxBase.vue.js";
 const B = {
   name: "PlCheckbox"

package/dist/components/PlCheckbox/PlCheckboxBase.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as a, createElementBlock as d, openBlock as i, withKeys as m, normalizeClass as s, withModifiers as u } from "vue";
-/* empty css                      */
+import './pl-checkbox-base.css';/* empty css                      */
 const b = /* @__PURE__ */ a({
   __name: "PlCheckboxBase",
   props: {

package/dist/components/PlCheckbox/pl-checkbox-base.css

@@ -0,0 +1 @@
+.pl-checkbox-base{--enabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%23110529'/%3e%3c/svg%3e");--enabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23110529'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='white'/%3e%3c/svg%3e");--enabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23110529'/%3e%3cpath%20d='M7%2012H17'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");--disabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%23CFD1DB'/%3e%3c/svg%3e");--disabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23CFD1DB'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='white'/%3e%3c/svg%3e");--disabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%23CFD1DB'/%3e%3cpath%20d='M7%2012H17'%20stroke='white'%20stroke-width='1.5'/%3e%3c/svg%3e");cursor:pointer;outline:none;border-radius:4px;min-block-size:24px;min-inline-size:24px;background:var(--enabled-unchecked-icon) no-repeat center}.pl-checkbox-base.checked{background-image:var(--enabled-checked-icon)}.pl-checkbox-base.indeterminate{background-image:var(--enabled-indeterminate-icon)}.pl-checkbox-base.disabled{background-image:var(--disabled-unchecked-icon);pointer-events:none}.pl-checkbox-base.disabled:is(.checked){background-image:var(--disabled-checked-icon);pointer-events:none}.pl-checkbox-base:focus-visible{box-shadow:0 0 0 2px var(--border-color-focus)}[data-theme=dark] .pl-checkbox-base{--enabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='white'/%3e%3c/svg%3e");--enabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='%23110529'/%3e%3c/svg%3e");--enabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='white'/%3e%3cpath%20d='M7%2012H17'%20stroke='%23110529'%20stroke-width='1.5'/%3e%3c/svg%3e");--disabled-unchecked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.5%204.5H4.5L4.5%2019.5H19.5V4.5ZM4.5%203C3.67157%203%203%203.67157%203%204.5V19.5C3%2020.3284%203.67157%2021%204.5%2021H19.5C20.3284%2021%2021%2020.3284%2021%2019.5V4.5C21%203.67157%2020.3284%203%2019.5%203H4.5Z'%20fill='%233D3D42'/%3e%3c/svg%3e");--disabled-checked-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%233D3D42'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.5431%208.51739L10.3333%2016.0877L6.45691%2012.0174L7.54312%2010.9829L10.3333%2013.9127L16.4569%207.48291L17.5431%208.51739Z'%20fill='%231B1B1F'/%3e%3c/svg%3e");--disabled-indeterminate-icon: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='18'%20height='18'%20rx='2'%20fill='%233D3D42'/%3e%3cpath%20d='M7%2012H17'%20stroke='%231B1B1F'%20stroke-width='1.5'/%3e%3c/svg%3e")}

package/dist/components/PlCheckbox/pl-checkbox.css

@@ -0,0 +1 @@
+.pl-checkbox{--color-label: var(--color-text);--cursor-label: pointer;display:flex;align-items:center;gap:8px}.pl-checkbox.disabled{--color-label: var(--color-dis-01);--cursor-label: default;pointer-events:none}.pl-checkbox>label{-webkit-user-select:none;user-select:none;color:var(--color-label);cursor:var(--cursor-label);font-size:14px;font-weight:500;display:inline-flex;align-items:center}

package/dist/components/PlCheckboxGroup/PlCheckboxGroup.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as k, useSlots as h, createElementBlock as a, openBlock as t, normalizeClass as v, createCommentVNode as u, createElementVNode as r, createBlock as C, toDisplayString as c, unref as m, withCtx as x, renderSlot as y, Fragment as B, renderList as _, createVNode as g, withModifiers as N } from "vue";
-/* empty css                       */
+import './pl-checkbox-group.css';/* empty css                       */
 import S from "../PlCheckbox/PlCheckboxBase.vue.js";
 import w from "../PlTooltip/PlTooltip.vue.js";
 const E = { key: 0 }, M = ["onClick"], P = {

package/dist/components/PlCheckboxGroup/pl-checkbox-group.css

@@ -0,0 +1 @@
+.pl-checkbox-group{--color-label: var(--color-text);--cursor-label: pointer;display:flex;flex-direction:column;font-family:var(--font-family-base)}.pl-checkbox-group.disabled{--color-label: var(--color-dis-01);--cursor-label: default;pointer-events:none}.pl-checkbox-group>label{color:var(--color-label);cursor:var(--cursor-label);display:flex;align-items:center;gap:4px;margin-bottom:6px;font-size:14px;font-weight:600;line-height:20px}.pl-checkbox-group>div{height:32px;display:flex;flex-direction:row;align-items:center;gap:8px}.pl-checkbox-group>div>label{font-size:14px;font-weight:500}

package/dist/components/PlChip/PlChip.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as d, ref as n, onMounted as m, createBlock as f, openBlock as a, unref as u, createSlots as v, withCtx as p, createElementVNode as t, normalizeClass as h, createElementBlock as y, createCommentVNode as k, renderSlot as r, withModifiers as C, withKeys as $ } from "vue";
-/* empty css             */
+import './pl-chip.css';/* empty css             */
 import w from "../PlTooltip/PlTooltip.vue.js";
 const B = { class: "pl-chip__text" }, E = /* @__PURE__ */ d({
   __name: "PlChip",

package/dist/components/PlChip/pl-chip.css

@@ -0,0 +1 @@
+.pl-chip-tooltip{display:inline-flex}.pl-chip{--chip-color: var(--txt-01);position:relative;display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:32px;background:var(--chip-bg);border:var(--chip-border);border-radius:6px;max-width:256px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base);line-height:calc(var(--line-height-base) + 2px);letter-spacing:-.2px;color:var(--chip-color)}.pl-chip.small{height:24px;padding:0 6px;border-radius:4px}.pl-chip.large{height:40px;padding:0 12px;border-radius:6px}[data-theme=dark] .pl-chip{color:#fff}.pl-chip__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-chip__close{cursor:pointer;--mask-color: var(--chip-close-ic-color)}.pl-chip__close:hover{--mask-color: var(--chip-close-ic-hover-color)}.pl-chip__close:focus-visible{--mask-color: var(--chip-close-ic-hover-color);box-shadow:0 0 0 2px var(--border-color-focus);border-radius:1px;outline:none}.pl-chip__close--icon{background:var(--mask-color);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.00001%202.93933L8.00001%206.93933L12%202.93933L13.0607%203.99999L9.06067%207.99999L13.0607%2012L12%2013.0607L8.00001%209.06065L4.00001%2013.0607L2.93935%2012L6.93935%207.99999L2.93935%203.99999L4.00001%202.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}

package/dist/components/PlClipboard/PlClipboard.css

@@ -0,0 +1 @@
+._copy_19vr8_2{cursor:pointer;display:block}

package/dist/components/PlClipboard/PlClipboard.vue3.js

@@ -1,4 +1,4 @@
-const o = "_copy_19vr8_2", c = {
+import './PlClipboard.css';const o = "_copy_19vr8_2", c = {
   copy: o
 };
 export {

package/dist/components/PlConfirmDialog.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as p, createBlock as _, openBlock as b, unref as c, withModifiers as m, withCtx as n, createVNode as r, createTextVNode as l, toDisplayString as a } from "vue";
-import k from "./PlBtnPrimary/PlBtnPrimary.vue.js";
-import V from "./PlBtnSecondary/PlBtnSecondary.vue.js";
-import g from "./PlDialogModal/PlDialogModal.vue.js";
+import k from "./PlDialogModal/PlDialogModal.vue.js";
+import V from "./PlBtnPrimary/PlBtnPrimary.vue.js";
+import g from "./PlBtnSecondary/PlBtnSecondary.vue.js";
 const $ = /* @__PURE__ */ p({
   __name: "PlConfirmDialog",
   props: {
@@ -22,7 +22,7 @@ const $ = /* @__PURE__ */ p({
       var o;
       f("cancel"), (o = e.onCancel) == null || o.call(e);
     };
-    return (o, t) => (b(), _(c(g), {
+    return (o, t) => (b(), _(c(k), {
       modelValue: e.opened,
       "onUpdate:modelValue": t[0] || (t[0] = (C) => e.opened = C),
       closable: !1,
@@ -36,7 +36,7 @@ const $ = /* @__PURE__ */ p({
         l(a(i.message), 1)
       ]),
       actions: n(() => [
-        r(c(k), {
+        r(c(V), {
           onClick: m(s, ["stop"])
         }, {
           default: n(() => [
@@ -44,7 +44,7 @@ const $ = /* @__PURE__ */ p({
           ]),
           _: 1
         }),
-        r(c(V), {
+        r(c(g), {
           onClick: m(u, ["stop"])
         }, {
           default: n(() => [

package/dist/components/PlDialogModal/PlDialogModal.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as B, useSlots as H, ref as x, computed as v, createBlock as p, openBlock as o, Teleport as V, createVNode as w, Transition as b, withCtx as T, createElementBlock as r, createCommentVNode as i, createElementVNode as f, mergeProps as _, withModifiers as $, renderSlot as m, normalizeClass as h } from "vue";
 import { useEventListener as E } from "../../composition/useEventListener.js";
-/* empty css                     */
+import './pl-dialog-modal.css';/* empty css                     */
 import G from "../../utils/PlCloseModalBtn.vue.js";
 const O = {
   key: 1,

package/dist/components/PlDialogModal/pl-dialog-modal.css

@@ -0,0 +1 @@
+.pl-dialog-modal{--padding-top: 24px;--border-radius: 16px;--title-padding: 24px 24px 0 24px;min-height:400px;max-height:calc(100vh - 48px);max-width:calc(100% - 48px);min-width:448px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);background-color:#fff;padding-top:var(--padding-top);display:flex;flex-direction:column;box-shadow:0 2px 8px #24223d1f;border-radius:var(--border-radius)}.pl-dialog-modal.has-title{--padding-top: 0}.pl-dialog-modal.has-content{--title-padding: 24px}.pl-dialog-modal__title{display:flex;align-items:center;font-family:var(--font-family-base);font-size:28px;font-style:normal;font-weight:500;line-height:32px;letter-spacing:-.56px;padding:var(--title-padding)}.pl-dialog-modal__content{flex:1;display:flex;flex-direction:column;gap:24px;padding:16px 24px 40px;min-height:0;line-height:20px;--thumb-color: var(--ic-02);overflow-y:auto}.pl-dialog-modal__content::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dialog-modal__content::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dialog-modal__content::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dialog-modal__content.no-content-gutters{padding:0}.pl-dialog-modal__content.no-top-content-gutter{padding-top:0}.pl-dialog-modal__actions{display:flex;align-items:center;gap:6px;min-height:88px;padding:0 24px}.pl-dialog-modal__actions button{min-width:160px}.pl-dialog-modal__actions.has-top-border{border-top:1px solid var(--border-color-div-grey)}.pl-dialog-modal .alert-error{background-color:var(--txt-error);color:#fff;font-weight:500;padding:12px;border-radius:6px}.pl-dialog-modal .alert-warning{background-color:#fee0a3;font-weight:500;padding:12px;border-radius:6px}.pl-dialog-modal__shadow{position:absolute;z-index:var(--z-dialog);top:var(--title-bar-height);left:0;right:0;bottom:0;background-color:#000000a3}.pl-dialog-modal .close-modal-btn{position:absolute;top:4px;right:4px}

package/dist/components/PlDropdown/OptionList.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as I, useTemplateRef as L, computed as u, createBlock as a, openBlock as o, unref as O, withCtx as m, createElementBlock as s, createCommentVNode as h, Fragment as d, renderList as v, normalizeClass as g, createVNode as k, createElementVNode as y, createTextVNode as V, toDisplayString as $, withModifiers as z } from "vue";
 import C from "../DropdownListItem.vue.js";
-import w from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
 import x from "../../utils/TextLabel.vue.js";
+import w from "../../utils/DropdownOverlay/DropdownOverlay.vue.js";
 const B = {
   key: 1,
   class: "nothing-found"

package/dist/components/PlDropdown/PlDropdown.vue.js

@@ -5,17 +5,17 @@ import { tap as he } from "../../helpers/functions.js";
 import { deepEqual as x } from "../../helpers/objects.js";
 import { normalizeListOptions as we } from "../../helpers/utils.js";
 import ge from "../../utils/DoubleContour.vue.js";
-/* empty css                             */
+import './pl-dropdown.css';import '../LongText.css';import '../../utils/DoubleContour.css';/* empty css                             */
 import { useLabelNotch as ye } from "../../utils/useLabelNotch.js";
 import ke from "../LongText.vue.js";
 /* empty css               */
-import b from "../PlIcon16/PlIcon16.vue.js";
-import F from "../PlIcon24/PlIcon24.vue.js";
-import Ie from "../PlSvg/PlSvg.vue.js";
-import xe from "../PlTooltip/PlTooltip.vue.js";
-import be from "./OptionList.vue.js";
+import Ie from "./OptionList.vue.js";
 /* empty css                 */
-import { useGroupBy as Ve } from "./useGroupBy.js";
+import { useGroupBy as xe } from "./useGroupBy.js";
+import F from "../PlIcon24/PlIcon24.vue.js";
+import b from "../PlIcon16/PlIcon16.vue.js";
+import be from "../PlSvg/PlSvg.vue.js";
+import Ve from "../PlTooltip/PlTooltip.vue.js";
 const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class: "pl-dropdown__field" }, Ee = ["disabled", "placeholder"], Re = {
   key: 0,
   class: "input-value"
@@ -82,7 +82,7 @@ const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
         const a = o.search.toLowerCase();
         return t.label.toLowerCase().includes(a) || t.description && t.description.toLowerCase().includes(a) ? !0 : typeof t.value == "string" ? t.value.toLowerCase().includes(a) : t.value === o.search;
       }) : e;
-    }), { orderedRef: S, groupsRef: W, restRef: j } = Ve(G, "group"), J = i(() => k.value ? void 0 : "0"), O = (e) => {
+    }), { orderedRef: S, groupsRef: W, restRef: j } = xe(G, "group"), J = i(() => k.value ? void 0 : "0"), O = (e) => {
       var t;
       V("update:modelValue", e), o.search = "", o.open = !1, (t = d == null ? void 0 : d.value) == null || t.focus();
     }, Q = (e) => {
@@ -193,12 +193,12 @@ const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
             ])
           ]),
           r.label ? (l(), v("label", Oe, [
-            r.required ? (l(), u(s(Ie), {
+            r.required ? (l(), u(s(be), {
               key: 0,
               uri: s(me)
             }, null, 8, ["uri"])) : c("", !0),
             f("span", null, h(r.label), 1),
-            e.$slots.tooltip ? (l(), u(s(xe), {
+            e.$slots.tooltip ? (l(), u(s(Ve), {
               key: 1,
               class: "info",
               position: "top"
@@ -209,7 +209,7 @@ const _e = ["tabindex"], Le = { class: "pl-dropdown__container" }, Ce = { class:
               _: 3
             })) : c("", !0)
           ])) : c("", !0),
-          o.open ? (l(), u(be, {
+          o.open ? (l(), u(Ie, {
             key: 1,
             ref_key: "optionListRef",
             ref: g,

package/dist/components/PlDropdown/pl-dropdown.css

@@ -0,0 +1 @@
+.pl-dropdown__options{--option-hover-bg: var(--btn-sec-hover-grey);z-index:var(--z-dropdown-options);border:1px solid var(--border-color-div-grey);position:absolute;background-color:var(--pl-dropdown-options-bg);border-radius:6px;max-height:244px;box-shadow:0 4px 12px -2px #0f244d14,0 6px 24px -2px #0f244d14;--thumb-color: var(--ic-02);overflow-y:auto}.pl-dropdown__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dropdown__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dropdown__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dropdown__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:var(--control-height);background-color:#fff;opacity:.5;font-style:italic}.pl-dropdown__options .group-container{padding:4px 0}.pl-dropdown{--contour-color: var(--txt-01);--contour-border-width: 1px;--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);position:relative;outline:none;min-height:var(--control-height);border-radius:6px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base)}.pl-dropdown__envelope{font-family:var(--control-font-family);min-width:160px}.pl-dropdown label{display:flex;align-items:center;gap:4px;position:absolute;top:-8px;left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-dropdown label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);color:var(--txt-01)}.pl-dropdown__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-dropdown__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding-left:11px;min-height:var(--control-height);line-height:var(--control-height);display:flex;flex-direction:row;align-items:center;cursor:pointer}.pl-dropdown__field .input-value{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:row;align-items:center;padding:0 60px 0 11px;pointer-events:none;line-height:20px;color:var(--txt-01);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit}.pl-dropdown__field input{min-height:calc(var(--control-height) - 2px);line-height:20px;font-family:inherit;font-size:inherit;background-color:transparent;border:none;padding:0;width:calc(100% - 40px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-dropdown__field input:focus{outline:none}.pl-dropdown__field input:placeholder-shown{text-overflow:ellipsis}.pl-dropdown__field input::placeholder{color:var(--color-placeholder)}.pl-dropdown__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-dropdown__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-dropdown__controls{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-dropdown__controls .mask-16,.pl-dropdown__controls .mask-24{cursor:pointer}.pl-dropdown__controls .clear{--icon-color: var(--ic-02)}.pl-dropdown__controls .mask-loading{--icon-color: var(--ic-accent);animation:spin 2.5s linear infinite}.pl-dropdown__arrow-wrapper{display:flex;align-items:center;min-height:var(--control-height);padding-right:11px}.pl-dropdown .arrow-icon{cursor:pointer}.pl-dropdown .arrow-icon.arrow-icon-default{transition:transform .2s}.pl-dropdown.open,.pl-dropdown:focus-within{z-index:1;--label-color: var(--txt-focus)}.pl-dropdown.open .pl-dropdown__container{z-index:1000}.pl-dropdown.open .pl-dropdown__field{border-radius:6px 6px 0 0}.pl-dropdown.open .arrow-icon.arrow-icon-default{transform:rotate(-180deg)}.pl-dropdown:hover{--contour-color: var(--control-hover-color)}.pl-dropdown:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-dropdown:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-dropdown.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-dropdown.disabled{--contour-color: var(--color-dis-01);--icon-color: var(--color-dis-01);--label-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.pl-dropdown.disabled .input-value{color:var(--dis-01)}

package/dist/components/PlDropdownLegacy/PlDropdownLegacy.vue.js

@@ -1,21 +1,21 @@
 import { defineComponent as te, useSlots as ne, ref as V, reactive as le, computed as s, unref as u, watch as B, watchPostEffect as re, createElementBlock as a, openBlock as l, createElementVNode as p, createCommentVNode as c, normalizeClass as b, createVNode as F, withDirectives as ie, vModelText as ae, withCtx as M, createTextVNode as se, toDisplayString as m, createBlock as h, renderSlot as N, withModifiers as w, Fragment as de, renderList as ce } from "vue";
-/* empty css                        */
+import '../LongText.css';import '../../utils/DoubleContour.css';import './pl-dropdown-legacy.css';/* empty css                        */
 import { tap as ue, tapIf as pe } from "../../helpers/functions.js";
-import fe from "../PlTooltip/PlTooltip.vue.js";
-import ve from "../../utils/DoubleContour.vue.js";
+import fe from "../../utils/DoubleContour.vue.js";
 /* empty css                             */
-import { useLabelNotch as me } from "../../utils/useLabelNotch.js";
-import { scrollIntoView as he } from "../../helpers/dom.js";
+import { useLabelNotch as ve } from "../../utils/useLabelNotch.js";
+import { scrollIntoView as me } from "../../helpers/dom.js";
 import { deepEqual as C } from "../../helpers/objects.js";
-import we from "../DropdownListItem.vue.js";
-import ke from "../LongText.vue.js";
+import he from "../DropdownListItem.vue.js";
+import we from "../LongText.vue.js";
 /* empty css               */
-import ye from "../PlIcon16/PlIcon16.vue.js";
-import _e from "../PlIcon24/PlIcon24.vue.js";
-import { normalizeListOptions as Ie } from "../../helpers/utils.js";
-import { getErrorMessage as ge } from "../../helpers/error.js";
+import { normalizeListOptions as ke } from "../../helpers/utils.js";
+import { getErrorMessage as ye } from "../../helpers/error.js";
+import _e from "../../assets/images/required.svg.js";
+import Ie from "../PlIcon24/PlIcon24.vue.js";
+import ge from "../PlIcon16/PlIcon16.vue.js";
 import xe from "../PlSvg/PlSvg.vue.js";
-import Ve from "../../assets/images/required.svg.js";
+import Ve from "../PlTooltip/PlTooltip.vue.js";
 const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class: "ui-dropdown__container" }, Le = { class: "ui-dropdown__field" }, Se = ["disabled", "placeholder"], Ae = { class: "ui-dropdown__controls" }, Oe = { key: 0 }, $e = {
   key: 0,
   class: "nothing-found"
@@ -59,12 +59,12 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
     ), R = () => t.activeIndex = H(), k = s(() => n.options === void 0), I = s(() => k.value ? !0 : n.disabled), S = s(() => (n.options ?? []).findIndex((e) => C(e.value, n.modelValue))), A = s(() => {
       if (!k.value) {
         if (n.error)
-          return ge(n.error);
+          return ye(n.error);
         if (n.modelValue !== void 0 && S.value === -1)
           return "The selected value is not one of the options";
       }
     }), O = s(
-      () => Ie(n.options ?? []).map((e, o) => ({
+      () => ke(n.options ?? []).map((e, o) => ({
         ...e,
         index: o,
         isSelected: o === S.value,
@@ -91,7 +91,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
     }, X = () => {
       const e = L.value;
       e && pe(e.querySelector(".hovered-item"), (o) => {
-        he(e, o);
+        me(e, o);
       });
     }, Y = (e) => {
       var P, z;
@@ -112,7 +112,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
       const Z = v.findIndex((x) => x.index === i) ?? -1, ee = e.code === "ArrowDown" ? 1 : e.code === "ArrowUp" ? -1 : 0, oe = Math.abs(Z + ee + y) % y;
       t.activeIndex = f.value[oe].index ?? -1;
     };
-    return me(d), B(() => n.modelValue, R, { immediate: !0 }), B(
+    return ve(d), B(() => n.modelValue, R, { immediate: !0 }), B(
       () => t.open,
       (e) => {
         var o;
@@ -149,7 +149,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
               key: 0,
               onClick: J
             }, [
-              F(ke, { class: "input-value" }, {
+              F(we, { class: "input-value" }, {
                 default: M(() => [
                   se(m($.value), 1)
                 ]),
@@ -157,11 +157,11 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
               })
             ])),
             p("div", Ae, [
-              k.value ? (l(), h(u(_e), {
+              k.value ? (l(), h(u(Ie), {
                 key: 0,
                 name: "loading"
               })) : c("", !0),
-              r.clearable && K.value ? (l(), h(u(ye), {
+              r.clearable && K.value ? (l(), h(u(ge), {
                 key: 1,
                 class: "clear",
                 name: "delete-clear",
@@ -186,10 +186,10 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
           r.label ? (l(), a("label", Oe, [
             r.required ? (l(), h(u(xe), {
               key: 0,
-              uri: u(Ve)
+              uri: u(_e)
             }, null, 8, ["uri"])) : c("", !0),
             p("span", null, m(r.label), 1),
-            u(T).tooltip ? (l(), h(u(fe), {
+            u(T).tooltip ? (l(), h(u(Ve), {
               key: 1,
               class: "info",
               position: "top"
@@ -206,7 +206,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
             ref: L,
             class: "ui-dropdown__options"
           }, [
-            (l(!0), a(de, null, ce(f.value, (i, v) => (l(), h(we, {
+            (l(!0), a(de, null, ce(f.value, (i, v) => (l(), h(he, {
               key: v,
               option: i,
               "is-selected": i.isSelected,
@@ -216,7 +216,7 @@ const be = { class: "ui-dropdown__envelope" }, Ce = ["tabindex"], Ee = { class:
             }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
             f.value.length ? c("", !0) : (l(), a("div", $e, "Nothing found"))
           ], 512)) : c("", !0),
-          F(ve, { class: "ui-dropdown__contour" })
+          F(fe, { class: "ui-dropdown__contour" })
         ])
       ], 42, Ce),
       A.value ? (l(), a("div", De, m(A.value), 1)) : k.value && r.loadingOptionsHelper ? (l(), a("div", Pe, m(r.loadingOptionsHelper), 1)) : r.helper ? (l(), a("div", ze, m(r.helper), 1)) : c("", !0)

package/dist/components/PlDropdownLegacy/pl-dropdown-legacy.css

@@ -0,0 +1 @@
+.pl-dropdown-legacy{--contour-color: var(--txt-01);--contour-border-width: 1px;--options-bg: #fff;--option-hover-bg: var(--btn-sec-hover-grey);--label-offset-left-x: 8px;--label-offset-right-x: 8px;--label-color: var(--txt-01);position:relative;outline:none;min-height:var(--control-height);border-radius:6px;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weigh-base)}[data-theme=dark] .pl-dropdown-legacy{--options-bg: #1b1b1f}.pl-dropdown-legacy__envelope{font-family:var(--control-font-family);min-width:160px}.pl-dropdown-legacy label{display:flex;align-items:center;gap:4px;position:absolute;top:-8px;left:var(--label-offset-left-x);padding:0 4px;max-width:calc(100% - 16px);overflow:hidden;white-space:pre;text-overflow:ellipsis;cursor:inherit;color:var(--label-color);font-size:12px;font-weight:500;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:var(--bg-elevated-01)}.pl-dropdown-legacy label>span{overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown-legacy__container{position:absolute;top:0;left:0;right:0;border-radius:6px;min-height:var(--control-height);color:var(--txt-01)}.pl-dropdown-legacy__contour{border-radius:var(--border-radius-control);border:var(--contour-border-width) solid var(--contour-color);box-shadow:var(--contour-box-shadow);z-index:0;pointer-events:none}.pl-dropdown-legacy__options{position:relative;background-color:var(--options-bg);border-radius:0 0 6px 6px;max-height:244px;border-top:1px solid var(--color-div-black);--thumb-color: var(--ic-02);overflow-y:auto}.pl-dropdown-legacy__options::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-dropdown-legacy__options::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-dropdown-legacy__options::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}.pl-dropdown-legacy__options .nothing-found{padding:0 10px;height:var(--control-height);line-height:var(--control-height);background-color:#fff;opacity:.5;font-style:italic}.pl-dropdown-legacy__options .option{position:relative;padding:0 30px 0 10px;height:var(--control-height);line-height:var(--control-height);cursor:pointer;-webkit-user-select:none;user-select:none}.pl-dropdown-legacy__options .option .checkmark{position:absolute;display:none;right:10px;top:50%;transform:translateY(-50%)}.pl-dropdown-legacy__options .option>span{display:block;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}.pl-dropdown-legacy__options .option.selected{background-color:var(--color-active-select)}.pl-dropdown-legacy__options .option.selected .checkmark{display:block}.pl-dropdown-legacy__options .option.active:not(.selected){background-color:var(--option-hover-bg)}.pl-dropdown-legacy__options .option:hover{background-color:var(--option-hover-bg)}.pl-dropdown-legacy__field{position:relative;border-radius:6px;overflow:hidden;background:transparent;padding:0 11px;min-height:var(--control-height);line-height:var(--control-height);display:flex;flex-direction:row;align-items:center}.pl-dropdown-legacy__field .input-value{outline:1px solid red;position:absolute;top:0;left:0;bottom:0;right:0;padding:0 60px 0 11px;pointer-events:none;line-height:var(--control-height);color:var(--contour-color);overflow:hidden;white-space:pre;text-overflow:ellipsis}.pl-dropdown-legacy__field input{min-height:calc(var(--control-height) - 2px);line-height:calc(var(--control-height) - 2px);font-family:inherit;font-size:inherit;background-color:transparent;border:none;padding:0;width:calc(100% - 40px);color:var(--txt-01);caret-color:var(--border-color-focus)}.pl-dropdown-legacy__field input:focus{outline:none}.pl-dropdown-legacy__field input:placeholder-shown{text-overflow:ellipsis}.pl-dropdown-legacy__field input::placeholder{color:var(--color-placeholder)}.pl-dropdown-legacy__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-dropdown-legacy__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-dropdown-legacy__controls{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}.pl-dropdown-legacy__controls .mask-16,.pl-dropdown-legacy__controls .mask-24{--icon-color: var(--control-mask-fill);cursor:pointer}.pl-dropdown-legacy__controls .clear{--icon-color: var(--ic-02)}.pl-dropdown-legacy__controls .mask-loading{--icon-color: var(#07ad3e);animation:spin 2.5s linear infinite}.pl-dropdown-legacy .arrow-icon{cursor:pointer}.pl-dropdown-legacy .arrow-icon.arrow-icon-default{background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2.46967%206.53033L3.53033%205.46967L8%209.93934L12.4697%205.46967L13.5303%206.53033L8%2012.0607L2.46967%206.53033Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}.pl-dropdown-legacy.open,.pl-dropdown-legacy:focus-within{z-index:1;--label-color: var(--txt-focus)}.pl-dropdown-legacy.open .pl-dropdown-legacy__container{z-index:1000}.pl-dropdown-legacy.open .pl-dropdown-legacy__field{border-radius:6px 6px 0 0}.pl-dropdown-legacy.open .arrow-icon{background-color:var(--control-mask-fill);mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%204.93933L13.5303%2010.4697L12.4697%2011.5303L8%207.06065L3.53033%2011.5303L2.46967%2010.4697L8%204.93933Z'%20fill='%23110529'/%3e%3c/svg%3e");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:16px;-webkit-mask-size:16px;width:16px;height:16px}.pl-dropdown-legacy:hover{--contour-color: var(--control-hover-color)}.pl-dropdown-legacy:focus-within:not(.error){--label-color: var(--txt-focus);--contour-color: var(--border-color-focus);--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--border-color-focus-shadow)}.pl-dropdown-legacy:focus-within.error{--contour-border-width: 2px;--contour-box-shadow: 0 0 0 4px var(--color-error-shadow)}.pl-dropdown-legacy.error{--contour-color: var(--txt-error);--label-color: var(--txt-error)}.pl-dropdown-legacy.disabled{--contour-color: var(--color-dis-01);--control-mask-fill: var(--color-dis-01);--label-color: var(--color-dis-01);cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}

package/dist/components/PlDropdownLine/PlDropdownLine.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as W, reactive as B, ref as y, computed as O, toRef as X, watch as _, nextTick as D, createElementBlock as d, openBlock as r, normalizeClass as Y, createElementVNode as c, createVNode as C, createBlock as Z, createCommentVNode as k, toDisplayString as ee, withDirectives as F, vShow as A, Teleport as te, withModifiers as f, normalizeStyle as H, Fragment as T, renderList as L, unref as b, renderSlot as M } from "vue";
-/* empty css                      */
+import './pl-dropdown-line.css';/* empty css                      */
 import { deepEqual as S } from "../../helpers/objects.js";
 import { useClickOutside as oe } from "../../composition/useClickOutside.js";
 import { useFilteredList as ne } from "../../composition/useFilteredList.js";

package/dist/components/PlDropdownLine/ResizableInput.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as o, createElementBlock as u, openBlock as c, createElementVNode as d, normalizeStyle as m, toDisplayString as h, mergeProps as _ } from "vue";
-/* empty css                     */
+import './resizable-input.css';/* empty css                     */
 const f = { class: "resizable-input" }, b = ["placeholder", "value", "disabled"], V = /* @__PURE__ */ p({
   __name: "ResizableInput",
   props: {