@milaboratories/uikit 2.15.43 → 2.16.1

package/dist/components/PlProgressCell/PlProgressCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlProgressCell.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlProgressCell.js","names":["_sfc_main","PlProgressCell_vue_vue_type_script_setup_true_lang_default","PlProgressCell_default"],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlProgressCell/PlProgressCell.vue2.js

@@ -3,7 +3,7 @@ import t from "../PlIcon24/PlIcon24.js";
 import "../PlMaskIcon24/index.js";
 import './pl-progress-cell.css';/* empty css                 */
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toDisplayString as p, unref as m } from "vue";
-//#region src/components/PlProgressCell/PlProgressCell.vue?vue&type=script&setup=true&lang.ts
+// src/components/PlProgressCell/PlProgressCell.vue?vue&type=script&setup=true&lang.ts
 var h = {
 	key: 0,
 	"data-testid": "pl-progress-cell-infinity-loader",
@@ -14,7 +14,7 @@ var h = {
 }, v = {
 	"data-testid": "pl-progress-cell-percentage",
 	class: "progress-cell__percentage text-s d-flex align-center justify-end"
-}, y = /* @__PURE__ */ l({
+}, y = /*@__PURE__*/ l({
 	__name: "PlProgressCell",
 	props: {
 		stage: { default: "not_started" },
@@ -49,7 +49,6 @@ var h = {
 		], 2));
 	}
 });
