@semplice-studio/pa-design-system 0.2.0 → 0.3.0

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

@@ -10,14 +10,13 @@ export interface PaCheckboxProps {
     error?: string | boolean;
     valid?: boolean;
 }
-export declare function nextPaCheckboxId(): string;
-declare const _default: import("vue").DefineComponent<PaCheckboxProps & {
+type __VLS_Props = PaCheckboxProps;
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<PaCheckboxProps & {
-    modelValue?: boolean;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     error: string | boolean;

package/dist/components/PaCheckbox/PaCheckbox.vue.js

@@ -1,10 +1,8 @@
 import o from "./PaCheckbox.vue2.js";
-import { nextPaCheckboxId as p } from "./PaCheckbox.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e4cfd6c4"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4c1d4d61"]]);
 export {
-  a as default,
-  p as nextPaCheckboxId
+  m as default
 };
 //# sourceMappingURL=PaCheckbox.vue.js.map

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

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

package/dist/components/PaCheckbox/PaCheckbox.vue2.js

@@ -1,16 +1,11 @@
-import { defineComponent as C, useModel as M, computed as l, openBlock as t, createElementBlock as n, createElementVNode as c, normalizeClass as h, withDirectives as V, vModelCheckbox as q, createBlock as b, createCommentVNode as r, toDisplayString as p, mergeModels as I } from "vue";
+import { defineComponent as M, useModel as C, useId as V, computed as l, openBlock as t, createElementBlock as c, createElementVNode as n, normalizeClass as h, withDirectives as q, vModelCheckbox as I, createBlock as b, createCommentVNode as r, toDisplayString as p, mergeModels as w } from "vue";
 import k from "../PaIcon/PaIcon.vue.js";
-const w = { class: "pa-checkbox-field" }, z = ["for"], T = { class: "pa-checkbox__box" }, $ = ["id", "name", "value", "disabled", "required", ".indeterminate", "aria-invalid", "aria-describedby"], A = {
+const z = { class: "pa-checkbox-field" }, T = ["for"], $ = { class: "pa-checkbox__box" }, A = ["id", "name", "value", "disabled", "required", ".indeterminate", "aria-invalid", "aria-describedby"], D = {
   key: 0,
   class: "pa-checkbox__label"
-}, D = ["id"];
-let E = 0;
-function N() {
-  return `pa-checkbox-${++E}`;
-}
-const j = /* @__PURE__ */ C({
+}, E = ["id"], U = /* @__PURE__ */ M({
   __name: "PaCheckbox",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ w({
     label: {},
     id: {},
     name: {},
@@ -27,14 +22,14 @@ const j = /* @__PURE__ */ C({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, s = M(e, "modelValue"), f = N(), i = l(() => a.id ?? f), u = l(() => `${i.value}-msg`), x = l(() => s.value), y = l(() => !s.value && a.indeterminate), o = l(() => !!a.error), m = l(() => a.valid && !o.value), g = l(
+    const a = e, s = C(e, "modelValue"), f = `pa-checkbox-${V()}`, d = l(() => a.id ?? f), u = l(() => `${d.value}-msg`), x = l(() => s.value), y = l(() => !s.value && a.indeterminate), o = l(() => !!a.error), m = l(() => a.valid && !o.value), g = l(
       () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
     ), _ = l(
       () => !o.value && !m.value && a.helperText ? a.helperText : null
-    ), d = l(() => g.value ?? _.value);
-    return (P, v) => (t(), n("div", w, [
-      c("label", {
-        for: i.value,
+    ), i = l(() => g.value ?? _.value);
+    return (N, v) => (t(), c("div", z, [
+      n("label", {
+        for: d.value,
         class: h([
           "pa-checkbox",
           {
@@ -44,9 +39,9 @@ const j = /* @__PURE__ */ C({
           }
         ])
       }, [
-        c("span", T, [
-          V(c("input", {
-            id: i.value,
+        n("span", $, [
+          q(n("input", {
+            id: d.value,
             "onUpdate:modelValue": v[0] || (v[0] = (B) => s.value = B),
             type: "checkbox",
             name: e.name,
@@ -55,10 +50,10 @@ const j = /* @__PURE__ */ C({
             required: e.required,
             ".indeterminate": e.indeterminate,
             "aria-invalid": o.value || void 0,
-            "aria-describedby": d.value ? u.value : void 0,
+            "aria-describedby": i.value ? u.value : void 0,
             class: "pa-checkbox__input"
-          }, null, 40, $), [
-            [q, s.value]
+          }, null, 40, A), [
+            [I, s.value]
           ]),
           x.value ? (t(), b(k, {
             key: 0,
@@ -72,18 +67,17 @@ const j = /* @__PURE__ */ C({
             class: "pa-checkbox__glyph"
           })) : r("", !0)
         ]),
-        e.label ? (t(), n("span", A, p(e.label), 1)) : r("", !0)
-      ], 10, z),
-      d.value ? (t(), n("div", {
+        e.label ? (t(), c("span", D, p(e.label), 1)) : r("", !0)
+      ], 10, T),
+      i.value ? (t(), c("div", {
         key: 0,
         id: u.value,
         class: h(["pa-checkbox__message", { "pa-checkbox__message--error": o.value }])
-      }, p(d.value), 11, D)) : r("", !0)
+      }, p(i.value), 11, E)) : r("", !0)
     ]));
   }
 });
 export {
-  j as default,
-  N as nextPaCheckboxId
+  U as default
 };
 //# sourceMappingURL=PaCheckbox.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaCheckbox.vue2.js","sources":["../../../src/components/PaCheckbox/PaCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaCheckboxId() {\n  return `pa-checkbox-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nexport interface PaCheckboxProps {\n  label?: string\n  id?: string\n  name?: string\n  value?: string\n  indeterminate?: boolean\n  disabled?: boolean\n  required?: boolean\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxProps>(), {\n  indeterminate: false,\n  disabled: false,\n  required: false,\n  error: false,\n  valid: false,\n})\n\nconst model = defineModel<boolean>({ default: false })\n\nconst generatedId = nextPaCheckboxId()\nconst inputId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${inputId.value}-msg`)\n\nconst showCheck = computed(() => model.value)\nconst showMinus = computed(() => !model.value && props.indeterminate)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n</script>\n\n<template>\n  <div class=\"pa-checkbox-field\">\n    <label\n      :for=\"inputId\"\n      :class=\"[\n        'pa-checkbox',\n        {\n          'pa-checkbox--disabled': disabled,\n          'pa-checkbox--error': errorActive,\n          'pa-checkbox--valid': validActive,\n        },\n      ]\"\n    >\n      <span class=\"pa-checkbox__box\">\n        <input\n          :id=\"inputId\"\n          v-model=\"model\"\n          type=\"checkbox\"\n          :name=\"name\"\n          :value=\"value\"\n          :disabled=\"disabled\"\n          :required=\"required\"\n          :indeterminate.prop=\"indeterminate\"\n          :aria-invalid=\"errorActive || undefined\"\n          :aria-describedby=\"message ? messageId : undefined\"\n          class=\"pa-checkbox__input\"\n        />\n        <PaIcon\n          v-if=\"showCheck\"\n          name=\"check\"\n          size=\"sm\"\n          class=\"pa-checkbox__glyph\"\n        />\n        <PaIcon\n          v-else-if=\"showMinus\"\n          name=\"minus\"\n          size=\"sm\"\n          class=\"pa-checkbox__glyph\"\n        />\n      </span>\n      <span v-if=\"label\" class=\"pa-checkbox__label\">{{ label }}</span>\n    </label>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-checkbox__message', { 'pa-checkbox__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-checkbox-field {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.pa-checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.pa-checkbox__box {\n  position: relative;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.pa-checkbox__input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background: var(--pa-color-bg-white);\n  border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n  border-radius: var(--pa-radius-smooth);\n  cursor: inherit;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-checkbox:hover:not(.pa-checkbox--disabled) .pa-checkbox__input:not(:checked):not(:indeterminate) {\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-checkbox:hover:not(.pa-checkbox--disabled):not(.pa-checkbox--error):not(.pa-checkbox--valid) .pa-checkbox__label {\n  color: var(--pa-color-primary-hover);\n}\n\n.pa-checkbox__input:focus { outline: none; }\n\n.pa-checkbox__input:focus-visible {\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 3px;\n}\n\n.pa-checkbox__input:checked,\n.pa-checkbox__input:indeterminate {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary);\n}\n\n.pa-checkbox--error .pa-checkbox__input:not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n\n.pa-checkbox--valid .pa-checkbox__input:not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n\n.pa-checkbox__input:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-disabled-gray);\n  border-color: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-checkbox__glyph {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  pointer-events: none;\n  color: var(--pa-color-text-white);\n}\n\n.pa-checkbox--disabled .pa-checkbox__glyph {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox__label {\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  font-weight: var(--pa-font-body-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox--disabled .pa-checkbox__label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n  padding-left: 34px;\n}\n\n.pa-checkbox__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["uid","nextPaCheckboxId","props","__props","model","_useModel","generatedId","inputId","computed","messageId","showCheck","showMinus","errorActive","validActive","errorMessage","helperMessage","message","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_3","$event","_createBlock","PaIcon","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":";;;;;;AACA,IAAIA,IAAM;AACH,SAASC,IAAmB;AACjC,SAAO,eAAe,EAAED,CAAG;AAC7B;;;;;;;;;;;;;;;;;;;;AAoBA,UAAME,IAAQC,GAQRC,IAAQC,EAAoBF,GAAA,YAAmB,GAE/CG,IAAcL,EAAA,GACdM,IAAUC,EAAS,MAAMN,EAAM,MAAMI,CAAW,GAChDG,IAAYD,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GAEjDG,IAAYF,EAAS,MAAMJ,EAAM,KAAK,GACtCO,IAAYH,EAAS,MAAM,CAACJ,EAAM,SAASF,EAAM,aAAa,GAE9DU,IAAcJ,EAAS,MAAM,EAAQN,EAAM,KAAM,GACjDW,IAAcL,EAAS,MAAMN,EAAM,SAAS,CAACU,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,OAAON,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEa,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,SAASX,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ec,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;sBAItEE,EAAA,GAAAC,EAgDM,OAhDNC,GAgDM;AAAA,MA/CJC,EAuCQ,SAAA;AAAA,QAtCL,KAAKb,EAAA;AAAA,QACL,OAAKc,EAAA;AAAA;;qCAAwElB,EAAA;AAAA,kCAA0CS,EAAA;AAAA,kCAA6CC,EAAA;AAAA,UAAA;AAAA;;QASrKO,EA0BO,QA1BPE,GA0BO;AAAA,YAzBLF,EAYE,SAAA;AAAA,YAXC,IAAIb,EAAA;AAAA,0DACIH,EAAK,QAAAmB;AAAA,YACd,MAAK;AAAA,YACJ,MAAMpB,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,kBAAoBA,EAAA;AAAA,YACpB,gBAAcS,EAAA,SAAe;AAAA,YAC7B,oBAAkBI,EAAA,QAAUP,EAAA,QAAY;AAAA,YACzC,OAAM;AAAA,UAAA;gBATGL,EAAA,KAAK;AAAA,UAAA;UAYRM,EAAA,cADRc,EAKEC,GAAA;AAAA;YAHA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,UAAA,MAGKd,EAAA,cADba,EAKEC,GAAA;AAAA;YAHA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;QAGEtB,EAAA,cAAZe,EAAgE,QAAhEQ,GAAgEC,EAAfxB,EAAA,KAAK,GAAA,CAAA;;MAGhDa,EAAA,cADRE,EAMM,OAAA;AAAA;QAJH,IAAIT,EAAA;AAAA,QACJ,mEAAiEG,EAAA,OAAW,CAAA;AAAA,MAAA,KAE1EI,EAAA,KAAO,GAAA,IAAAY,CAAA;;;;"}
+{"version":3,"file":"PaCheckbox.vue2.js","sources":["../../../src/components/PaCheckbox/PaCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nexport interface PaCheckboxProps {\n  label?: string\n  id?: string\n  name?: string\n  value?: string\n  indeterminate?: boolean\n  disabled?: boolean\n  required?: boolean\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxProps>(), {\n  indeterminate: false,\n  disabled: false,\n  required: false,\n  error: false,\n  valid: false,\n})\n\nconst model = defineModel<boolean>({ default: false })\n\nconst generatedId = `pa-checkbox-${useId()}`\nconst inputId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${inputId.value}-msg`)\n\nconst showCheck = computed(() => model.value)\nconst showMinus = computed(() => !model.value && props.indeterminate)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n</script>\n\n<template>\n  <div class=\"pa-checkbox-field\">\n    <label\n      :for=\"inputId\"\n      :class=\"[\n        'pa-checkbox',\n        {\n          'pa-checkbox--disabled': disabled,\n          'pa-checkbox--error': errorActive,\n          'pa-checkbox--valid': validActive,\n        },\n      ]\"\n    >\n      <span class=\"pa-checkbox__box\">\n        <input\n          :id=\"inputId\"\n          v-model=\"model\"\n          type=\"checkbox\"\n          :name=\"name\"\n          :value=\"value\"\n          :disabled=\"disabled\"\n          :required=\"required\"\n          :indeterminate.prop=\"indeterminate\"\n          :aria-invalid=\"errorActive || undefined\"\n          :aria-describedby=\"message ? messageId : undefined\"\n          class=\"pa-checkbox__input\"\n        />\n        <PaIcon\n          v-if=\"showCheck\"\n          name=\"check\"\n          size=\"sm\"\n          class=\"pa-checkbox__glyph\"\n        />\n        <PaIcon\n          v-else-if=\"showMinus\"\n          name=\"minus\"\n          size=\"sm\"\n          class=\"pa-checkbox__glyph\"\n        />\n      </span>\n      <span v-if=\"label\" class=\"pa-checkbox__label\">{{ label }}</span>\n    </label>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-checkbox__message', { 'pa-checkbox__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-checkbox-field {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.pa-checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.pa-checkbox__box {\n  position: relative;\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.pa-checkbox__input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background: var(--pa-color-bg-white);\n  border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n  border-radius: var(--pa-radius-smooth);\n  cursor: inherit;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-checkbox:hover:not(.pa-checkbox--disabled) .pa-checkbox__input:not(:checked):not(:indeterminate) {\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-checkbox:hover:not(.pa-checkbox--disabled):not(.pa-checkbox--error):not(.pa-checkbox--valid) .pa-checkbox__label {\n  color: var(--pa-color-primary-hover);\n}\n\n.pa-checkbox__input:focus { outline: none; }\n\n.pa-checkbox__input:focus-visible {\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 3px;\n}\n\n.pa-checkbox__input:checked,\n.pa-checkbox__input:indeterminate {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary);\n}\n\n.pa-checkbox--error .pa-checkbox__input:not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n\n.pa-checkbox--valid .pa-checkbox__input:not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n\n.pa-checkbox__input:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-disabled-gray);\n  border-color: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-checkbox__glyph {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  pointer-events: none;\n  color: var(--pa-color-text-white);\n}\n\n.pa-checkbox--disabled .pa-checkbox__glyph {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox__label {\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  font-weight: var(--pa-font-body-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox--disabled .pa-checkbox__label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n  padding-left: 34px;\n}\n\n.pa-checkbox__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["props","__props","model","_useModel","generatedId","useId","inputId","computed","messageId","showCheck","showMinus","errorActive","validActive","errorMessage","helperMessage","message","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_hoisted_3","$event","_createBlock","PaIcon","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,UAAMA,IAAQC,GAQRC,IAAQC,EAAoBF,GAAA,YAAmB,GAE/CG,IAAc,eAAeC,EAAA,CAAO,IACpCC,IAAUC,EAAS,MAAMP,EAAM,MAAMI,CAAW,GAChDI,IAAYD,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GAEjDG,IAAYF,EAAS,MAAML,EAAM,KAAK,GACtCQ,IAAYH,EAAS,MAAM,CAACL,EAAM,SAASF,EAAM,aAAa,GAE9DW,IAAcJ,EAAS,MAAM,EAAQP,EAAM,KAAM,GACjDY,IAAcL,EAAS,MAAMP,EAAM,SAAS,CAACW,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,OAAOP,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEc,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,SAASZ,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ee,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;sBAItEE,EAAA,GAAAC,EAgDM,OAhDNC,GAgDM;AAAA,MA/CJC,EAuCQ,SAAA;AAAA,QAtCL,KAAKb,EAAA;AAAA,QACL,OAAKc,EAAA;AAAA;;qCAAwEnB,EAAA;AAAA,kCAA0CU,EAAA;AAAA,kCAA6CC,EAAA;AAAA,UAAA;AAAA;;QASrKO,EA0BO,QA1BPE,GA0BO;AAAA,YAzBLF,EAYE,SAAA;AAAA,YAXC,IAAIb,EAAA;AAAA,0DACIJ,EAAK,QAAAoB;AAAA,YACd,MAAK;AAAA,YACJ,MAAMrB,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,kBAAoBA,EAAA;AAAA,YACpB,gBAAcU,EAAA,SAAe;AAAA,YAC7B,oBAAkBI,EAAA,QAAUP,EAAA,QAAY;AAAA,YACzC,OAAM;AAAA,UAAA;gBATGN,EAAA,KAAK;AAAA,UAAA;UAYRO,EAAA,cADRc,EAKEC,GAAA;AAAA;YAHA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,UAAA,MAGKd,EAAA,cADba,EAKEC,GAAA;AAAA;YAHA,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;QAGEvB,EAAA,cAAZgB,EAAgE,QAAhEQ,GAAgEC,EAAfzB,EAAA,KAAK,GAAA,CAAA;;MAGhDc,EAAA,cADRE,EAMM,OAAA;AAAA;QAJH,IAAIT,EAAA;AAAA,QACJ,mEAAiEG,EAAA,OAAW,CAAA;AAAA,MAAA,KAE1EI,EAAA,KAAO,GAAA,IAAAY,CAAA;;;;"}

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

@@ -14,14 +14,13 @@ export interface PaCheckboxGroupProps {
     required?: boolean;
     disabled?: boolean;
 }
-export declare function nextPaCheckboxGroupId(): string;
-declare const _default: import("vue").DefineComponent<PaCheckboxGroupProps & {
+type __VLS_Props = PaCheckboxGroupProps;
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => any;
-}, string, import("vue").PublicProps, Readonly<PaCheckboxGroupProps & {
-    modelValue?: string[];
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     error: string | boolean;

package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue.js

@@ -1,10 +1,8 @@
 import o from "./PaCheckboxGroup.vue2.js";
-import { nextPaCheckboxGroupId as c } from "./PaCheckboxGroup.vue2.js";
 /* empty css                     */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e3404f8b"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9c675dab"]]);
 export {
-  a as default,
-  c as nextPaCheckboxGroupId
+  c as default
 };
 //# sourceMappingURL=PaCheckboxGroup.vue.js.map

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

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

package/dist/components/PaCheckboxGroup/PaCheckboxGroup.vue2.js

@@ -1,17 +1,12 @@
-import { defineComponent as q, useModel as C, computed as r, openBlock as d, createElementBlock as i, normalizeClass as h, createTextVNode as I, toDisplayString as f, createCommentVNode as b, Fragment as M, renderList as T, createBlock as _, mergeModels as $ } from "vue";
-import N from "../PaCheckbox/PaCheckbox.vue.js";
-const P = ["aria-labelledby", "aria-required", "aria-invalid", "aria-describedby"], S = ["id"], A = {
+import { defineComponent as q, useModel as C, useId as I, computed as r, openBlock as u, createElementBlock as i, normalizeClass as h, createTextVNode as M, toDisplayString as f, createCommentVNode as b, Fragment as T, renderList as _, createBlock as $, mergeModels as N } from "vue";
+import S from "../PaCheckbox/PaCheckbox.vue.js";
+const A = ["aria-labelledby", "aria-required", "aria-invalid", "aria-describedby"], P = ["id"], U = {
   key: 0,
   class: "pa-checkbox-group__required",
   "aria-hidden": "true"
-}, G = ["id"];
-let U = 0;
-function w() {
-  return `pa-checkbox-group-${++U}`;
-}
-const E = /* @__PURE__ */ q({
+}, w = ["id"], E = /* @__PURE__ */ q({
   __name: "PaCheckboxGroup",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ N({
     options: {},
     label: {},
     id: {},
@@ -27,24 +22,24 @@ const E = /* @__PURE__ */ q({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, o = C(e, "modelValue"), k = w(), s = r(() => a.id ?? k), m = r(() => `${s.value}-label`), p = r(() => `${s.value}-msg`), x = r(() => a.name ?? `${s.value}-name`), u = r(() => !!a.error), c = r(() => a.valid && !u.value), y = r(
+    const a = e, o = C(e, "modelValue"), k = `pa-checkbox-group-${I()}`, n = r(() => a.id ?? k), m = r(() => `${n.value}-label`), p = r(() => `${n.value}-msg`), x = r(() => a.name ?? `${n.value}-name`), d = r(() => !!a.error), c = r(() => a.valid && !d.value), y = r(
       () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
     ), B = r(
-      () => !u.value && !c.value && a.helperText ? a.helperText : null
+      () => !d.value && !c.value && a.helperText ? a.helperText : null
     ), v = r(() => y.value ?? B.value);
-    function V(n, g) {
+    function V(s, g) {
       if (g) {
-        if (o.value.includes(n)) return;
-        const l = /* @__PURE__ */ new Set([...o.value, n]);
+        if (o.value.includes(s)) return;
+        const l = /* @__PURE__ */ new Set([...o.value, s]);
         o.value = a.options.map((t) => t.value).filter((t) => l.has(t));
       } else
-        o.value = o.value.filter((l) => l !== n);
+        o.value = o.value.filter((l) => l !== s);
     }
-    return (n, g) => (d(), i("div", {
+    return (s, g) => (u(), i("div", {
       class: h([
         "pa-checkbox-group",
         {
-          "pa-checkbox-group--error": u.value,
+          "pa-checkbox-group--error": d.value,
           "pa-checkbox-group--valid": c.value,
           "pa-checkbox-group--disabled": e.disabled
         }
@@ -52,38 +47,37 @@ const E = /* @__PURE__ */ q({
       role: "group",
       "aria-labelledby": e.label ? m.value : void 0,
       "aria-required": e.required || void 0,
-      "aria-invalid": u.value || void 0,
+      "aria-invalid": d.value || void 0,
       "aria-describedby": v.value ? p.value : void 0
     }, [
-      e.label ? (d(), i("span", {
+      e.label ? (u(), i("span", {
         key: 0,
         id: m.value,
         class: "pa-checkbox-group__label"
       }, [
-        I(f(e.label), 1),
-        e.required ? (d(), i("span", A, "*")) : b("", !0)
-      ], 8, S)) : b("", !0),
-      (d(!0), i(M, null, T(e.options, (l) => (d(), _(N, {
+        M(f(e.label), 1),
+        e.required ? (u(), i("span", U, "*")) : b("", !0)
+      ], 8, P)) : b("", !0),
+      (u(!0), i(T, null, _(e.options, (l) => (u(), $(S, {
         key: l.value,
         "model-value": o.value.includes(l.value),
         label: l.label,
         value: l.value,
         name: x.value,
         disabled: e.disabled || l.disabled,
-        error: u.value,
+        error: d.value,
         valid: c.value,
         "onUpdate:modelValue": (t) => V(l.value, t)
       }, null, 8, ["model-value", "label", "value", "name", "disabled", "error", "valid", "onUpdate:modelValue"]))), 128)),
-      v.value ? (d(), i("div", {
+      v.value ? (u(), i("div", {
         key: 1,
         id: p.value,
-        class: h(["pa-checkbox-group__message", { "pa-checkbox-group__message--error": u.value }])
-      }, f(v.value), 11, G)) : b("", !0)
-    ], 10, P));
+        class: h(["pa-checkbox-group__message", { "pa-checkbox-group__message--error": d.value }])
+      }, f(v.value), 11, w)) : b("", !0)
+    ], 10, A));
   }
 });
 export {
-  E as default,
-  w as nextPaCheckboxGroupId
+  E as default
 };
 //# sourceMappingURL=PaCheckboxGroup.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaCheckboxGroup.vue2.js","sources":["../../../src/components/PaCheckboxGroup/PaCheckboxGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaCheckboxGroupId() {\n  return `pa-checkbox-group-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaCheckbox from '../PaCheckbox/PaCheckbox.vue'\n\nexport type PaCheckboxGroupOption = {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface PaCheckboxGroupProps {\n  options: PaCheckboxGroupOption[]\n  label?: string\n  id?: string\n  name?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxGroupProps>(), {\n  error: false,\n  valid: false,\n  required: false,\n  disabled: false,\n})\n\nconst model = defineModel<string[]>({ default: () => [] })\n\nconst generatedId = nextPaCheckboxGroupId()\nconst groupId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${groupId.value}-label`)\nconst messageId = computed(() => `${groupId.value}-msg`)\nconst groupName = computed(() => props.name ?? `${groupId.value}-name`)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\nfunction toggle(value: string, next: boolean) {\n  if (next) {\n    if (model.value.includes(value)) return\n    const selected = new Set([...model.value, value])\n    model.value = props.options.map((o) => o.value).filter((v) => selected.has(v))\n  } else {\n    model.value = model.value.filter((v) => v !== value)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-checkbox-group',\n      {\n        'pa-checkbox-group--error': errorActive,\n        'pa-checkbox-group--valid': validActive,\n        'pa-checkbox-group--disabled': disabled,\n      },\n    ]\"\n    role=\"group\"\n    :aria-labelledby=\"label ? labelId : undefined\"\n    :aria-required=\"required || undefined\"\n    :aria-invalid=\"errorActive || undefined\"\n    :aria-describedby=\"message ? messageId : undefined\"\n  >\n    <span v-if=\"label\" :id=\"labelId\" class=\"pa-checkbox-group__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-checkbox-group__required\" aria-hidden=\"true\">*</span>\n    </span>\n    <PaCheckbox\n      v-for=\"opt in options\"\n      :key=\"opt.value\"\n      :model-value=\"model.includes(opt.value)\"\n      :label=\"opt.label\"\n      :value=\"opt.value\"\n      :name=\"groupName\"\n      :disabled=\"disabled || opt.disabled\"\n      :error=\"errorActive\"\n      :valid=\"validActive\"\n      @update:model-value=\"(next) => toggle(opt.value, next)\"\n    />\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-checkbox-group__message', { 'pa-checkbox-group__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-checkbox-group {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-xs);\n  font-family: var(--pa-font-family-base);\n  direction: ltr;\n  text-align: left;\n}\n\n.pa-checkbox-group__label {\n  font-size: var(--pa-font-label-sm-size);\n  line-height: var(--pa-font-label-sm-line-height);\n  font-weight: var(--pa-font-label-sm-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox-group--disabled .pa-checkbox-group__label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox-group__required {\n  margin-left: 2px;\n  color: var(--pa-color-error);\n}\n\n.pa-checkbox-group__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox-group__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["uid","nextPaCheckboxGroupId","props","__props","model","_useModel","generatedId","groupId","computed","labelId","messageId","groupName","errorActive","validActive","errorMessage","helperMessage","message","toggle","value","next","selected","o","v","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","opt","_createBlock","PaCheckbox","_hoisted_4"],"mappings":";;;;;;;AACA,IAAIA,IAAM;AACH,SAASC,IAAwB;AACtC,SAAO,qBAAqB,EAAED,CAAG;AACnC;;;;;;;;;;;;;;;;;;;AAyBA,UAAME,IAAQC,GAORC,IAAQC,EAAqBF,GAAA,YAAsB,GAEnDG,IAAcL,EAAA,GACdM,IAAUC,EAAS,MAAMN,EAAM,MAAMI,CAAW,GAChDG,IAAUD,EAAS,MAAM,GAAGD,EAAQ,KAAK,QAAQ,GACjDG,IAAYF,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GACjDI,IAAYH,EAAS,MAAMN,EAAM,QAAQ,GAAGK,EAAQ,KAAK,OAAO,GAEhEK,IAAcJ,EAAS,MAAM,EAAQN,EAAM,KAAM,GACjDW,IAAcL,EAAS,MAAMN,EAAM,SAAS,CAACU,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,OAAON,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEa,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,SAASX,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ec,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,EAAOC,GAAeC,GAAe;AAC5C,UAAIA,GAAM;AACR,YAAIf,EAAM,MAAM,SAASc,CAAK,EAAG;AACjC,cAAME,wBAAe,IAAI,CAAC,GAAGhB,EAAM,OAAOc,CAAK,CAAC;AAChD,QAAAd,EAAM,QAAQF,EAAM,QAAQ,IAAI,CAACmB,MAAMA,EAAE,KAAK,EAAE,OAAO,CAACC,MAAMF,EAAS,IAAIE,CAAC,CAAC;AAAA,MAC/E;AACE,QAAAlB,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACkB,MAAMA,MAAMJ,CAAK;AAAA,IAEvD;2BAIEK,EAqCM,OAAA;AAAA,MApCH,OAAKC,EAAA;AAAA;;sCAA2EZ,EAAA;AAAA,sCAAiDC,EAAA;AAAA,yCAAoDV,EAAA;AAAA,QAAA;AAAA;MAQtL,MAAK;AAAA,MACJ,mBAAiBA,EAAA,QAAQM,EAAA,QAAU;AAAA,MACnC,iBAAeN,EAAA,YAAY;AAAA,MAC3B,gBAAcS,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUN,EAAA,QAAY;AAAA,IAAA;MAE7BP,EAAA,cAAZoB,EAEO,QAAA;AAAA;QAFa,IAAId,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;YAClCN,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,iBAAZoB,EAAqF,QAArFE,GAA6E,GAAC;;cAE3FF,EAWEG,GAAA,MAAAC,EAVcxB,EAAA,SAAO,CAAdyB,YADTC,EAWEC,GAAA;AAAA,QATC,KAAKF,EAAI;AAAA,QACT,eAAaxB,EAAA,MAAM,SAASwB,EAAI,KAAK;AAAA,QACrC,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI;AAAA,QACX,MAAMjB,EAAA;AAAA,QACN,UAAUR,EAAA,YAAYyB,EAAI;AAAA,QAC1B,OAAOhB,EAAA;AAAA,QACP,OAAOC,EAAA;AAAA,QACP,uBAAkB,CAAGM,MAASF,EAAOW,EAAI,OAAOT,CAAI;AAAA,MAAA;MAG/CH,EAAA,cADRO,EAMM,OAAA;AAAA;QAJH,IAAIb,EAAA;AAAA,QACJ,+EAA6EE,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtFI,EAAA,KAAO,GAAA,IAAAe,CAAA;;;;"}
+{"version":3,"file":"PaCheckboxGroup.vue2.js","sources":["../../../src/components/PaCheckboxGroup/PaCheckboxGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport PaCheckbox from '../PaCheckbox/PaCheckbox.vue'\n\nexport type PaCheckboxGroupOption = {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface PaCheckboxGroupProps {\n  options: PaCheckboxGroupOption[]\n  label?: string\n  id?: string\n  name?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<PaCheckboxGroupProps>(), {\n  error: false,\n  valid: false,\n  required: false,\n  disabled: false,\n})\n\nconst model = defineModel<string[]>({ default: () => [] })\n\nconst generatedId = `pa-checkbox-group-${useId()}`\nconst groupId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${groupId.value}-label`)\nconst messageId = computed(() => `${groupId.value}-msg`)\nconst groupName = computed(() => props.name ?? `${groupId.value}-name`)\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\nfunction toggle(value: string, next: boolean) {\n  if (next) {\n    if (model.value.includes(value)) return\n    const selected = new Set([...model.value, value])\n    model.value = props.options.map((o) => o.value).filter((v) => selected.has(v))\n  } else {\n    model.value = model.value.filter((v) => v !== value)\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-checkbox-group',\n      {\n        'pa-checkbox-group--error': errorActive,\n        'pa-checkbox-group--valid': validActive,\n        'pa-checkbox-group--disabled': disabled,\n      },\n    ]\"\n    role=\"group\"\n    :aria-labelledby=\"label ? labelId : undefined\"\n    :aria-required=\"required || undefined\"\n    :aria-invalid=\"errorActive || undefined\"\n    :aria-describedby=\"message ? messageId : undefined\"\n  >\n    <span v-if=\"label\" :id=\"labelId\" class=\"pa-checkbox-group__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-checkbox-group__required\" aria-hidden=\"true\">*</span>\n    </span>\n    <PaCheckbox\n      v-for=\"opt in options\"\n      :key=\"opt.value\"\n      :model-value=\"model.includes(opt.value)\"\n      :label=\"opt.label\"\n      :value=\"opt.value\"\n      :name=\"groupName\"\n      :disabled=\"disabled || opt.disabled\"\n      :error=\"errorActive\"\n      :valid=\"validActive\"\n      @update:model-value=\"(next) => toggle(opt.value, next)\"\n    />\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-checkbox-group__message', { 'pa-checkbox-group__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-checkbox-group {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-xs);\n  font-family: var(--pa-font-family-base);\n  direction: ltr;\n  text-align: left;\n}\n\n.pa-checkbox-group__label {\n  font-size: var(--pa-font-label-sm-size);\n  line-height: var(--pa-font-label-sm-line-height);\n  font-weight: var(--pa-font-label-sm-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox-group--disabled .pa-checkbox-group__label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-checkbox-group__required {\n  margin-left: 2px;\n  color: var(--pa-color-error);\n}\n\n.pa-checkbox-group__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-checkbox-group__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["props","__props","model","_useModel","generatedId","useId","groupId","computed","labelId","messageId","groupName","errorActive","validActive","errorMessage","helperMessage","message","toggle","value","next","selected","o","v","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","opt","_createBlock","PaCheckbox","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA,UAAMA,IAAQC,GAORC,IAAQC,EAAqBF,GAAA,YAAsB,GAEnDG,IAAc,qBAAqBC,EAAA,CAAO,IAC1CC,IAAUC,EAAS,MAAMP,EAAM,MAAMI,CAAW,GAChDI,IAAUD,EAAS,MAAM,GAAGD,EAAQ,KAAK,QAAQ,GACjDG,IAAYF,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GACjDI,IAAYH,EAAS,MAAMP,EAAM,QAAQ,GAAGM,EAAQ,KAAK,OAAO,GAEhEK,IAAcJ,EAAS,MAAM,EAAQP,EAAM,KAAM,GACjDY,IAAcL,EAAS,MAAMP,EAAM,SAAS,CAACW,EAAY,KAAK,GAE9DE,IAAeN;AAAA,MAAS,MAC5B,OAAOP,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEc,IAAgBP;AAAA,MAAS,MAC7B,CAACI,EAAY,SAAS,CAACC,EAAY,SAASZ,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9Ee,IAAUR,EAAS,MAAMM,EAAa,SAASC,EAAc,KAAK;AAExE,aAASE,EAAOC,GAAeC,GAAe;AAC5C,UAAIA,GAAM;AACR,YAAIhB,EAAM,MAAM,SAASe,CAAK,EAAG;AACjC,cAAME,wBAAe,IAAI,CAAC,GAAGjB,EAAM,OAAOe,CAAK,CAAC;AAChD,QAAAf,EAAM,QAAQF,EAAM,QAAQ,IAAI,CAACoB,MAAMA,EAAE,KAAK,EAAE,OAAO,CAACC,MAAMF,EAAS,IAAIE,CAAC,CAAC;AAAA,MAC/E;AACE,QAAAnB,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACmB,MAAMA,MAAMJ,CAAK;AAAA,IAEvD;2BAIEK,EAqCM,OAAA;AAAA,MApCH,OAAKC,EAAA;AAAA;;sCAA2EZ,EAAA;AAAA,sCAAiDC,EAAA;AAAA,yCAAoDX,EAAA;AAAA,QAAA;AAAA;MAQtL,MAAK;AAAA,MACJ,mBAAiBA,EAAA,QAAQO,EAAA,QAAU;AAAA,MACnC,iBAAeP,EAAA,YAAY;AAAA,MAC3B,gBAAcU,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUN,EAAA,QAAY;AAAA,IAAA;MAE7BR,EAAA,cAAZqB,EAEO,QAAA;AAAA;QAFa,IAAId,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;YAClCP,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,iBAAZqB,EAAqF,QAArFE,GAA6E,GAAC;;cAE3FF,EAWEG,GAAA,MAAAC,EAVczB,EAAA,SAAO,CAAd0B,YADTC,EAWEC,GAAA;AAAA,QATC,KAAKF,EAAI;AAAA,QACT,eAAazB,EAAA,MAAM,SAASyB,EAAI,KAAK;AAAA,QACrC,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI;AAAA,QACX,MAAMjB,EAAA;AAAA,QACN,UAAUT,EAAA,YAAY0B,EAAI;AAAA,QAC1B,OAAOhB,EAAA;AAAA,QACP,OAAOC,EAAA;AAAA,QACP,uBAAkB,CAAGM,MAASF,EAAOW,EAAI,OAAOT,CAAI;AAAA,MAAA;MAG/CH,EAAA,cADRO,EAMM,OAAA;AAAA;QAJH,IAAIb,EAAA;AAAA,QACJ,+EAA6EE,EAAA,OAAW,CAAA;AAAA,MAAA,KAEtFI,EAAA,KAAO,GAAA,IAAAe,CAAA;;;;"}

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

@@ -1,7 +1,6 @@
 import 'v-calendar/style.css';
-export declare function nextPaDatePickerId(): string;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
-    display?: "popover" | "inline";
+type __VLS_Props = {
+    display?: 'popover' | 'inline';
     placeholder?: string;
     label?: string;
     required?: boolean;
@@ -15,28 +14,17 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     min?: Date | null;
     max?: Date | null;
     disabledDates?: (date: Date) => boolean;
-} & {
+};
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: Date | null;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    suffix?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Date | null) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    display?: "popover" | "inline";
-    placeholder?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    error?: string | boolean;
-    valid?: boolean;
-    disabled?: boolean;
-    readonly?: boolean;
-    id?: string;
-    name?: string;
-    min?: Date | null;
-    max?: Date | null;
-    disabledDates?: (date: Date) => boolean;
-} & {
-    modelValue?: Date | null;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
 }>, {
     error: string | boolean;
@@ -49,9 +37,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     max: Date | null;
     display: "popover" | "inline";
     disabledDates: (date: Date) => boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    suffix?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/PaDatePicker/PaDatePicker.vue.js

@@ -1,10 +1,8 @@
-import t from "./PaDatePicker.vue2.js";
-import { nextPaDatePickerId as f } from "./PaDatePicker.vue2.js";
+import o from "./PaDatePicker.vue2.js";
 /* empty css                  */
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ a(t, [["__scopeId", "data-v-68eaa6c6"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-13cb46b4"]]);
 export {
-  c as default,
-  f as nextPaDatePickerId
+  e as default
 };
 //# sourceMappingURL=PaDatePicker.vue.js.map

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

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