@milaboratories/uikit 2.15.36 → 2.15.38

package/dist/components/PlSearchField/PlSearchField.vue2.js

@@ -24,27 +24,34 @@ var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 		};
 		return (r, u) => (p(), o("div", {
 			ref: "root",
-			class: f(r.$style.component)
+			class: f(r.$style.component),
+			"data-testid": "pl-search-field"
 		}, [
-			l(g(t), { name: "search" }),
+			l(g(t), {
+				name: "search",
+				"data-testid": "pl-search-field-icon"
+			}),
 			x(s("input", {
 				ref: "input",
 				"onUpdate:modelValue": u[0] ||= (e) => d.value = e,
 				disabled: w.disabled,
 				placeholder: w.placeholder || "Find...",
 				type: "text",
-				spellcheck: "false"
+				spellcheck: "false",
+				"data-testid": "pl-search-field-input"
 			}, null, 8, C), [[y, d.value]]),
 			w.clearable && E.value ? (p(), i(g(n), {
 				key: 0,
 				class: f(r.$style.clear),
 				name: "delete-clear",
+				"data-testid": "pl-search-field-clear",
 				onClick: S(O, ["stop"])
 			}, null, 8, ["class"])) : a("", !0),
 			D.value ? (p(), i(e, {
 				key: 1,
 				class: "info",
-				position: "bottom"
+				position: "bottom",
+				"data-testid": "pl-search-field-helper"
 			}, {
 				tooltip: b(() => [m(r.$slots, "helper", {}, () => [c(h(w.helper), 1)])]),
 				_: 3

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\">\n    <PlIcon24 name=\"search\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAc,GAAA,aAAoB,EAE1C,IAAQ,GAOR,IAAQ,GAEV,EAEE,IAAW,QAAe,EAAM,SAAS,QAAQ,EAAM,MAAM,SAAS,EAAE,EACxE,IAAY,QAAe,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAK,EAExE,UAAc;AAClB,GAAI,EAAM,cACR,EAAM,QAAS,OAAO,EAAM,aAAc,aAAa,EAAM,WAAW,GAAG;;yBAM7E,EAwBM,OAAA;GAxBD,KAAI;GAAQ,OAAK,EAAEA,EAAAA,OAAO,UAAS;;GACtC,EAA0B,EAAA,EAAA,EAAA,EAAhB,MAAK,UAAQ,CAAA;KACvB,EAOE,SAAA;IANA,KAAI;6CACU,QAAA;IACb,UAAU,EAAM;IAChB,aAAa,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;wBAJF,EAAA,MAAK,CAAA,CAAA;GAOR,EAAM,aAAa,EAAA,SAAA,GAAA,EAD3B,EAKE,EAAA,EAAA,EAAA;;IAHC,OAAK,EAAEA,EAAAA,OAAO,MAAK;IACpB,MAAK;IACJ,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;GAGH,EAAA,SAAA,GAAA,EAAjB,EAMY,GAAA;;IANgB,OAAM;IAAO,UAAS;;IACrC,SAAO,QAGT,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAM,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSearchField/PlSearchField.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"V extends undefined | string, C extends V\">\nimport { PlIcon16 } from \"../PlIcon16\";\nimport { PlIcon24 } from \"../PlIcon24\";\nimport { computed } from \"vue\";\nimport PlTooltip from \"../PlTooltip/PlTooltip.vue\";\n\nconst model = defineModel<V>({ required: true });\n\nconst props = defineProps<{\n  modelValue?: string;\n  clearable?: boolean | (() => C);\n  placeholder?: string;\n  disabled?: boolean;\n  helper?: string;\n}>();\nconst slots = defineSlots<{\n  helper: () => unknown;\n}>();\n\nconst nonEmpty = computed(() => model.value != null && model.value.length > 0);\nconst hasHelper = computed(() => props.helper != null || slots.helper != null);\n\nconst clear = () => {\n  if (props.clearable) {\n    model.value = (typeof props.clearable === \"function\" ? props.clearable() : \"\") as V;\n  }\n};\n</script>\n\n<template>\n  <div ref=\"root\" :class=\"$style.component\" data-testid=\"pl-search-field\">\n    <PlIcon24 name=\"search\" data-testid=\"pl-search-field-icon\" />\n    <input\n      ref=\"input\"\n      v-model=\"model\"\n      :disabled=\"props.disabled\"\n      :placeholder=\"props.placeholder || 'Find...'\"\n      type=\"text\"\n      spellcheck=\"false\"\n      data-testid=\"pl-search-field-input\"\n    />\n    <PlIcon16\n      v-if=\"props.clearable && nonEmpty\"\n      :class=\"$style.clear\"\n      name=\"delete-clear\"\n      data-testid=\"pl-search-field-clear\"\n      @click.stop=\"clear\"\n    />\n\n    <PlTooltip v-if=\"hasHelper\" class=\"info\" position=\"bottom\" data-testid=\"pl-search-field-helper\">\n      <template #tooltip>\n        <slot name=\"helper\">\n          {{ props.helper }}\n        </slot>\n      </template>\n    </PlTooltip>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.component {\n  --pl-search-field-border-bottom-color: var(--txt-01);\n  --pl-search-field-bg: transparent;\n  --pl-search-field-caret-color: auto;\n  --pl-search-field-clear-display: none;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-height: calc(var(--control-height) - 2px);\n  line-height: calc(var(--control-height) - 2px);\n  background-color: var(--pl-search-field-bg);\n  padding: 0 0 0 0;\n  border-bottom: 1px solid var(--pl-search-field-border-bottom-color);\n\n  input {\n    margin-left: 8px;\n    width: 100%;\n    height: 20px;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 20px;\n    caret-color: var(--pl-search-field-caret-color);\n  }\n\n  &:focus-within {\n    --pl-search-field-border-bottom-color: var(--txt-focus);\n    --pl-search-field-caret-color: var(--border-color-focus);\n    --pl-search-field-clear-display: block;\n  }\n\n  &:hover {\n    --pl-search-field-clear-display: block;\n  }\n\n  .clear {\n    --icon-color: var(--ic-02);\n    cursor: pointer;\n    margin-left: auto;\n    display: var(--pl-search-field-clear-display);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,EAAc,GAAA,aAAoB,EAE1C,IAAQ,GAOR,IAAQ,GAEV,EAEE,IAAW,QAAe,EAAM,SAAS,QAAQ,EAAM,MAAM,SAAS,EAAE,EACxE,IAAY,QAAe,EAAM,UAAU,QAAQ,EAAM,UAAU,KAAK,EAExE,UAAc;AAClB,GAAI,EAAM,cACR,EAAM,QAAS,OAAO,EAAM,aAAc,aAAa,EAAM,WAAW,GAAG;;yBAM7E,EA0BM,OAAA;GA1BD,KAAI;GAAQ,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;;GACpD,EAA6D,EAAA,EAAA,EAAA;IAAnD,MAAK;IAAS,eAAY;;KACpC,EAQE,SAAA;IAPA,KAAI;6CACU,QAAA;IACb,UAAU,EAAM;IAChB,aAAa,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;IACX,eAAY;wBALH,EAAA,MAAK,CAAA,CAAA;GAQR,EAAM,aAAa,EAAA,SAAA,GAAA,EAD3B,EAME,EAAA,EAAA,EAAA;;IAJC,OAAK,EAAEA,EAAAA,OAAO,MAAK;IACpB,MAAK;IACL,eAAY;IACX,SAAK,EAAO,GAAK,CAAA,OAAA,CAAA;;GAGH,EAAA,SAAA,GAAA,EAAjB,EAMY,GAAA;;IANgB,OAAM;IAAO,UAAS;IAAS,eAAY;;IAC1D,SAAO,QAGT,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAM,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/PlSectionSeparator/PlSectionSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSectionSeparator.js","names":[],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n    <div :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSectionSeparator.js","names":[],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    class=\"pl-section-separator\"\n    data-testid=\"pl-section-separator\"\n    :class=\"{ [$style.compact]: compact }\"\n  >\n    <div data-testid=\"pl-section-separator-content\" :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSectionSeparator/PlSectionSeparator.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSectionSeparator.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n    <div :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSectionSeparator.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    class=\"pl-section-separator\"\n    data-testid=\"pl-section-separator\"\n    :class=\"{ [$style.compact]: compact }\"\n  >\n    <div data-testid=\"pl-section-separator-content\" :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSectionSeparator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAoCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlSectionSeparator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAsCF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSectionSeparator/PlSectionSeparator.vue2.js

@@ -4,7 +4,13 @@ var o = /* @__PURE__ */ n({
 	__name: "PlSectionSeparator",
 	props: { compact: { type: Boolean } },
 	setup(n) {
-		return (o, s) => (i(), e("div", { class: r(["pl-section-separator", { [o.$style.compact]: n.compact }]) }, [t("div", { class: r(o.$style.content) }, [a(o.$slots, "default")], 2)], 2));
+		return (o, s) => (i(), e("div", {
+			class: r(["pl-section-separator", { [o.$style.compact]: n.compact }]),
+			"data-testid": "pl-section-separator"
+		}, [t("div", {
+			"data-testid": "pl-section-separator-content",
+			class: r(o.$style.content)
+		}, [a(o.$slots, "default")], 2)], 2));
 	}
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"PlSectionSeparator.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-section-separator\" :class=\"{ [$style.compact]: compact }\">\n    <div :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":";;;;;;yBAUE,EAEM,OAAA,EAFD,OAAK,EAAA,CAAC,wBAAsB,GAAYA,EAAAA,OAAO,UAAU,EAAA,SAAO,CAAA,CAAA,EAAA,EAAA,CACnE,EAA2C,OAAA,EAArC,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlSectionSeparator.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSectionSeparator/PlSectionSeparator.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  /**\n   * If `true`, remove top padding\n   */\n  compact?: boolean;\n}>();\n</script>\n\n<template>\n  <div\n    class=\"pl-section-separator\"\n    data-testid=\"pl-section-separator\"\n    :class=\"{ [$style.compact]: compact }\"\n  >\n    <div data-testid=\"pl-section-separator-content\" :class=\"$style.content\"><slot /></div>\n  </div>\n</template>\n\n<style module>\n:global(.pl-section-separator) {\n  --pl-separator-padding: 20px 0 4px 0;\n  --pl-separator-txt-color: var(--txt-03);\n  --pl-separador-divider-color: var(--border-color-div-grey);\n  --mask-icon-bg-color: var(--ic-02);\n  display: flex;\n  flex-direction: column;\n  padding: var(--pl-separator-padding);\n}\n\n:global(.pl-section-separator):first-child {\n  --pl-separator-padding: 4px 0 4px 0;\n}\n\n.compact {\n  --pl-separator-padding: 0 0 4px 0;\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--pl-separator-txt-color);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 14px;\n  min-height: 16px;\n  letter-spacing: 0.52px;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n.content::after {\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--pl-separador-divider-color);\n  margin-left: 4px;\n}\n</style>\n"],"mappings":";;;;;;yBAUE,EAMM,OAAA;GALJ,OAAK,EAAA,CAAC,wBAAsB,GAEjBA,EAAAA,OAAO,UAAU,EAAA,SAAO,CAAA,CAAA;GADnC,eAAY;MAGZ,EAAsF,OAAA;GAAjF,eAAY;GAAgC,OAAK,EAAEA,EAAAA,OAAO,QAAO;MAAE,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlSidebar/PlSidebarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSidebarGroup.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-group\" :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div data-testid=\"pl-sidebar-group-item\" :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSidebar/PlSidebarGroup.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSidebarGroup.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-group\" :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div data-testid=\"pl-sidebar-group-item\" :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSidebar/PlSidebarGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"names":[],"mappings":"AAsCA,KAAK,WAAW,GAAG;KAChB,CAAC,IAAI,QAAQ,MAAM,EAAE,GAAG,MAAM,OAAO;CACvC,CAAC;AAsCF,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"names":[],"mappings":"AAsCA,KAAK,WAAW,GAAG;KAChB,CAAC,IAAI,QAAQ,MAAM,EAAE,GAAG,MAAM,OAAO;CACvC,CAAC;AAwCF,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js

@@ -4,8 +4,12 @@ var c = /* @__PURE__ */ n({
 	__name: "PlSidebarGroup",
 	setup(n) {
 		let c = s();
-		return (n, s) => (i(), t("div", { class: r(n.$style.root) }, [(i(!0), t(e, null, a(Object.keys(c), (e) => (i(), t("div", {
+		return (n, s) => (i(), t("div", {
+			"data-testid": "pl-sidebar-group",
+			class: r(n.$style.root)
+		}, [(i(!0), t(e, null, a(Object.keys(c), (e) => (i(), t("div", {
 			key: e,
+			"data-testid": "pl-sidebar-group-item",
 			class: r(n.$style.item)
 		}, [o(n.$slots, e)], 2))), 128))], 2));
 	}

package/dist/components/PlSidebar/PlSidebarGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAEV;yBAIF,EAMM,OAAA,EANA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,EAAA,EAAA,GAAA,EACtB,EAIW,GAAA,MAAA,EAJc,OAAO,KAAK,EAAK,GAAzB,YACf,EAEM,OAAA;QAHiE;GACjE,OAAK,EAAEA,EAAAA,OAAO,KAAI;MACtB,EAAqB,EAAA,QAAR,EAAI,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlSidebarGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  [K in `item-${number}`]: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-group\" :class=\"$style.root\">\n    <template v-for=\"name in Object.keys(slots) as `item-${number}`[]\" :key=\"name\">\n      <div data-testid=\"pl-sidebar-group-item\" :class=\"$style.item\">\n        <slot :name=\"name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n}\n\n.item {\n  width: 1000%;\n  height: 100%;\n  border-right: 1px solid var(--border-color-div-grey);\n\n  &:last-child {\n    border-right: none;\n  }\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAEV;yBAIF,EAMM,OAAA;GAND,eAAY;GAAoB,OAAK,EAAEA,EAAAA,OAAO,KAAI;cACrD,EAIW,GAAA,MAAA,EAJc,OAAO,KAAK,EAAK,GAAzB,YACf,EAEM,OAAA;QAHiE;GAClE,eAAY;GAAyB,OAAK,EAAEA,EAAAA,OAAO,KAAI;MAC1D,EAAqB,EAAA,QAAR,EAAI,CAAA,EAAA,EAAA"}

package/dist/components/PlSidebar/PlSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSidebarItem.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-item\" :class=\"$style.root\">\n    <slot name=\"header\">\n      <div\n        v-if=\"slots['header-content']\"\n        data-testid=\"pl-sidebar-item-header\"\n        :class=\"$style.header\"\n      >\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" data-testid=\"pl-sidebar-item-body\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div\n        v-if=\"slots['footer-content']\"\n        data-testid=\"pl-sidebar-item-footer\"\n        :class=\"$style.footer\"\n      >\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSidebar/PlSidebarItem.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSidebarItem.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-item\" :class=\"$style.root\">\n    <slot name=\"header\">\n      <div\n        v-if=\"slots['header-content']\"\n        data-testid=\"pl-sidebar-item-header\"\n        :class=\"$style.header\"\n      >\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" data-testid=\"pl-sidebar-item-body\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div\n        v-if=\"slots['footer-content']\"\n        data-testid=\"pl-sidebar-item-footer\"\n        :class=\"$style.footer\"\n      >\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSidebar/PlSidebarItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"names":[],"mappings":"AA8DA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;CAClC,CAAC;AAwDF,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlSidebarItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;CAClC,CAAC;AA4DF,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSidebar/PlSidebarItem.vue2.js

@@ -4,17 +4,23 @@ var s = /* @__PURE__ */ n({
 	__name: "PlSidebarItem",
 	setup(n) {
 		let s = o();
-		return (n, o) => (i(), t("div", { class: r(n.$style.root) }, [
+		return (n, o) => (i(), t("div", {
+			"data-testid": "pl-sidebar-item",
+			class: r(n.$style.root)
+		}, [
 			a(n.$slots, "header", {}, () => [s["header-content"] ? (i(), t("div", {
 				key: 0,
+				"data-testid": "pl-sidebar-item-header",
 				class: r(n.$style.header)
 			}, [a(n.$slots, "header-content")], 2)) : e("", !0)]),
 			a(n.$slots, "body", {}, () => [s["body-content"] ? (i(), t("div", {
 				key: 0,
+				"data-testid": "pl-sidebar-item-body",
 				class: r(n.$style.body)
 			}, [a(n.$slots, "body-content")], 2)) : e("", !0)]),
 			a(n.$slots, "footer", {}, () => [s["footer-content"] ? (i(), t("div", {
 				key: 0,
+				"data-testid": "pl-sidebar-item-footer",
 				class: r(n.$style.footer)
 			}, [a(n.$slots, "footer-content")], 2)) : e("", !0)])
 		], 2));

package/dist/components/PlSidebar/PlSidebarItem.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSidebarItem.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <slot name=\"header\">\n      <div v-if=\"slots['header-content']\" :class=\"$style.header\">\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div v-if=\"slots['footer-content']\" :class=\"$style.footer\">\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAOV;yBAIF,EAgBM,OAAA,EAhBA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA;GACtB,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGlC,EAIO,EAAA,QAAA,QAAA,EAAA,QAAA,CAHM,EAAK,mBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF6B,OAAK,EAAEA,EAAAA,OAAO,KAAI;OACnD,EAA4B,EAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGhC,EAIO,EAAA,QAAA,UAAA,EAAA,QAAA,CAHM,EAAK,qBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF+B,OAAK,EAAEA,EAAAA,OAAO,OAAM;OACvD,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"PlSidebarItem.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSidebar/PlSidebarItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n  header?: () => unknown;\n  \"header-content\"?: () => unknown;\n  body?: () => unknown;\n  \"body-content\"?: () => unknown;\n  footer?: () => unknown;\n  \"footer-content\"?: () => unknown;\n}>();\n</script>\n\n<template>\n  <div data-testid=\"pl-sidebar-item\" :class=\"$style.root\">\n    <slot name=\"header\">\n      <div\n        v-if=\"slots['header-content']\"\n        data-testid=\"pl-sidebar-item-header\"\n        :class=\"$style.header\"\n      >\n        <slot name=\"header-content\" />\n      </div>\n    </slot>\n    <slot name=\"body\">\n      <div v-if=\"slots['body-content']\" data-testid=\"pl-sidebar-item-body\" :class=\"$style.body\">\n        <slot name=\"body-content\" />\n      </div>\n    </slot>\n    <slot name=\"footer\">\n      <div\n        v-if=\"slots['footer-content']\"\n        data-testid=\"pl-sidebar-item-footer\"\n        :class=\"$style.footer\"\n      >\n        <slot name=\"footer-content\" />\n      </div>\n    </slot>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../../assets/variables.scss\";\n\n.root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.close {\n  cursor: pointer;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  padding: 8px;\n}\n.header {\n  padding: 24px;\n}\n.body {\n  flex-grow: 1;\n  padding: 24px;\n  overflow-y: auto;\n}\n.footer {\n  padding: 24px;\n  border-top: 1px solid var(--border-color-div-grey);\n}\n</style>\n"],"mappings":";;;;;EACA,IAAM,IAAQ,GAOV;yBAIF,EAwBM,OAAA;GAxBD,eAAY;GAAmB,OAAK,EAAEA,EAAAA,OAAO,KAAI;;GACpD,EAQO,EAAA,QAAA,UAAA,EAAA,QAAA,CANG,EAAK,qBAAA,GAAA,EADb,EAMM,OAAA;;IAJJ,eAAY;IACX,OAAK,EAAEA,EAAAA,OAAO,OAAM;OAErB,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGlC,EAIO,EAAA,QAAA,QAAA,EAAA,QAAA,CAHM,EAAK,mBAAA,GAAA,EAAhB,EAEM,OAAA;;IAF4B,eAAY;IAAwB,OAAK,EAAEA,EAAAA,OAAO,KAAI;OACtF,EAA4B,EAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAGhC,EAQO,EAAA,QAAA,UAAA,EAAA,QAAA,CANG,EAAK,qBAAA,GAAA,EADb,EAMM,OAAA;;IAJJ,eAAY;IACX,OAAK,EAAEA,EAAAA,OAAO,OAAM;OAErB,EAA8B,EAAA,QAAA,iBAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlSlideModal/PlPureSlideModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <PlCloseModalBtn class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlPureSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        data-testid=\"pl-pure-slide-modal\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <PlCloseModalBtn\n          data-testid=\"pl-slide-modal-close\"\n          class=\"close-dialog-btn\"\n          @click=\"emit('update:modelValue', false)\"\n        />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      data-testid=\"pl-slide-modal-shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/PlSlideModal/PlPureSlideModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"names":[],"mappings":"AAgEA,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;wBAIhB,OAAO,YAAY;AAAxC,wBAAyC;AAMzC,QAAA,MAAM,YAAY;;;;;;;;;;cA2HJ,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlPureSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"names":[],"mappings":"AAsEA,OAAO,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;wBAIhB,OAAO,YAAY;AAAxC,wBAAyC;AAMzC,QAAA,MAAM,YAAY;;;;;;;;;;cA+HJ,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSlideModal/PlPureSlideModal.vue2.js

@@ -27,14 +27,17 @@ var b = /* @__PURE__ */ u({
 				ref_key: "modal",
 				ref: b,
 				class: "pl-slide-modal",
-				style: { width: S.width }
+				style: { width: S.width },
+				"data-testid": "pl-pure-slide-modal"
 			}, g(x), { onKeyup: t[1] ||= y((e) => d("update:modelValue", !1), ["esc"]) }), [l(n, {
+				"data-testid": "pl-slide-modal-close",
 				class: "close-dialog-btn",
 				onClick: t[0] ||= (e) => d("update:modelValue", !1)
 			}), h(e.$slots, "default")], 16)) : s("", !0)]),
 			_: 3
 		}), S.modelValue && S.shadow ? (p(), c("div", {
 			key: 0,
+			"data-testid": "pl-slide-modal-shadow",
 			class: "pl-slide-modal__shadow",
 			onKeyup: t[2] ||= y((e) => d("update:modelValue", !1), ["esc"])
 		}, null, 32)) : s("", !0)]));

package/dist/components/PlSlideModal/PlPureSlideModal.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPureSlideModal.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <PlCloseModalBtn class=\"close-dialog-btn\" @click=\"emit('update:modelValue', false)\" />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;;EAehB,IAAM,IAAO,GAIP,IAAQ,GAAK,EACb,IAAQ,GAAU,EAClB,IAAQ;SAEd,EAAgB,SAAa;AAC3B,GAAI,EAAM,cAAc,EAAM,uBAC5B,EAAK,qBAAqB,GAAM;IAElC,EAEF,EAAiB,UAAU,YAAY,MAAuB;AAC5D,GAAI,EAAI,QAAQ,YACd,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAmBW,GAAA,EAnBD,IAAG,QAAM,EAAA,CACjB,EAYuB,GAAA,MAAA;oBADf,CATE,EAAM,cAAA,GAAA,EADd,EAUM,OAVN,EAUM;;aARA;IAAJ,KAAI;IACJ,OAAM;IACL,OAAK,EAAA,OAAW,EAAM,OAAK;MACpB,EAAA,EAAK,EAAA,EACZ,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAEhB,EAAsF,GAAA;IAArE,OAAM;IAAoB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,qBAAA,GAAA;OACtD,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;MAIJ,EAAM,cAAc,EAAM,UAAA,GAAA,EADlC,EAIE,OAAA;;GAFA,OAAM;GACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA"}
+{"version":3,"file":"PlPureSlideModal.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSlideModal/PlPureSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlPureSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\n\nimport { ref, useAttrs } from \"vue\";\nimport { useClickOutside } from \"../../composition/useClickOutside\";\nimport { useEventListener } from \"../../composition/useEventListener\";\nimport PlCloseModalBtn from \"../../utils/PlCloseModalBtn.vue\";\nimport TransitionSlidePanel from \"../TransitionSlidePanel.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n\nconst modal = ref();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n\nuseClickOutside(modal, () => {\n  if (props.modelValue && props.closeOnOutsideClick) {\n    emit(\"update:modelValue\", false);\n  }\n});\n\nuseEventListener(document, \"keydown\", (evt: KeyboardEvent) => {\n  if (evt.key === \"Escape\") {\n    emit(\"update:modelValue\", false);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <TransitionSlidePanel>\n      <div\n        v-if=\"props.modelValue\"\n        ref=\"modal\"\n        class=\"pl-slide-modal\"\n        :style=\"{ width: props.width }\"\n        data-testid=\"pl-pure-slide-modal\"\n        v-bind=\"attrs\"\n        @keyup.esc=\"emit('update:modelValue', false)\"\n      >\n        <PlCloseModalBtn\n          data-testid=\"pl-slide-modal-close\"\n          class=\"close-dialog-btn\"\n          @click=\"emit('update:modelValue', false)\"\n        />\n        <slot />\n      </div>\n    </TransitionSlidePanel>\n    <div\n      v-if=\"props.modelValue && props.shadow\"\n      data-testid=\"pl-slide-modal-shadow\"\n      class=\"pl-slide-modal__shadow\"\n      @keyup.esc=\"emit('update:modelValue', false)\"\n    />\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;;EAehB,IAAM,IAAO,GAIP,IAAQ,GAAK,EACb,IAAQ,GAAU,EAClB,IAAQ;SAEd,EAAgB,SAAa;AAC3B,GAAI,EAAM,cAAc,EAAM,uBAC5B,EAAK,qBAAqB,GAAM;IAElC,EAEF,EAAiB,UAAU,YAAY,MAAuB;AAC5D,GAAI,EAAI,QAAQ,YACd,EAAK,qBAAqB,GAAM;IAElC,kBAIA,EAyBW,GAAA,EAzBD,IAAG,QAAM,EAAA,CACjB,EAiBuB,GAAA,MAAA;oBADf,CAdE,EAAM,cAAA,GAAA,EADd,EAeM,OAfN,EAeM;;aAbA;IAAJ,KAAI;IACJ,OAAM;IACL,OAAK,EAAA,OAAW,EAAM,OAAK;IAC5B,eAAY;MACJ,EAAA,EAAK,EAAA,EACZ,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAEhB,EAIE,GAAA;IAHA,eAAY;IACZ,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,qBAAA,GAAA;OAEd,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;MAIJ,EAAM,cAAc,EAAM,UAAA,GAAA,EADlC,EAKE,OAAA;;GAHA,eAAY;GACZ,OAAM;GACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAM,EAAI,qBAAA,GAAA,EAAA,CAAA,MAAA,CAAA"}

package/dist/components/PlSlideModal/PlSlideModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSlideModal.js","names":[],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    data-testid=\"pl-slide-modal\"\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" data-testid=\"pl-slide-modal-title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div data-testid=\"pl-slide-modal-content\" class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" data-testid=\"pl-slide-modal-actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlSlideModal/PlSlideModal.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSlideModal.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlSlideModal.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    data-testid=\"pl-slide-modal\"\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" data-testid=\"pl-slide-modal-title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div data-testid=\"pl-slide-modal-content\" class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" data-testid=\"pl-slide-modal-actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"names":[],"mappings":"AA+CA,OAAO,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;wBAIhB,OAAO,YAAY;AAAxC,wBAAyC;AAMzC,QAAA,MAAM,YAAY;;;;;;YA4EN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlSlideModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"names":[],"mappings":"AAgDA,OAAO,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;wBAIhB,OAAO,YAAY;AAAxC,wBAAyC;AAMzC,QAAA,MAAM,YAAY;;;;;;YAiFN,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC5B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAUzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSlideModal/PlSlideModal.vue2.js

@@ -5,9 +5,14 @@ import { createBlock as n, createCommentVNode as r, createElementBlock as i, cre
 //#region src/components/PlSlideModal/PlSlideModal.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
+	"data-testid": "pl-slide-modal-title",
 	class: "pl-slide-modal__title"
-}, g = { class: "pl-slide-modal__title-content" }, _ = { class: "pl-slide-modal__content" }, v = {
+}, g = { class: "pl-slide-modal__title-content" }, _ = {
+	"data-testid": "pl-slide-modal-content",
+	class: "pl-slide-modal__content"
+}, v = {
 	key: 1,
+	"data-testid": "pl-slide-modal-actions",
 	class: "pl-slide-modal__actions"
 }, y = /* @__PURE__ */ o({
 	name: "PlSlideModal",
@@ -20,7 +25,7 @@ var h = {
 	}, e),
 	setup(e) {
 		let o = p(), s = f(), y = e;
-		return (e, f) => (l(), n(t, c({
+		return (e, f) => (l(), n(t, c({ "data-testid": "pl-slide-modal" }, {
 			...y,
 			...d(s)
 		}, { class: [e.$style.root, {

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

@@ -1 +1 @@
-{"version":3,"file":"PlSlideModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;EAWhB,IAAM,IAAQ,GAAU,EAClB,IAAQ,GAAU,EAClB,IAAQ;yBAIZ,EAemB,GAfnB,EAemB;GAAA,GAdJ;GAAK,GAAK,EAAA,EAAK;GAAA,EAAA,EAC3B,OAAK,CAAGA,EAAAA,OAAO,MAAI;GAAA,aAAiB,EAAA,EAAK,CAAC;GAAK,eAAiB,EAAA,EAAK,CAAC;GAAO,CAAA,EAAA,CAAA,EAAA;oBAMxE;IAJK,EAAA,EAAK,CAAC,SAAA,GAAA,EAAjB,EAIM,OAJN,GAIM,CAHJ,EAEO,QAFP,GAEO,CADL,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGzB,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;IAEC,EAAA,EAAK,CAAC,WAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PlSlideModal.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlSlideModal/PlSlideModal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"PlSlideModal\",\n  inheritAttrs: false,\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-slide-modal.scss\";\nimport { useAttrs, useSlots } from \"vue\";\nimport PlPureSlideModal from \"./PlPureSlideModal.vue\";\nimport type { Props } from \"./props\";\nimport { defaultProps } from \"./props\";\n\nconst slots = useSlots();\nconst attrs = useAttrs();\nconst props = withDefaults(defineProps<Props>(), defaultProps);\n</script>\n\n<template>\n  <PlPureSlideModal\n    data-testid=\"pl-slide-modal\"\n    v-bind=\"{ ...props, ...attrs }\"\n    :class=\"[$style.root, { 'has-title': slots.title, 'has-actions': slots.actions }]\"\n  >\n    <div v-if=\"slots.title\" data-testid=\"pl-slide-modal-title\" class=\"pl-slide-modal__title\">\n      <span class=\"pl-slide-modal__title-content\">\n        <slot name=\"title\" />\n      </span>\n    </div>\n    <div data-testid=\"pl-slide-modal-content\" class=\"pl-slide-modal__content\">\n      <slot />\n    </div>\n    <div v-if=\"slots.actions\" data-testid=\"pl-slide-modal-actions\" class=\"pl-slide-modal__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"css\" module>\n.root {\n  --padding-top: 24px;\n  --padding-bottom: 24px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;CAEE,MAAM;CACN,cAAc;;;;;;;;EAWhB,IAAM,IAAQ,GAAU,EAClB,IAAQ,GAAU,EAClB,IAAQ;yBAIZ,EAgBmB,GAhBnB,EAgBmB,EAfjB,eAAY,kBAAgB,EAAA;GAAA,GACf;GAAK,GAAK,EAAA,EAAK;GAAA,EAAA,EAC3B,OAAK,CAAGA,EAAAA,OAAO,MAAI;GAAA,aAAiB,EAAA,EAAK,CAAC;GAAK,eAAiB,EAAA,EAAK,CAAC;GAAO,CAAA,EAAA,CAAA,EAAA;oBAMxE;IAJK,EAAA,EAAK,CAAC,SAAA,GAAA,EAAjB,EAIM,OAJN,GAIM,CAHJ,EAEO,QAFP,GAEO,CADL,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGzB,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;IAEC,EAAA,EAAK,CAAC,WAAA,GAAA,EAAjB,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSpacer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSpacer/PlSpacer.vue"],"names":[],"mappings":"AAoBA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PlSpacer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSpacer/PlSpacer.vue"],"names":[],"mappings":"AAqBA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/PlSplash/PlSplash.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSplash.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Optional string that sets text that will be shown below the PlLoaderCircular.\n     */\n    loadingText?: string;\n    /**\n     * If `true` the loading overlay is shown.\n     */\n    loading?: boolean;\n    /**\n     * @TODO\n     */\n    type?: \"table\" | \"transparent\";\n  }>(),\n  { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      style.splash,\n      { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n    ]\"\n  >\n    <div v-if=\"loading\" :class=\"[style.overlay]\">\n      <div>\n        <!-- @TODO refactor PlLoaderCircular size property -->\n        <PlLoaderCircular size=\"48\" />\n        <div v-if=\"loadingText\" :class=\"style.text\">{{ loadingText }}</div>\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlSplash.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Optional string that sets text that will be shown below the PlLoaderCircular.\n     */\n    loadingText?: string;\n    /**\n     * If `true` the loading overlay is shown.\n     */\n    loading?: boolean;\n    /**\n     * @TODO\n     */\n    type?: \"table\" | \"transparent\";\n  }>(),\n  { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-splash\"\n    :class=\"[\n      style.splash,\n      { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n    ]\"\n  >\n    <div v-if=\"loading\" data-testid=\"pl-splash-overlay\" :class=\"[style.overlay]\">\n      <div>\n        <!-- @TODO refactor PlLoaderCircular size property -->\n        <PlLoaderCircular data-testid=\"pl-splash-loader\" size=\"48\" />\n        <div v-if=\"loadingText\" data-testid=\"pl-splash-text\" :class=\"style.text\">\n          {{ loadingText }}\n        </div>\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSplash.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSplash/PlSplash.vue"],"names":[],"mappings":"AA8CA,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CAChC,CAAC;AAyDJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;aArEF,OAAO;UAIV,OAAO,GAAG,aAAa;iBARhB,MAAM;6EA4EtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlSplash.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlSplash/PlSplash.vue"],"names":[],"mappings":"AAiDA,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CAChC,CAAC;AA8DJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;aA1EF,OAAO;UAIV,OAAO,GAAG,aAAa;iBARhB,MAAM;6EAiFtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlSplash/PlSplash.vue2.js

@@ -14,14 +14,22 @@ var f = /* @__PURE__ */ o({
 		type: { default: void 0 }
 	},
 	setup(o) {
-		return (f, p) => (c(), r("div", { class: s([d(e).splash, {
-			[d(e).table]: o.type === "table",
-			[d(e).transparent]: o.type === "transparent"
-		}]) }, [o.loading ? (c(), r("div", {
+		return (f, p) => (c(), r("div", {
+			"data-testid": "pl-splash",
+			class: s([d(e).splash, {
+				[d(e).table]: o.type === "table",
+				[d(e).transparent]: o.type === "transparent"
+			}])
+		}, [o.loading ? (c(), r("div", {
 			key: 0,
+			"data-testid": "pl-splash-overlay",
 			class: s([d(e).overlay])
-		}, [i("div", null, [a(d(t), { size: "48" }), o.loadingText ? (c(), r("div", {
+		}, [i("div", null, [a(d(t), {
+			"data-testid": "pl-splash-loader",
+			size: "48"
+		}), o.loadingText ? (c(), r("div", {
 			key: 0,
+			"data-testid": "pl-splash-text",
 			class: s(d(e).text)
 		}, u(o.loadingText), 3)) : n("", !0)])], 2)) : n("", !0), l(f.$slots, "default")], 2));
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"PlSplash.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Optional string that sets text that will be shown below the PlLoaderCircular.\n     */\n    loadingText?: string;\n    /**\n     * If `true` the loading overlay is shown.\n     */\n    loading?: boolean;\n    /**\n     * @TODO\n     */\n    type?: \"table\" | \"transparent\";\n  }>(),\n  { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      style.splash,\n      { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n    ]\"\n  >\n    <div v-if=\"loading\" :class=\"[style.overlay]\">\n      <div>\n        <!-- @TODO refactor PlLoaderCircular size property -->\n        <PlLoaderCircular size=\"48\" />\n        <div v-if=\"loadingText\" :class=\"style.text\">{{ loadingText }}</div>\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;yBAwBE,EAcM,OAAA,EAbH,OAAK,EAAA,CAAU,EAAA,EAAK,CAAC,QAAA;IAAiB,EAAA,EAAK,CAAC,QAAQ,EAAA,SAAI;IAAe,EAAA,EAAK,CAAC,cAAc,EAAA,SAAI;GAAA,CAAA,CAAA,EAAA,EAAA,CAKrF,EAAA,WAAA,GAAA,EAAX,EAMM,OAAA;;GANe,OAAK,EAAA,CAAG,EAAA,EAAK,CAAC,QAAO,CAAA;MACxC,EAIM,OAAA,MAAA,CAFJ,EAA8B,EAAA,EAAA,EAAA,EAAZ,MAAK,MAAI,CAAA,EAChB,EAAA,eAAA,GAAA,EAAX,EAAmE,OAAA;;GAA1C,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI;OAAK,EAAA,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAG9D,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlSplash.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlSplash/PlSplash.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport style from \"./pl-splash.module.scss\";\nimport { PlLoaderCircular } from \"../PlLoaderCircular\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * Optional string that sets text that will be shown below the PlLoaderCircular.\n     */\n    loadingText?: string;\n    /**\n     * If `true` the loading overlay is shown.\n     */\n    loading?: boolean;\n    /**\n     * @TODO\n     */\n    type?: \"table\" | \"transparent\";\n  }>(),\n  { loadingText: undefined, loading: false, type: undefined },\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-splash\"\n    :class=\"[\n      style.splash,\n      { [style.table]: type === 'table', [style.transparent]: type === 'transparent' },\n    ]\"\n  >\n    <div v-if=\"loading\" data-testid=\"pl-splash-overlay\" :class=\"[style.overlay]\">\n      <div>\n        <!-- @TODO refactor PlLoaderCircular size property -->\n        <PlLoaderCircular data-testid=\"pl-splash-loader\" size=\"48\" />\n        <div v-if=\"loadingText\" data-testid=\"pl-splash-text\" :class=\"style.text\">\n          {{ loadingText }}\n        </div>\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;yBAwBE,EAiBM,OAAA;GAhBJ,eAAY;GACX,OAAK,EAAA,CAAU,EAAA,EAAK,CAAC,QAAA;KAAiB,EAAA,EAAK,CAAC,QAAQ,EAAA,SAAI;KAAe,EAAA,EAAK,CAAC,cAAc,EAAA,SAAI;IAAA,CAAA,CAAA;MAKrF,EAAA,WAAA,GAAA,EAAX,EAQM,OAAA;;GARc,eAAY;GAAqB,OAAK,EAAA,CAAG,EAAA,EAAK,CAAC,QAAO,CAAA;MACxE,EAMM,OAAA,MAAA,CAJJ,EAA6D,EAAA,EAAA,EAAA;GAA3C,eAAY;GAAmB,MAAK;MAC3C,EAAA,eAAA,GAAA,EAAX,EAEM,OAAA;;GAFkB,eAAY;GAAkB,OAAK,EAAE,EAAA,EAAK,CAAC,KAAI;OAClE,EAAA,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAIpB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/PlStatusTag/PlStatusTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlStatusTag.js","names":[],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: \"OK\",\n    WARN: \"WARN\",\n    ALERT: \"ALERT\",\n    HOLD: \"HOLD\",\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"type\"\n    v-bind=\"$attrs\"\n    :class=\"{ [type.toLocaleLowerCase()]: true }\"\n    class=\"pl-status-tag text-caps11 d-flex align-center\"\n  >\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlStatusTag.js","names":[],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: \"OK\",\n    WARN: \"WARN\",\n    ALERT: \"ALERT\",\n    HOLD: \"HOLD\",\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"type\"\n    data-testid=\"pl-status-tag\"\n    v-bind=\"$attrs\"\n    :class=\"{ [type.toLocaleLowerCase()]: true }\"\n    class=\"pl-status-tag text-caps11 d-flex align-center\"\n  >\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlStatusTag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"names":[],"mappings":"AAgCA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AA4C9C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlStatusTag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"names":[],"mappings":"AAiCA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG;IAAE,IAAI,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AA6C9C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/PlStatusTag/PlStatusTag.vue2.js

@@ -11,7 +11,10 @@ var l = /* @__PURE__ */ r({
 			ALERT: "ALERT",
 			HOLD: "HOLD"
 		} });
-		return (o, u) => r.type ? (a(), t("div", i({ key: 0 }, o.$attrs, { class: [{ [r.type.toLocaleLowerCase()]: !0 }, "pl-status-tag text-caps11 d-flex align-center"] }), [s(o.$slots, "default", {}, () => [n(c(l.typeToText[r.type]), 1)])], 16)) : e("", !0);
+		return (o, u) => r.type ? (a(), t("div", i({
+			key: 0,
+			"data-testid": "pl-status-tag"
+		}, o.$attrs, { class: [{ [r.type.toLocaleLowerCase()]: !0 }, "pl-status-tag text-caps11 d-flex align-center"] }), [s(o.$slots, "default", {}, () => [n(c(l.typeToText[r.type]), 1)])], 16)) : e("", !0);
 	}
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"PlStatusTag.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: \"OK\",\n    WARN: \"WARN\",\n    ALERT: \"ALERT\",\n    HOLD: \"HOLD\",\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"type\"\n    v-bind=\"$attrs\"\n    :class=\"{ [type.toLocaleLowerCase()]: true }\"\n    class=\"pl-status-tag text-caps11 d-flex align-center\"\n  >\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAOA,IAAM,IAAO,EAA0D,EACrE,YAAY;GACV,IAAI;GACJ,MAAM;GACN,OAAO;GACP,MAAM;GACP,EACF,CAAC;mBAIQ,EAAA,QAAA,GAAA,EADR,EASM,OATN,EASM,EAAA,KAAA,GAAA,EAPIA,EAAAA,QAAM,EACb,OAAK,CAAA,GAAK,EAAA,KAAK,mBAAiB,GAAA,IAAA,EAC3B,gDAA+C,EAAA,CAAA,EAAA,CAErD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAK,WAAW,EAAA,MAAI,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PlStatusTag.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/PlStatusTag/PlStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { reactive } from \"vue\";\nimport \"./pl-status-tag.scss\";\nimport type { PlStatusTagType } from \"./types\";\n\ndefineProps<{ type?: PlStatusTagType }>();\n\nconst data = reactive<{ typeToText: Record<PlStatusTagType, string> }>({\n  typeToText: {\n    OK: \"OK\",\n    WARN: \"WARN\",\n    ALERT: \"ALERT\",\n    HOLD: \"HOLD\",\n  },\n});\n</script>\n<template>\n  <div\n    v-if=\"type\"\n    data-testid=\"pl-status-tag\"\n    v-bind=\"$attrs\"\n    :class=\"{ [type.toLocaleLowerCase()]: true }\"\n    class=\"pl-status-tag text-caps11 d-flex align-center\"\n  >\n    <slot>\n      {{ data.typeToText[type] }}\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAOA,IAAM,IAAO,EAA0D,EACrE,YAAY;GACV,IAAI;GACJ,MAAM;GACN,OAAO;GACP,MAAM;GACP,EACF,CAAC;mBAIQ,EAAA,QAAA,GAAA,EADR,EAUM,OAVN,EAUM;;GARJ,eAAY;KACJA,EAAAA,QAAM,EACb,OAAK,CAAA,GAAK,EAAA,KAAK,mBAAiB,GAAA,IAAA,EAC3B,gDAA+C,EAAA,CAAA,EAAA,CAErD,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAK,WAAW,EAAA,MAAI,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA"}

package/dist/components/PlTabs/PlTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.js","names":[],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\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\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\">\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[\n        { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n        style.tab,\n      ]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span>{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlTabs.js","names":[],"sources":["../../../src/components/PlTabs/PlTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * A component for selecting one value from a list of options\n */\nexport default {\n  name: \"PlTabs\",\n};\n</script>\n\n<script lang=\"ts\" setup generic=\"M extends string\">\nimport style from \"./pl-tabs.module.scss\";\nimport type { TabOption } from \"./types\";\nimport Tab from \"./Tab.vue\";\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\ndefineProps<{\n  /**\n   * The current selected tab value.\n   */\n  modelValue?: M;\n  /**\n   * List of available options for the component\n   */\n  options: Readonly<TabOption<M>[]>;\n  /**\n   * If `true`, the component is disabled and cannot be interacted with.\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the `active` line appears on the top of element.\n   */\n  topLine?: boolean;\n  /**\n   * Maximum tab width (css value), can be overridden for each option\n   */\n  maxTabWidth?: string;\n}>();\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-tabs\"\n    :class=\"[style.component, { [style.disabled]: disabled, [style.topLine]: topLine }]\"\n  >\n    <Tab\n      v-for=\"(opt, i) in options\"\n      :key=\"i\"\n      data-testid=\"pl-tabs-tab\"\n      :tabindex=\"modelValue === opt.value || disabled || opt.disabled ? undefined : 0\"\n      :option=\"opt\"\n      :class=\"[\n        { [style.active]: modelValue === opt.value, [style.disabled]: opt.disabled },\n        style.tab,\n      ]\"\n      :style=\"{ '--pl-tabs-item-max-width': opt.maxWidth ?? maxTabWidth }\"\n      @keydown.enter=\"emitModel(opt.value)\"\n      @click=\"emitModel(opt.value)\"\n    >\n      <slot :name=\"opt.value\" :option=\"opt\">\n        <span data-testid=\"pl-tabs-tab-label\">{{ opt.label }}</span>\n      </slot>\n    </Tab>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/PlTabs.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,MAAM,EACtC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8HO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;QAlHtD;;WAEG;qBACU,CAAC;QACd;;WAEG;iBACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;sBACW,MAAM;;;KA+FqE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;cARN,CAAC;;UAAgE,GAAG;cAnHnE,mBAAmB,SAAS,CAAC,KAAG,IAAI;EA+HtC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;AACzF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTabs/PlTabs.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,MAAM,EACtC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WAkIO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;QAtHtD;;WAEG;qBACU,CAAC;QACd;;WAEG;iBACM,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACjC;;WAEG;mBACQ,OAAO;QAClB;;WAEG;kBACO,OAAO;QACjB;;WAEG;sBACW,MAAM;;;KAmGqE,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;cARN,CAAC;;UAAgE,GAAG;cAvHnE,mBAAmB,SAAS,CAAC,KAAG,IAAI;EAmItC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;AACzF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/PlTabs/PlTabs.vue2.js

@@ -1,7 +1,8 @@
 import e from "./pl-tabs.module.js";
 import t from "./Tab.js";
 import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m, withKeys as h } from "vue";
-var g = /* @__PURE__ */ o({
+//#region src/components/PlTabs/PlTabs.vue?vue&type=script&setup=true&lang.ts
+var g = { "data-testid": "pl-tabs-tab-label" }, _ = /* @__PURE__ */ o({
 	name: "PlTabs",
 	props: {
 		modelValue: {},
@@ -11,13 +12,17 @@ var g = /* @__PURE__ */ o({
 		maxTabWidth: {}
 	},
 	emits: ["update:modelValue"],
-	setup(o, { emit: g }) {
-		let _ = g, v = (e) => _("update:modelValue", e);
-		return (g, _) => (l(), i("div", { class: s([p(e).component, {
-			[p(e).disabled]: o.disabled,
-			[p(e).topLine]: o.topLine
-		}]) }, [(l(!0), i(n, null, u(o.options, (n, i) => (l(), r(t, {
+	setup(o, { emit: _ }) {
+		let v = _, y = (e) => v("update:modelValue", e);
+		return (_, v) => (l(), i("div", {
+			"data-testid": "pl-tabs",
+			class: s([p(e).component, {
+				[p(e).disabled]: o.disabled,
+				[p(e).topLine]: o.topLine
+			}])
+		}, [(l(!0), i(n, null, u(o.options, (n, i) => (l(), r(t, {
 			key: i,
+			"data-testid": "pl-tabs-tab",
 			tabindex: o.modelValue === n.value || o.disabled || n.disabled ? void 0 : 0,
 			option: n,
 			class: s([{
@@ -25,10 +30,10 @@ var g = /* @__PURE__ */ o({
 				[p(e).disabled]: n.disabled
 			}, p(e).tab]),
 			style: c({ "--pl-tabs-item-max-width": n.maxWidth ?? o.maxTabWidth }),
-			onKeydown: h((e) => v(n.value), ["enter"]),
-			onClick: (e) => v(n.value)
+			onKeydown: h((e) => y(n.value), ["enter"]),
+			onClick: (e) => y(n.value)
 		}, {
-			default: m(() => [d(g.$slots, n.value, { option: n }, () => [a("span", null, f(n.label), 1)])]),
+			default: m(() => [d(_.$slots, n.value, { option: n }, () => [a("span", g, f(n.label), 1)])]),
 			_: 2
 		}, 1032, [
 			"tabindex",
@@ -41,6 +46,6 @@ var g = /* @__PURE__ */ o({
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };
 
 //# sourceMappingURL=PlTabs.vue2.js.map