-//#endregion
 export { y as default };
 
 //# sourceMappingURL=PlProgressCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAQR,IAAiB,QAAe,EAAM,UAAU,cAAc,EAE9D,IAAkB,QACtB,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAK,EAAM,YAAY,EAAE,CAClE,EAEK,IAAwB,QAE1B,EAAM,aAAa,KAAA,KACnB,EAAM,UAAU,UAChB,EAAM,UAAU,iBAChB,CAAC,EAAM,MACV;yBAIC,EAoCM,OAAA;GAnCJ,eAAY;GACX,OAAK,EAAA;;+BAAkE,EAAA;WAAsB,EAAA;mBAA4B,EAAM,UAAK;;;GAQ7H,EAAA,SAAA,GAAA,EADR,EAMM,OANN,GAMM,CAAA,GAAA,AAAA,EAAA,OAAA,CADJ,EAAgD,OAAA,EAA3C,OAAM,oCAAkC,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAGtC,EAAA,SAAqB,CAAK,EAAA,SAAA,GAAA,EADnC,EAKE,OAAA;;IAHA,eAAY;IACZ,OAAM;IACL,OAAK,EAAA,EAAA,OAAW,EAAA,QAAe,KAAA,CAAA;;GAElC,EAaM,OAbN,GAaM,CAZJ,EAEM,OAFN,GAEM,EADD,EAAA,QAAQ,EAAA,EAAe,CAAC,EAAA,MAAK,GAAI,EAAA,KAAI,EAAA,EAAA,EAE1C,EAQM,OARN,GAQM,CAJgB,EAAA,SAAA,GAAA,EAApB,EAAoF,EAAA,EAAA,EAAA;;IAAzD,eAAY;IAA8B,MAAK;oBACzD,EAAA,QACE,EAAA,IAAA,GAAA,IADF,GAAA,EAAjB,EAEW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAAA,EADN,EAAA,eAAc,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PlProgressCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_normalizeStyle","_toDisplayString","_unref","_createBlock","PlMaskIcon24","_Fragment","_createTextVNode","PlIcon24_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","PlProgressCell_vue_vue_type_script_setup_true_lang_default","props","__props","canShowWhiteBg","computed","currentProgress","canShowInfinityLoader","openBlock","createElementBlock","normalizeClass","_cache","createElementVNode","createCommentVNode","normalizeStyle","toDisplayString","unref","getErrorMessage","createBlock","Fragment","createTextVNode"],"sources":["../../../src/components/PlProgressCell/PlProgressCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./pl-progress-cell.scss\";\nimport { computed } from \"vue\";\nimport { PlMaskIcon24 } from \"../PlMaskIcon24\";\nimport type { PlProgressCellProps } from \"./types\";\nimport { getErrorMessage } from \"../../helpers/error.ts\";\n\nconst props = withDefaults(defineProps<PlProgressCellProps>(), {\n  stage: \"not_started\",\n  step: \"\", // main text (left)\n  progressString: \"\", // appended text on the right side (right)\n  progress: undefined,\n  error: undefined,\n});\n\nconst canShowWhiteBg = computed(() => props.stage !== \"not_started\");\n\nconst currentProgress = computed(() =>\n  props.stage === \"done\" ? 100 : Math.min(100, props.progress || 0),\n);\n\nconst canShowInfinityLoader = computed(\n  () =>\n    props.progress === undefined &&\n    props.stage !== \"done\" &&\n    props.stage !== \"not_started\" &&\n    !props.error,\n);\n</script>\n\n<template>\n  <div\n    data-testid=\"pl-progress-cell\"\n    :class=\"{\n      'progress-cell': true,\n      'progress-cell__white-bg': canShowWhiteBg,\n      error,\n      'not-started': props.stage === 'not_started',\n    }\"\n  >\n    <div\n      v-if=\"canShowInfinityLoader\"\n      data-testid=\"pl-progress-cell-infinity-loader\"\n      class=\"progress-cell__infinity-loader\"\n    >\n      <div class=\"progress-cell__infinity-gradient\" />\n    </div>\n    <div\n      v-if=\"!canShowInfinityLoader && !error\"\n      data-testid=\"pl-progress-cell-indicator\"\n      class=\"progress-cell__indicator\"\n      :style=\"{ width: currentProgress + '%' }\"\n    />\n    <div class=\"progress-cell__body\">\n      <div data-testid=\"pl-progress-cell-stage\" class=\"progress-cell__stage text-s\">\n        {{ error ? getErrorMessage(error) : step }}\n      </div>\n      <div\n        data-testid=\"pl-progress-cell-percentage\"\n        class=\"progress-cell__percentage text-s d-flex align-center justify-end\"\n      >\n        <PlMaskIcon24 v-if=\"error\" data-testid=\"pl-progress-cell-error-icon\" name=\"error\" />\n        <template v-if=\"!error\">\n          {{ progressString }}\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAMkB,IAAQC,GAQRC,IAAiBC,QAAeH,EAAM,UAAU,aAAa,GAE7DI,IAAkBD,QACtBH,EAAM,UAAU,SAAS,MAAM,KAAK,IAAI,KAAKA,EAAM,YAAY,CAAC,CAClE,GAEMK,IAAwBF,QAE1BH,EAAM,aAAa,KAAA,KACnBA,EAAM,UAAU,UAChBA,EAAM,UAAU,iBAChB,CAACA,EAAM,KACX;E,kBAIElB,EAAA,GAAAC,EAoCM,OAAA;GAnCJ,eAAY;GACX,OAAKC,EAAA;;IAAkE,2BAAAkB,EAAA;IAAsB,OAAAD,EAAA;IAA4B,eAAAD,EAAM,UAAK;;;GAQ7HK,EAAA,SADRvB,EAAA,GAAAC,EAMM,OANNY,GAMM,CAAA,GAAA,AAAAc,EAAA,OAAA,CADJxB,EAAgD,OAAA,EAA3C,OAAM,mCAAkC,GAAA,MAAA,EAAA,C;GAGtC,CAAAoB,EAAA,SAAqB,CAAKJ,EAAA,SADnCnB,EAAA,GAAAC,EAKE,OAAA;;IAHA,eAAY;IACZ,OAAM;IACL,OAAKI,EAAA,EAAA,OAAWiB,EAAA,QAAe,IAAA,CAAA;;GAElCnB,EAaM,OAbNW,GAaM,CAZJX,EAEM,OAFNY,GAEMT,EADDa,EAAA,QAAQZ,EAAA0B,CAAA,CAAe,CAACd,EAAA,KAAK,IAAIA,EAAA,IAAI,GAAA,CAAA,GAE1ChB,EAQM,OARNa,GAQM,CAJgBG,EAAA,SAApBnB,EAAA,GAAAQ,EAAoFD,EAAAE,CAAA,GAAA;;IAAzD,eAAY;IAA8B,MAAK;G,iBACzDU,EAAA,Q,aAAjBnB,EAAA,GAAAC,EAEWS,GAAA,EAAA,KAAA,EAAA,GAAA,CADNC,EAAAL,EAAAa,EAAA,cAAc,GAAA,CAAA,C"}

package/dist/components/PlProgressCell/index.js

@@ -1 +1 @@
-import "./PlProgressCell.js";
+export { default as PlProgressCell } from "./PlProgressCell.js";

package/dist/components/PlRadio/PlRadio.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlRadio.vue2.js";
 import n from "./PlRadio.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlRadio.js.map

