@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaCheckbox/index.js

@@ -0,0 +1,6 @@
+import { default as f, default as o } from "./PaCheckbox.vue.js";
+export {
+  f as PaCheckbox,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,32 @@
+export type PaCheckboxGroupOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export interface PaCheckboxGroupProps {
+    options: PaCheckboxGroupOption[];
+    label?: string;
+    id?: string;
+    name?: string;
+    helperText?: string;
+    error?: string | boolean;
+    valid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare function nextPaCheckboxGroupId(): string;
+declare const _default: import("vue").DefineComponent<PaCheckboxGroupProps & {
+    modelValue?: string[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<PaCheckboxGroupProps & {
+    modelValue?: string[];
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    error: string | boolean;
+    disabled: boolean;
+    valid: boolean;
+    required: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+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"]]);
+export {
+  a as default,
+  c as nextPaCheckboxGroupId
+};
+//# sourceMappingURL=PaCheckboxGroup.vue.js.map

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

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

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

@@ -0,0 +1,89 @@
+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 = {
+  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({
+  __name: "PaCheckboxGroup",
+  props: /* @__PURE__ */ $({
+    options: {},
+    label: {},
+    id: {},
+    name: {},
+    helperText: {},
+    error: { type: [String, Boolean], default: !1 },
+    valid: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  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(
+      () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
+    ), B = r(
+      () => !u.value && !c.value && a.helperText ? a.helperText : null
+    ), v = r(() => y.value ?? B.value);
+    function V(n, g) {
+      if (g) {
+        if (o.value.includes(n)) return;
+        const l = /* @__PURE__ */ new Set([...o.value, n]);
+        o.value = a.options.map((t) => t.value).filter((t) => l.has(t));
+      } else
+        o.value = o.value.filter((l) => l !== n);
+    }
+    return (n, g) => (d(), i("div", {
+      class: h([
+        "pa-checkbox-group",
+        {
+          "pa-checkbox-group--error": u.value,
+          "pa-checkbox-group--valid": c.value,
+          "pa-checkbox-group--disabled": e.disabled
+        }
+      ]),
+      role: "group",
+      "aria-labelledby": e.label ? m.value : void 0,
+      "aria-required": e.required || void 0,
+      "aria-invalid": u.value || void 0,
+      "aria-describedby": v.value ? p.value : void 0
+    }, [
+      e.label ? (d(), 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, {
+        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,
+        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", {
+        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));
+  }
+});
+export {
+  E as default,
+  w as nextPaCheckboxGroupId
+};
+//# sourceMappingURL=PaCheckboxGroup.vue2.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaCheckboxGroup } from './PaCheckboxGroup.vue';
+export type { PaCheckboxGroupProps, PaCheckboxGroupOption } from './PaCheckboxGroup.vue';

package/dist/components/PaCheckboxGroup/index.js

@@ -0,0 +1,6 @@
+import { default as o, default as f } from "./PaCheckboxGroup.vue.js";
+export {
+  o as PaCheckboxGroup,
+  f as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { PaIconName } from '../PaIcon/PaIcon.vue';
+export type PaChipVariant = 'dismissible' | 'selectable';
+export interface PaChipProps {
+    variant?: PaChipVariant;
+    label: string;
+    icon?: PaIconName;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<PaChipProps & {
+    modelValue?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<PaChipProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    variant: PaChipVariant;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaChip/PaChip.vue.js

@@ -0,0 +1,8 @@
+import o from "./PaChip.vue2.js";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5cd08ed5"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=PaChip.vue.js.map

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

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

package/dist/components/PaChip/PaChip.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as f, useModel as k, openBlock as l, createElementBlock as d, normalizeClass as n, createBlock as o, createCommentVNode as i, createElementVNode as s, toDisplayString as m, createVNode as v, mergeModels as b } from "vue";
+import t from "../PaIcon/PaIcon.vue.js";
+const y = { class: "pa-chip__label" }, C = ["disabled", "aria-label"], V = ["aria-pressed", "disabled"], B = { class: "pa-chip__label" }, M = /* @__PURE__ */ f({
+  __name: "PaChip",
+  props: /* @__PURE__ */ b({
+    variant: { default: "dismissible" },
+    label: {},
+    icon: {},
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ b(["close"], ["update:modelValue"]),
+  setup(e, { emit: u }) {
+    const c = e, a = k(e, "modelValue"), r = u;
+    function p() {
+      c.disabled || r("close");
+    }
+    function h() {
+      c.disabled || (a.value = !a.value);
+    }
+    return (g, z) => e.variant === "dismissible" ? (l(), d("div", {
+      key: 0,
+      class: n(["pa-chip", "pa-chip--dismissible", { "pa-chip--disabled": e.disabled }])
+    }, [
+      e.icon ? (l(), o(t, {
+        key: 0,
+        name: e.icon,
+        size: "sm",
+        class: "pa-chip__icon"
+      }, null, 8, ["name"])) : i("", !0),
+      s("span", y, m(e.label), 1),
+      s("button", {
+        type: "button",
+        class: "pa-chip__close",
+        disabled: e.disabled,
+        "aria-label": `Rimuovi ${e.label}`,
+        onClick: p
+      }, [
+        v(t, {
+          name: "x",
+          size: "sm",
+          class: "pa-chip__close-icon"
+        })
+      ], 8, C)
+    ], 2)) : e.variant === "selectable" ? (l(), d("button", {
+      key: 1,
+      type: "button",
+      class: n([
+        "pa-chip",
+        "pa-chip--selectable",
+        {
+          "pa-chip--selected": a.value,
+          "pa-chip--disabled": e.disabled
+        }
+      ]),
+      "aria-pressed": a.value,
+      disabled: e.disabled,
+      onClick: h
+    }, [
+      a.value ? (l(), o(t, {
+        key: 0,
+        name: "check",
+        size: "sm",
+        class: "pa-chip__icon"
+      })) : i("", !0),
+      s("span", B, m(e.label), 1)
+    ], 10, V)) : i("", !0);
+  }
+});
+export {
+  M as default
+};
+//# sourceMappingURL=PaChip.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaChip.vue2.js","sources":["../../../src/components/PaChip/PaChip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName } from '../PaIcon/PaIcon.vue'\n\nexport type PaChipVariant = 'dismissible' | 'selectable'\n\nexport interface PaChipProps {\n  variant?: PaChipVariant\n  label: string\n  icon?: PaIconName\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaChipProps>(), {\n  variant: 'dismissible',\n  disabled: false,\n})\n\nconst model = defineModel<boolean>({ default: false })\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onClose() {\n  if (props.disabled) return\n  emit('close')\n}\n\nfunction onToggle() {\n  if (props.disabled) return\n  model.value = !model.value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'dismissible'\"\n    :class=\"['pa-chip', 'pa-chip--dismissible', { 'pa-chip--disabled': disabled }]\"\n  >\n    <PaIcon v-if=\"icon\" :name=\"icon\" size=\"sm\" class=\"pa-chip__icon\" />\n    <span class=\"pa-chip__label\">{{ label }}</span>\n    <button\n      type=\"button\"\n      class=\"pa-chip__close\"\n      :disabled=\"disabled\"\n      :aria-label=\"`Rimuovi ${label}`\"\n      @click=\"onClose\"\n    >\n      <PaIcon name=\"x\" size=\"sm\" class=\"pa-chip__close-icon\" />\n    </button>\n  </div>\n  <button\n    v-else-if=\"variant === 'selectable'\"\n    type=\"button\"\n    :class=\"[\n      'pa-chip',\n      'pa-chip--selectable',\n      {\n        'pa-chip--selected': model,\n        'pa-chip--disabled': disabled,\n      },\n    ]\"\n    :aria-pressed=\"model\"\n    :disabled=\"disabled\"\n    @click=\"onToggle\"\n  >\n    <PaIcon v-if=\"model\" name=\"check\" size=\"sm\" class=\"pa-chip__icon\" />\n    <span class=\"pa-chip__label\">{{ label }}</span>\n  </button>\n</template>\n\n<style scoped>\n.pa-chip {\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: 32px;\n  border-radius: 100px;\n  font-family: var(--pa-font-family-base);\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  gap: 12px;\n}\n\n.pa-chip__icon {\n  width: 16px;\n  height: 16px;\n  color: inherit;\n  flex-shrink: 0;\n}\n\n.pa-chip__label {\n  white-space: nowrap;\n}\n\n/* ─────────────── Dismissible variant ─────────────── */\n\n.pa-chip--dismissible {\n  padding: 4px 3px 4px 16px;\n  background: var(--pa-color-neutral-gray);\n  color: var(--pa-color-text-white);\n  transition: background-color 120ms ease, outline-color 120ms ease;\n}\n\n.pa-chip--dismissible:hover:not(.pa-chip--disabled) {\n  background: var(--pa-color-neutral-gray-hover);\n}\n\n.pa-chip--dismissible:has(.pa-chip__close:focus-visible):not(.pa-chip--disabled) {\n  background: var(--pa-color-neutral-gray-hover);\n  outline: 2px solid var(--pa-color-primary);\n  outline-offset: 2px;\n}\n\n.pa-chip--dismissible:has(.pa-chip__close:active):not(.pa-chip--disabled) {\n  background: var(--pa-color-bg-black);\n}\n\n.pa-chip--dismissible.pa-chip--disabled {\n  background: var(--pa-color-bg-white);\n  color: var(--pa-color-text-disabled-gray);\n}\n\n/* Close button */\n\n.pa-chip__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.15);\n  color: inherit;\n  cursor: pointer;\n}\n\n.pa-chip__close:focus { outline: none; }\n\n.pa-chip__close:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-secondary-light-40);\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-chip__close-icon {\n  width: 13px;\n  height: 13px;\n  color: inherit;\n}\n\n/* ─────────────── Selectable variant ─────────────── */\n\n.pa-chip--selectable {\n  padding: 4px 16px;\n  margin: 0;\n  border: 2px solid var(--pa-color-primary);\n  background: var(--pa-color-bg-white);\n  color: var(--pa-color-text-primary-blue);\n  cursor: pointer;\n  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;\n}\n\n.pa-chip--selectable:not(.pa-chip--selected):not(:disabled):hover {\n  border-color: var(--pa-color-primary-hover);\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-chip--selectable:not(.pa-chip--selected):not(:disabled):active {\n  border-color: var(--pa-color-primary-pressed);\n  color: var(--pa-color-text-dark-blue);\n}\n\n.pa-chip--selectable.pa-chip--selected {\n  background: var(--pa-color-primary);\n  border-color: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n}\n\n.pa-chip--selectable.pa-chip--selected:not(:disabled):hover {\n  background: var(--pa-color-primary-hover);\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-chip--selectable.pa-chip--selected:not(:disabled):active {\n  background: var(--pa-color-primary-pressed);\n  border-color: var(--pa-color-primary-pressed);\n}\n\n.pa-chip--selectable:disabled {\n  cursor: not-allowed;\n  background: var(--pa-color-bg-white);\n  border-color: var(--pa-color-text-disabled-gray);\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-chip--selectable:focus { outline: none; }\n\n.pa-chip--selectable:focus-visible {\n  outline: 2px solid var(--pa-color-primary);\n  outline-offset: 2px;\n}\n</style>\n"],"names":["props","__props","model","_useModel","emit","__emit","onClose","onToggle","_createElementBlock","_createBlock","PaIcon","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode","_normalizeClass","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;AAgBA,UAAMA,IAAQC,GAKRC,IAAQC,EAAoBF,GAAA,YAAmB,GAE/CG,IAAOC;AAIb,aAASC,IAAU;AACjB,MAAIN,EAAM,YACVI,EAAK,OAAO;AAAA,IACd;AAEA,aAASG,IAAW;AAClB,MAAIP,EAAM,aACVE,EAAM,QAAQ,CAACA,EAAM;AAAA,IACvB;qBAKUD,EAAA,YAAO,sBADfO,EAeM,OAAA;AAAA;MAbH,oEAAkEP,EAAA,UAAQ,CAAA;AAAA,IAAA;MAE7DA,EAAA,aAAdQ,EAAmEC,GAAA;AAAA;QAA9C,MAAMT,EAAA;AAAA,QAAM,MAAK;AAAA,QAAK,OAAM;AAAA,MAAA;MACjDU,EAA+C,QAA/CC,GAA+CC,EAAfZ,EAAA,KAAK,GAAA,CAAA;AAAA,MACrCU,EAQS,UAAA;AAAA,QAPP,MAAK;AAAA,QACL,OAAM;AAAA,QACL,UAAUV,EAAA;AAAA,QACV,yBAAuBA,EAAA,KAAK;AAAA,QAC5B,SAAOK;AAAA,MAAA;QAERQ,EAAyDJ,GAAA;AAAA,UAAjD,MAAK;AAAA,UAAI,MAAK;AAAA,UAAK,OAAM;AAAA,QAAA;;aAIxBT,EAAA,YAAO,qBADpBO,EAiBS,UAAA;AAAA;MAfP,MAAK;AAAA,MACJ,OAAKO,EAAA;AAAA;;;+BAAuFb,EAAA;AAAA,+BAAoCD,EAAA;AAAA,QAAA;AAAA;MAQhI,gBAAcC,EAAA;AAAA,MACd,UAAUD,EAAA;AAAA,MACV,SAAOM;AAAA,IAAA;MAEML,EAAA,cAAdO,EAAoEC,GAAA;AAAA;QAA/C,MAAK;AAAA,QAAQ,MAAK;AAAA,QAAK,OAAM;AAAA,MAAA;MAClDC,EAA+C,QAA/CK,GAA+CH,EAAfZ,EAAA,KAAK,GAAA,CAAA;AAAA,IAAA;;;"}

package/dist/components/PaChip/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as PaChip } from './PaChip.vue';
+export type { PaChipProps, PaChipVariant } from './PaChip.vue';

package/dist/components/PaChip/index.js

@@ -0,0 +1,6 @@
+import { default as f, default as t } from "./PaChip.vue.js";
+export {
+  f as PaChip,
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/PaChip/index.js.map

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

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

@@ -0,0 +1,60 @@
+import 'v-calendar/style.css';
+export declare function nextPaDatePickerId(): string;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    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;
+}, {}, {}, {}, {}, 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<{
+    "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
+}>, {
+    error: string | boolean;
+    disabled: boolean;
+    placeholder: string;
+    valid: boolean;
+    required: boolean;
+    readonly: boolean;
+    min: Date | null;
+    max: Date | null;
+    display: "popover" | "inline";
+    disabledDates: (date: Date) => boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    suffix?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

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

package/dist/components/PaDatePicker/PaDatePicker.vue2.js

@@ -0,0 +1,229 @@
+import { defineComponent as G, useModel as H, ref as M, computed as n, watch as J, onBeforeUnmount as Q, openBlock as u, createElementBlock as c, normalizeClass as p, createTextVNode as X, toDisplayString as C, createCommentVNode as v, withKeys as S, withModifiers as q, createElementVNode as g, renderSlot as Z, createVNode as y, withDirectives as ee, unref as ae, withCtx as L, vShow as te, mergeModels as ie } from "vue";
+import { DatePicker as ne } from "v-calendar";
+import "v-calendar/style.css";
+import E from "../PaIcon/PaIcon.vue.js";
+const re = ["for"], le = {
+  key: 0,
+  class: "pa-date-picker__required",
+  "aria-hidden": "true"
+}, de = ["id", "disabled", "aria-expanded", "aria-required", "aria-invalid", "aria-readonly", "aria-describedby", "onKeydown"], oe = { class: "pa-date-picker__value" }, se = ["name", "value", "disabled", "readonly", "required"], ue = ["onClick"], ce = ["onClick"], ve = ["id"];
+let me = 0;
+function fe() {
+  return `pa-date-picker-${++me}`;
+}
+const be = /* @__PURE__ */ G({
+  __name: "PaDatePicker",
+  props: /* @__PURE__ */ ie({
+    display: { default: "popover" },
+    placeholder: { default: "gg/mm/aaaa" },
+    label: {},
+    required: { type: Boolean, default: !1 },
+    helperText: {},
+    error: { type: [String, Boolean], default: !1 },
+    valid: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: {},
+    name: {},
+    min: { default: null },
+    max: { default: null },
+    disabledDates: { type: Function, default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const a = t, d = H(t, "modelValue"), k = M(null), _ = M(null), r = M(!1), B = `pa-date-picker-pop-${Math.random().toString(36).slice(2, 9)}`, N = fe(), b = n(() => a.id ?? N), F = n(() => `${b.value}-msg`), Y = new Intl.DateTimeFormat("it-IT", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    }), z = n(
+      () => d.value instanceof Date ? Y.format(d.value) : a.placeholder
+    ), K = n(() => !(d.value instanceof Date)), s = n(() => !!a.error), V = n(() => a.valid && !s.value), R = n(
+      () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
+    ), A = n(
+      () => !s.value && a.helperText ? a.helperText : null
+    ), h = n(() => R.value ?? A.value), W = n(() => {
+      const e = d.value;
+      if (!(e instanceof Date) || isNaN(e.getTime())) return "";
+      const i = e.getFullYear(), o = String(e.getMonth() + 1).padStart(2, "0"), T = String(e.getDate()).padStart(2, "0");
+      return `${i}-${o}-${T}`;
+    });
+    function l(e) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, 0, 0, 0);
+    }
+    function $(e, i) {
+      return new Date(e.getFullYear(), e.getMonth(), e.getDate() + i, 0, 0, 0, 0);
+    }
+    function O(e) {
+      const i = l(e);
+      return a.min && i.getTime() < l(a.min).getTime() || a.max && i.getTime() > l(a.max).getTime() ? !0 : a.disabledDates ? a.disabledDates(i) === !0 : !1;
+    }
+    const U = n(() => {
+      const e = [];
+      if (a.min && e.push({ start: null, end: $(l(a.min), -1) }), a.max && e.push({ start: $(l(a.max), 1), end: null }), a.disabledDates) {
+        const i = d.value instanceof Date ? d.value.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear(), o = a.min ? l(a.min) : new Date(i - 5, 0, 1, 0, 0, 0, 0), T = a.max ? l(a.max) : new Date(i + 5, 11, 31, 0, 0, 0, 0), f = new Date(o.getTime());
+        for (; f.getTime() <= T.getTime(); ) {
+          const P = l(f);
+          a.disabledDates(P) && e.push(P), f.setDate(f.getDate() + 1);
+        }
+      }
+      return e;
+    });
+    function I() {
+      r.value || a.disabled || a.readonly || (r.value = !0);
+    }
+    function m(e = !0) {
+      var i;
+      r.value && (r.value = !1, e && ((i = _.value) == null || i.focus()));
+    }
+    function w() {
+      a.disabled || a.readonly || (r.value ? m() : I());
+    }
+    function j(e) {
+      if (a.readonly) return;
+      const i = l(e.date);
+      O(i) || (d.value = i, a.display === "popover" && m());
+    }
+    function D(e) {
+      k.value && (k.value.contains(e.target) || m(!1));
+    }
+    function x(e) {
+      e.key === "Escape" && (e.preventDefault(), m());
+    }
+    return J(r, (e) => {
+      e ? (document.addEventListener("mousedown", D), window.addEventListener("keydown", x)) : (document.removeEventListener("mousedown", D), window.removeEventListener("keydown", x));
+    }), Q(() => {
+      document.removeEventListener("mousedown", D), window.removeEventListener("keydown", x);
+    }), (e, i) => (u(), c("div", {
+      ref_key: "rootRef",
+      ref: k,
+      class: p([
+        "pa-date-picker",
+        `pa-date-picker--${t.display}`,
+        {
+          "pa-date-picker--open": r.value,
+          "pa-date-picker--disabled": t.disabled,
+          "pa-date-picker--readonly": t.readonly,
+          "pa-date-picker--error": s.value,
+          "pa-date-picker--valid": V.value
+        }
+      ])
+    }, [
+      t.label ? (u(), c("label", {
+        key: 0,
+        for: b.value,
+        class: "pa-date-picker__label"
+      }, [
+        X(C(t.label), 1),
+        t.required ? (u(), c("span", le, "*")) : v("", !0)
+      ], 8, re)) : v("", !0),
+      t.display === "popover" ? (u(), c("button", {
+        key: 1,
+        id: b.value,
+        ref_key: "triggerRef",
+        ref: _,
+        type: "button",
+        class: p([
+          "pa-date-picker__trigger",
+          {
+            "pa-date-picker__trigger--placeholder": K.value,
+            "pa-date-picker__trigger--disabled": t.disabled,
+            "pa-date-picker__trigger--readonly": t.readonly && !t.disabled,
+            "pa-date-picker__trigger--error": s.value && !t.disabled,
+            "pa-date-picker__trigger--valid": V.value && !t.disabled
+          }
+        ]),
+        disabled: t.disabled,
+        "aria-expanded": r.value,
+        "aria-haspopup": "dialog",
+        "aria-controls": B,
+        "aria-required": t.required || void 0,
+        "aria-invalid": s.value || void 0,
+        "aria-readonly": t.readonly || void 0,
+        "aria-describedby": h.value ? F.value : void 0,
+        onClick: w,
+        onKeydown: [
+          S(q(w, ["prevent"]), ["enter"]),
+          S(q(w, ["prevent"]), ["space"]),
+          S(q(I, ["prevent"]), ["down"])
+        ]
+      }, [
+        g("span", oe, C(z.value), 1),
+        Z(e.$slots, "suffix", {}, () => [
+          y(E, {
+            name: "calendar-blank",
+            size: "md"
+          })
+        ], !0)
+      ], 42, de)) : v("", !0),
+      t.name ? (u(), c("input", {
+        key: 2,
+        type: "hidden",
+        name: t.name,
+        value: W.value,
+        disabled: t.disabled,
+        readonly: t.readonly,
+        required: t.required
+      }, null, 8, se)) : v("", !0),
+      ee(g("div", {
+        id: B,
+        class: p([
+          "pa-date-picker__popover",
+          { "pa-date-picker__popover--inline": t.display === "inline" }
+        ]),
+        role: "dialog",
+        "aria-modal": "false"
+      }, [
+        y(ae(ne), {
+          "model-value": d.value,
+          locale: { id: "it-IT", firstDayOfWeek: 2 },
+          "is-required": !1,
+          "disabled-dates": U.value,
+          onDayclick: j
+        }, {
+          "nav-prev-button": L(({ click: o }) => [
+            g("button", {
+              type: "button",
+              class: "pa-date-picker__nav-arrow",
+              "aria-label": "Mese precedente",
+              onClick: o
+            }, [
+              y(E, {
+                name: "caret-left",
+                size: "sm"
+              })
+            ], 8, ue)
+          ]),
+          "nav-next-button": L(({ click: o }) => [
+            g("button", {
+              type: "button",
+              class: "pa-date-picker__nav-arrow",
+              "aria-label": "Mese successivo",
+              onClick: o
+            }, [
+              y(E, {
+                name: "caret-right",
+                size: "sm"
+              })
+            ], 8, ce)
+          ]),
+          _: 1
+        }, 8, ["model-value", "disabled-dates"])
+      ], 2), [
+        [te, t.display === "inline" || r.value]
+      ]),
+      h.value ? (u(), c("div", {
+        key: 3,
+        id: F.value,
+        class: p(["pa-date-picker__message", { "pa-date-picker__message--error": s.value }])
+      }, C(h.value), 11, ve)) : v("", !0)
+    ], 2));
+  }
+});
+export {
+  be as default,
+  fe as nextPaDatePickerId
+};
+//# sourceMappingURL=PaDatePicker.vue2.js.map