package/dist/components/PlRadio/PlRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.js","names":[],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadio.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlRadio_vue_vue_type_script_setup_true_lang_default","PlRadio_vue_vue_type_style_index_0_lang_module_default","PlRadio_default","\"$style\""],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlRadio/PlRadio.style.js

@@ -1,9 +1,9 @@
-import './PlRadio.vue.css';var e = {
-	container: "_container_u39pc_2",
-	input: "_input_u39pc_19",
-	label: "_label_u39pc_53"
+import './PlRadio.style.css';// src/components/PlRadio/PlRadio.vue?vue&type=style&index=0&lang.module.css
+var e = "_container_u39pc_2", t = "_input_u39pc_19", n = "_label_u39pc_53", r = {
+	container: e,
+	input: t,
+	label: n
 };
-//#endregion
-export { e as default };
+export { e as container, r as default, t as input, n as label };
 
 //# sourceMappingURL=PlRadio.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadio.vue_vue_type_style_index_0_lang.module.js","names":["container","input","label","PlRadio_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlRadio/PlRadio.vue2.js

@@ -1,9 +1,9 @@
 import { radioGroupModelKey as e, radioGroupNameKey as t } from "./keys.js";
 import { createElementBlock as n, createElementVNode as r, createPropsRestProxy as i, defineComponent as a, inject as o, isRef as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useModel as m, vModelRadio as h, withDirectives as g } from "vue";
-//#region src/components/PlRadio/PlRadio.vue?vue&type=script&setup=true&lang.ts
-var _ = ["name"], v = /* @__PURE__ */ a({
+// src/components/PlRadio/PlRadio.vue?vue&type=script&setup=true&lang.ts
+var _ = ["name"], v = /*@__PURE__*/ a({
 	__name: "PlRadio",
-	props: /* @__PURE__ */ c({
+	props: /*@__PURE__*/ c({
 		name: {},
 		value: {},
 		disabled: { type: Boolean }
@@ -29,7 +29,6 @@ var _ = ["name"], v = /* @__PURE__ */ a({
 		}, [f(e.$slots, "default")], 2)], 2));
 	}
 });
-//#endregion
 export { v as default };
 
 //# sourceMappingURL=PlRadio.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAM,IAAkB,EAAc,GAAA,aAAE,EAElC,IAAqC,EAAA,GAAA,CAAA,OAAA,CAOvC,EAOE,IAAO,EAAO,GAAmB,EAAA,KAAe,EAChD,IAAQ,EAA+B,GAAoB,EAAgB;yBAI/E,EAUQ,SAAA;GAVA,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;QAC3C,EAOE,SAPF,EAOE;mDANc,QAAA,IAAA;GACb,OAAOA,EAAAA,OAAO;GACf,MAAK;GACJ,MAAA,EAAA,EAAI;GACL,eAAY;KACJ,EAAK,EAAA,MAAA,IAAA,EAAA,EAAA,CAAA,CAAA,GALJ,EAAA,EAAK,CAAA,CAAA,CAAA,EAOhB,EAAwE,QAAA;GAAjE,OAAK,EAAEA,EAAAA,OAAO,MAAK;GAAE,eAAY;MAAiB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlRadio.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_createPropsRestProxy","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","_mergeProps","_isRef","_unref","_vModelRadio","_renderSlot","_hoisted_1","PlRadio_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","standaloneModel","useModel","__props","props","createPropsRestProxy","name","inject","radioGroupNameKey","model","radioGroupModelKey","openBlock","createElementBlock","normalizeClass","_ctx","withDirectives","createElementVNode","mergeProps","_cache","isRef","$event","unref","vModelRadio","renderSlot"],"sources":["../../../src/components/PlRadio/PlRadio.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { inject } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nimport type PlRadioGroup from \"./PlRadioGroup.vue\";\n\nconst standaloneModel = defineModel<M>();\n\nconst { name: standaloneName, ...props } = defineProps<{\n  /** Used to group multiple radio controls. Will be ignored if this component is a descendant of a {@link PlRadioGroup}. */\n  name?: string;\n  /** Value that goes into `v-model`. */\n  value?: M;\n  /** Whether the radio control is disabled. */\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** Label of the radio control. */\n  default?(): unknown;\n}>();\n\nconst name = inject(radioGroupNameKey, standaloneName);\nconst model = inject<typeof standaloneModel>(radioGroupModelKey, standaloneModel);\n</script>\n\n<template>\n  <label :class=\"$style.container\" data-testid=\"pl-radio\">\n    <input\n      v-model=\"model\"\n      :class=\"$style.input\"\n      type=\"radio\"\n      :name\n      data-testid=\"pl-radio-input\"\n      v-bind=\"props\"\n    />\n    <span :class=\"$style.label\" data-testid=\"pl-radio-label\"><slot /></span>\n  </label>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px;\n  border-radius: 6px;\n  transition: all 200ms ease-in-out;\n  color: var(--txt-01);\n  user-select: none;\n  &:hover:not(:has(:disabled)) {\n    background: var(--btn-sec-hover-grey);\n  }\n  &:has(:disabled) {\n    color: var(--dis-01);\n  }\n}\n\n.input {\n  appearance: none;\n  position: relative;\n  block-size: 24px;\n  aspect-ratio: 1;\n  margin: 0;\n  border-radius: 50%;\n  outline: 2px solid transparent;\n  color: inherit;\n  transition: inherit;\n  &:focus {\n    outline-color: var(--border-color-focus);\n  }\n  &::before {\n    content: \"\";\n    position: absolute;\n    inset: 2px;\n    border-radius: 50%;\n    border: 2px solid;\n  }\n  &::after {\n    content: \"\";\n    position: absolute;\n    inset: 7.5px;\n    border-radius: 50%;\n    background-color: currentColor;\n    scale: 0;\n    transition: inherit;\n  }\n  &:checked::after {\n    scale: 1;\n  }\n}\n\n.label {\n  padding-inline: 4px;\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAMA,IAAMiB,IAAkBhB,EAAckB,GAAA,YAAC,GAEjCC,IAAqClB,EAAAiB,GAAA,CAAA,MAAA,CAAA,GAcrCG,IAAOC,EAAOC,GAAmBL,EAAA,IAAc,GAC/CM,IAAQF,EAA+BG,GAAoBT,CAAe;E,kBAI9Ed,EAAA,GAAAC,EAUQ,SAAA;GAVA,OAAKC,EAAEL,EAAAA,OAAO,SAAS;GAAE,eAAY;E,IAC3CM,EAAAC,EAOE,SAPFC,EAOE;GANS,uBAAA,AAAA0B,EAAA,QAAA,MAAAzB,EAAAgB,CAAA,IAAA,EAAK,QAAAW,IAAA;GACb,OAAOpC,EAAAA,OAAO;GACf,MAAK;GACJ,MAAAU,EAAAY,CAAA;GACD,eAAY;EACJ,GAAAF,CAAK,GAAA,MAAA,IAAAP,CAAA,GAAA,CALJ,CAAAF,GAAAD,EAAAe,CAAA,CAAK,C,IAOhBlB,EAAwE,QAAA;GAAjE,OAAKF,EAAEL,EAAAA,OAAO,KAAK;GAAE,eAAY;E,IAAiBY,EAAQkB,EAAA,QAAA,SAAA,C"}

package/dist/components/PlRadio/PlRadioGroup.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlRadioGroup.vue2.js";
 import n from "./PlRadioGroup.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlRadioGroup.js.map

package/dist/components/PlRadio/PlRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.js","names":[],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadioGroup.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlRadioGroup_vue_vue_type_script_setup_true_lang_default","PlRadioGroup_vue_vue_type_style_index_0_lang_module_default","PlRadioGroup_default","\"$style\""],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlRadio/PlRadioGroup.style.js

@@ -1,8 +1,8 @@
-import './PlRadioGroup.vue.css';var e = {
-	container: "_container_17vxs_2",
-	label: "_label_17vxs_7"
+import './PlRadioGroup.style.css';// src/components/PlRadio/PlRadioGroup.vue?vue&type=style&index=0&lang.module.css
+var e = "_container_17vxs_2", t = "_label_17vxs_7", n = {
+	container: e,
+	label: t
 };
-//#endregion
-export { e as default };
+export { e as container, n as default, t as label };
 
 //# sourceMappingURL=PlRadioGroup.style.js.map

package/dist/components/PlRadio/PlRadioGroup.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlRadioGroup.vue_vue_type_style_index_0_lang.module.js","names":["container","label","PlRadioGroup_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlRadio/PlRadioGroup.vue2.js

@@ -1,10 +1,10 @@
 import { radioGroupModelKey as e, radioGroupNameKey as t } from "./keys.js";
 import n from "./PlRadio.js";
 import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, provide as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, withCtx as y } from "vue";
-//#region src/components/PlRadio/PlRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var b = /* @__PURE__ */ c({
+// src/components/PlRadio/PlRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var b = /*@__PURE__*/ c({
 	__name: "PlRadioGroup",
-	props: /* @__PURE__ */ l({
+	props: /*@__PURE__*/ l({
 		name: {},
 		options: {},
 		keyExtractor: { type: Function }
@@ -38,7 +38,6 @@ var b = /* @__PURE__ */ c({
 		], 2));
 	}
 });
-//#endregion
 export { b as default };
 
 //# sourceMappingURL=PlRadioGroup.vue2.js.map

package/dist/components/PlRadio/PlRadioGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,EAAc,GAAA,aAAE,EAExB,IAAQ;AAaA,KAQV;EAEJ,IAAM,IAAe,EAAM,kBAAkB,GAAG,MAAM;SAEtD,EAAQ,GAAmB,EAAM,KAAK,EACtC,EAAQ,GAAoB,EAAM,kBAIhC,EAcW,YAAA;GAdA,OAAK,EAAEA,EAAAA,OAAO,UAAS;GAAE,eAAY;;GAC9C,EAES,UAAA;IAFA,OAAK,EAAEA,EAAAA,OAAO,MAAK;IAAE,eAAY;OACxC,EAAqB,EAAA,QAAA,QAAA,CAAA,EAAA,EAAA;WAEvB,EAQU,GAAA,MAAA,EAPc,EAAA,UAAd,GAAQ,YADlB,EAQU,GAAA;IANP,KAAK,EAAA,EAAY,CAAC,EAAO,OAAO,EAAC;IACjC,OAAO,EAAO;IACd,UAAU,EAAO;IAClB,eAAY;;qBAEM,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;;GAEjB,EAAQ,EAAA,QAAA,UAAA"}
+{"version":3,"file":"PlRadioGroup.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_Fragment","_renderList","_createBlock","PlRadio","_unref","_withCtx","_createTextVNode","_toDisplayString","PlRadio_default","PlRadioGroup_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","model","useModel","__props","props","keyExtractor","i","provide","radioGroupNameKey","radioGroupModelKey","openBlock","createElementBlock","normalizeClass","_ctx","createElementVNode","renderSlot","Fragment","renderList","createBlock","unref","option","withCtx","createTextVNode","toDisplayString"],"sources":["../../../src/components/PlRadio/PlRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"M\">\nimport { provide } from \"vue\";\nimport { radioGroupModelKey, radioGroupNameKey } from \"./keys\";\nimport PlRadio from \"./PlRadio.vue\";\n\ntype RadioGroupOption = {\n  label: string;\n  value: M;\n  disabled?: boolean;\n};\n\nconst model = defineModel<M>();\n\nconst props = defineProps<{\n  /** Name of the radio group. */\n  name?: string;\n  /**\n   * List of available options.\n   * Renders a list of {@link PlRadio} components before the {@link slots.default | default} slot.\n   */\n  options?: Readonly<RadioGroupOption[]>;\n  /** Function to get option's unique key. Use if default mechanism (key = index) is unstable. */\n  keyExtractor?: (value: M, index: number) => PropertyKey;\n}>();\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- used by the props documentation\nconst slots = defineSlots<{\n  /**\n   * Can be anything, but usually an array of {@link PlRadio} components.\n   * If {@link props.options|options} are provided, they will be rendered before this slot.\n   */\n  default?(): unknown;\n  /** Label of the radio group. */\n  label?(): unknown;\n}>();\n\nconst keyExtractor = props.keyExtractor ?? ((_, i) => i);\n\nprovide(radioGroupNameKey, props.name);\nprovide(radioGroupModelKey, model);\n</script>\n\n<template>\n  <fieldset :class=\"$style.container\" data-testid=\"pl-radio-group\">\n    <legend :class=\"$style.label\" data-testid=\"pl-radio-group-label\">\n      <slot name=\"label\" />\n    </legend>\n    <PlRadio\n      v-for=\"(option, i) in options\"\n      :key=\"keyExtractor(option.value, i)\"\n      :value=\"option.value\"\n      :disabled=\"option.disabled\"\n      data-testid=\"pl-radio-group-option\"\n    >\n      {{ option.label }}\n    </PlRadio>\n    <slot />\n  </fieldset>\n</template>\n\n<style module>\n.container {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n.label {\n  margin-block-end: 12px;\n  padding: 0;\n  color: var(--txt-01);\n  line-height: calc(20 / 14);\n  font-weight: 500;\n  text-box: trim-both cap alphabetic;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAMmB,IAAQlB,EAAcoB,GAAA,YAAC,GAEvBC,IAAQD;EAaA,EAAA;EAUd,IAAME,IAAeD,EAAM,kBAAkB,GAAG,MAAME;E,OAEtDC,EAAQC,GAAmBJ,EAAM,IAAI,GACrCG,EAAQE,GAAoBR,CAAK,I,UAI/BjB,EAAA,GAAAC,EAcW,YAAA;GAdA,OAAKC,EAAEJ,EAAAA,OAAO,SAAS;GAAE,eAAY;;GAC9CK,EAES,UAAA;IAFA,OAAKD,EAAEJ,EAAAA,OAAO,KAAK;IAAE,eAAY;G,IACxCM,EAAqByB,EAAA,QAAA,OAAA,C;IAEvB7B,EAAA,EAAA,GAAAC,EAQUI,GAAA,MAAAC,EAPca,EAAA,UAAd,GAAQ,OADlBnB,EAAA,GAAAO,EAQUC,GAAA;IANP,KAAKC,EAAAY,CAAA,CAAY,CAACe,EAAO,OAAOd,CAAC;IACjC,OAAOc,EAAO;IACd,UAAUA,EAAO;IAClB,eAAY;;IAEZ,SAAA1B,QAAkB,CAAfC,EAAAC,EAAAwB,EAAO,KAAK,GAAA,CAAA,C;;;GAEjBhC,EAAQyB,EAAA,QAAA,SAAA"}

package/dist/components/PlRadio/index.js

@@ -1,2 +1,3 @@
-import "./PlRadio.js";
-import "./PlRadioGroup.js";
+import e from "./PlRadio.js";
+import t from "./PlRadioGroup.js";
+export { e as PlRadio, t as PlRadioGroup };

package/dist/components/PlRadio/keys.js

@@ -1,6 +1,5 @@
-//#region src/components/PlRadio/keys.ts
+// src/components/PlRadio/keys.ts
 var e = Symbol(), t = Symbol();
-//#endregion
 export { t as radioGroupModelKey, e as radioGroupNameKey };
 
 //# sourceMappingURL=keys.js.map

package/dist/components/PlRadio/keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"keys.js","names":[],"sources":["../../../src/components/PlRadio/keys.ts"],"sourcesContent":["import { type InjectionKey, type ModelRef } from \"vue\";\n\nexport const radioGroupNameKey: InjectionKey<string | undefined> = Symbol();\nexport const radioGroupModelKey: InjectionKey<ModelRef<unknown>> = Symbol();\n"],"mappings":";AAEA,IAAa,IAAsD,QAAQ,EAC9D,IAAsD,QAAQ"}
+{"version":3,"file":"keys.js","names":["radioGroupNameKey","radioGroupModelKey"],"sources":["../../../src/components/PlRadio/keys.ts"],"sourcesContent":["import { type InjectionKey, type ModelRef } from \"vue\";\n\nexport const radioGroupNameKey: InjectionKey<string | undefined> = Symbol();\nexport const radioGroupModelKey: InjectionKey<ModelRef<unknown>> = Symbol();\n"],"mappings":";AAEA,IAAaA,IAAsD,OAAO,GAC7DC,IAAsD,OAAO"}

package/dist/components/PlSearchField/PlSearchField.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSearchField.vue2.js";
 import n from "./PlSearchField.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlSearchField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.js","names":[],"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":""}
+{"version":3,"file":"PlSearchField.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlSearchField_vue_vue_type_script_setup_true_lang_default","PlSearchField_vue_vue_type_style_index_0_lang_module_default","PlSearchField_default","\"$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":""}

package/dist/components/PlSearchField/PlSearchField.style.js

@@ -1,8 +1,8 @@
-import './PlSearchField.vue.css';var e = {
-	component: "_component_1k3h6_1",
-	clear: "_clear_1k3h6_35"
+import './PlSearchField.style.css';// src/components/PlSearchField/PlSearchField.vue?vue&type=style&index=0&lang.module.scss
+var e = "_component_1k3h6_1", t = "_clear_1k3h6_35", n = {
+	component: e,
+	clear: t
 };
-//#endregion
-export { e as default };
+export { t as clear, e as component, n as default };
 
 //# sourceMappingURL=PlSearchField.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlSearchField.vue_vue_type_style_index_0_lang.module.js","names":[],"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":""}
+{"version":3,"file":"PlSearchField.vue_vue_type_style_index_0_lang.module.js","names":["component","clear","PlSearchField_vue_vue_type_style_index_0_lang_module_default"],"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":""}

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

@@ -1,13 +1,13 @@
-import e from "../PlTooltip/PlTooltip.js";
-import t from "../PlIcon24/PlIcon24.js";
-import "../PlIcon24/index.js";
-import n from "../PlIcon16/PlIcon16.js";
+import e from "../PlIcon16/PlIcon16.js";
 import "../PlIcon16/index.js";
+import t from "../PlTooltip/PlTooltip.js";
+import n from "../PlIcon24/PlIcon24.js";
+import "../PlIcon24/index.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, vModelText as y, withCtx as b, withDirectives as x, withModifiers as S } from "vue";
-//#region src/components/PlSearchField/PlSearchField.vue?vue&type=script&setup=true&lang.ts
-var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
+// src/components/PlSearchField/PlSearchField.vue?vue&type=script&setup=true&lang.ts
+var C = ["disabled", "placeholder"], w = /*@__PURE__*/ u({
 	__name: "PlSearchField",
-	props: /* @__PURE__ */ d({
+	props: /*@__PURE__*/ d({
 		modelValue: {},
 		clearable: { type: [Boolean, Function] },
 		placeholder: {},
@@ -27,7 +27,7 @@ var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 			class: f(r.$style.component),
 			"data-testid": "pl-search-field"
 		}, [
-			l(g(t), {
+			l(g(n), {
 				name: "search",
 				"data-testid": "pl-search-field-icon"
 			}),
@@ -40,14 +40,14 @@ var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 				spellcheck: "false",
 				"data-testid": "pl-search-field-input"
 			}, null, 8, C), [[y, d.value]]),
-			w.clearable && E.value ? (p(), i(g(n), {
+			w.clearable && E.value ? (p(), i(g(e), {
 				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, {
+			D.value ? (p(), i(t, {
 				key: 1,
 				class: "info",
 				position: "bottom",
@@ -59,7 +59,6 @@ var C = ["disabled", "placeholder"], w = /* @__PURE__ */ u({
 		], 2));
 	}
 });
-//#endregion
 export { w as default };
 
 //# sourceMappingURL=PlSearchField.vue2.js.map

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\" 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"}
+{"version":3,"file":"PlSearchField.vue_vue_type_script_setup_true_lang.js","names":["$style","_useModel","_useSlots","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_unref","PlIcon24","_withDirectives","_createElementVNode","_vModelText","_createBlock","PlIcon16","_withModifiers","_createCommentVNode","PlTooltip","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","PlIcon16_default","PlTooltip_default","PlIcon24_default","_hoisted_1","PlSearchField_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","model","useModel","__props","props","slots","useSlots","nonEmpty","computed","hasHelper","clear","openBlock","createElementBlock","normalizeClass","_ctx","createVNode","unref","withDirectives","createElementVNode","_cache","$event","vModelText","createBlock","withModifiers","createCommentVNode","withCtx","renderSlot","createTextVNode","toDisplayString"],"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,IAAM4B,IAAQ3B,EAAc6B,GAAA,YAAmB,GAEzCC,IAAQD,GAORE,IAAQ9B,EAAA,GAIRgC,IAAWC,QAAeP,EAAM,SAAS,QAAQA,EAAM,MAAM,SAAS,CAAC,GACvEQ,IAAYD,QAAeJ,EAAM,UAAU,QAAQC,EAAM,UAAU,IAAI,GAEvEK,UAAc;GAClB,AAAIN,EAAM,cACR,EAAM,QAAS,OAAOA,EAAM,aAAc,aAAaA,EAAM,UAAU,IAAI;EAE/E;E,kBAIE5B,EAAA,GAAAC,EA0BM,OAAA;GA1BD,KAAI;GAAQ,OAAKC,EAAEL,EAAAA,OAAO,SAAS;GAAE,eAAY;;GACpDM,EAA6DC,EAAAC,CAAA,GAAA;IAAnD,MAAK;IAAS,eAAY;;GACpCC,EAAAC,EAQE,SAAA;IAPA,KAAI;IACK,uBAAA,AAAAoC,EAAA,QAAA,MAAA,EAAK,QAAAC;IACb,UAAUhB,EAAM;IAChB,aAAaA,EAAM,eAAW;IAC/B,MAAK;IACL,YAAW;IACX,eAAY;G,iBALH,CAAApB,GAAAiB,EAAA,KAAK,C;GAQRG,EAAM,aAAaG,EAAA,SAD3B/B,EAAA,GAAAS,EAMEL,EAAAM,CAAA,GAAA;;IAJC,OAAKR,EAAEL,EAAAA,OAAO,KAAK;IACpB,MAAK;IACL,eAAY;IACX,SAAKc,EAAOuB,GAAK,CAAA,MAAA,CAAA;;GAGHD,EAAA,SAAjBjC,EAAA,GAAAS,EAMYI,GAAA;;IANgB,OAAM;IAAO,UAAS;IAAS,eAAY;;IAC1D,SAAOC,QAGT,CAFPC,EAEOuB,EAAA,QAAA,UAAA,CAAA,SAAA,CADFtB,EAAAC,EAAAW,EAAM,MAAM,GAAA,CAAA,C"}

package/dist/components/PlSearchField/index.js

@@ -1 +1 @@
-import "./PlSearchField.js";
+export { default as PlSearchField } from "./PlSearchField.js";

package/dist/components/PlSectionSeparator/PlSectionSeparator.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSectionSeparator.vue2.js";
 import n from "./PlSectionSeparator.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlSectionSeparator.js.map

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\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":""}
+{"version":3,"file":"PlSectionSeparator.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlSectionSeparator_vue_vue_type_script_setup_true_lang_default","PlSectionSeparator_vue_vue_type_style_index_0_lang_module_default","PlSectionSeparator_default","\"$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":""}

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

@@ -1,8 +1,8 @@
-import './PlSectionSeparator.vue.css';var e = {
-	compact: "_compact_o5ekj_16",
-	content: "_content_o5ekj_20"
+import './PlSectionSeparator.style.css';// src/components/PlSectionSeparator/PlSectionSeparator.vue?vue&type=style&index=0&lang.module.css
+var e = "_compact_o5ekj_16", t = "_content_o5ekj_20", n = {
+	compact: e,
+	content: t
 };
-//#endregion
-export { e as default };
+export { e as compact, t as content, n as default };
 
 //# sourceMappingURL=PlSectionSeparator.style.js.map

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\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":""}
+{"version":3,"file":"PlSectionSeparator.vue_vue_type_style_index_0_lang.module.js","names":["compact","content","PlSectionSeparator_vue_vue_type_style_index_0_lang_module_default"],"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.vue2.js

@@ -1,6 +1,6 @@
 import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
-//#region src/components/PlSectionSeparator/PlSectionSeparator.vue?vue&type=script&setup=true&lang.ts
-var o = /* @__PURE__ */ n({
+// src/components/PlSectionSeparator/PlSectionSeparator.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
 	__name: "PlSectionSeparator",
 	props: { compact: { type: Boolean } },
 	setup(n) {
@@ -13,7 +13,6 @@ var o = /* @__PURE__ */ n({
 		}, [a(o.$slots, "default")], 2)], 2));
 	}
 });
-//#endregion
 export { o as default };
 
 //# sourceMappingURL=PlSectionSeparator.vue2.js.map

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\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"}
+{"version":3,"file":"PlSectionSeparator.vue_vue_type_script_setup_true_lang.js","names":["$style","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","PlSectionSeparator_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","_ctx","__props","createElementVNode","renderSlot"],"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":";;;;;;E,kBAUEC,EAAA,GAAAC,EAMM,OAAA;GALJ,OAAKC,EAAA,CAAC,wBAAsB,GAEjBH,EAAAA,OAAO,UAAUW,EAAA,QAAO,CAAA,CAAA;GADnC,eAAY;E,IAGZP,EAAsF,OAAA;GAAjF,eAAY;GAAgC,OAAKD,EAAEH,EAAAA,OAAO,OAAO;E,IAAEK,EAAQK,EAAA,QAAA,SAAA,C"}

package/dist/components/PlSectionSeparator/index.js

@@ -1 +1 @@
-import "./PlSectionSeparator.js";
+export { default as PlSectionSeparator } from "./PlSectionSeparator.js";

package/dist/components/PlSidebar/PlSidebarGroup.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlSidebarGroup.vue2.js";
 import n from "./PlSidebarGroup.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlSidebarGroup.js.map

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 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":""}
+{"version":3,"file":"PlSidebarGroup.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlSidebarGroup_vue_vue_type_script_setup_true_lang_default","PlSidebarGroup_vue_vue_type_style_index_0_lang_module_default","PlSidebarGroup_default","\"$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":""}