@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaInput/PaInput.vue2.js

@@ -0,0 +1,201 @@
+import { defineComponent as N, useModel as P, computed as t, ref as x, openBlock as i, createElementBlock as n, normalizeClass as k, createTextVNode as D, toDisplayString as w, createCommentVNode as s, createElementVNode as r, renderSlot as B, withDirectives as S, vModelDynamic as j, mergeModels as M, nextTick as A } from "vue";
+const E = ["for"], R = {
+  key: 0,
+  class: "pa-input__required",
+  "aria-hidden": "true"
+}, U = { class: "pa-input__field" }, F = {
+  key: 0,
+  class: "pa-input__icon pa-input__icon--prefix"
+}, G = ["id", "type", "placeholder", "disabled", "readonly", "required", "min", "max", "step", "name", "autocomplete", "maxlength", "minlength", "inputmode", "aria-required", "aria-invalid", "aria-describedby"], H = ["aria-label"], J = {
+  key: 0,
+  width: "20",
+  height: "20",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  "aria-hidden": "true"
+}, K = {
+  key: 1,
+  width: "20",
+  height: "20",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5",
+  "aria-hidden": "true"
+}, L = {
+  key: 2,
+  class: "pa-input__icon pa-input__icon--suffix"
+}, O = ["id"];
+let Q = 0;
+function W() {
+  return `pa-input-${++Q}`;
+}
+const Y = /* @__PURE__ */ N({
+  __name: "PaInput",
+  props: /* @__PURE__ */ M({
+    type: { default: "text" },
+    size: { default: "sm" },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {},
+    helperText: {},
+    error: { type: [String, Boolean], default: !1 },
+    valid: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    min: {},
+    max: {},
+    step: {},
+    name: {},
+    autocomplete: {},
+    maxlength: {},
+    minlength: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ M(["clear"], ["update:modelValue"]),
+  setup(e, { emit: C }) {
+    const a = e, $ = C, c = P(e, "modelValue"), q = W(), v = t(() => a.id ?? q), h = t(() => `${v.value}-msg`), u = t(() => !!a.error), y = t(() => a.valid && !u.value), V = t(
+      () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
+    ), T = t(
+      () => !u.value && !y.value && a.helperText ? a.helperText : null
+    ), m = t(() => V.value ?? T.value), g = x(null), d = x(!1), p = t(
+      () => a.type === "password" && !a.disabled && !a.readonly
+    ), I = t(
+      () => a.type === "password" && d.value ? "text" : a.type
+    ), f = t(
+      () => a.clearable && c.value.length > 0 && !a.disabled && !a.readonly && !p.value
+    );
+    function z() {
+      c.value = "", $("clear"), A(() => {
+        var o;
+        return (o = g.value) == null ? void 0 : o.focus();
+      });
+    }
+    return (o, l) => (i(), n("div", {
+      class: k([
+        "pa-input",
+        `pa-input--${e.size}`,
+        {
+          "pa-input--disabled": e.disabled,
+          "pa-input--readonly": e.readonly,
+          "pa-input--error": u.value,
+          "pa-input--valid": y.value,
+          "pa-input--has-prefix": !!o.$slots["icon-prefix"],
+          "pa-input--has-suffix": !!o.$slots["icon-suffix"] && !f.value && !p.value
+        }
+      ])
+    }, [
+      e.label ? (i(), n("label", {
+        key: 0,
+        for: v.value,
+        class: "pa-input__label"
+      }, [
+        D(w(e.label), 1),
+        e.required ? (i(), n("span", R, "*")) : s("", !0)
+      ], 8, E)) : s("", !0),
+      r("div", U, [
+        o.$slots["icon-prefix"] ? (i(), n("span", F, [
+          B(o.$slots, "icon-prefix", {}, void 0, !0)
+        ])) : s("", !0),
+        S(r("input", {
+          id: v.value,
+          ref_key: "inputRef",
+          ref: g,
+          "onUpdate:modelValue": l[0] || (l[0] = (b) => c.value = b),
+          type: I.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          name: e.name,
+          autocomplete: e.autocomplete,
+          maxlength: e.maxlength,
+          minlength: e.minlength,
+          inputmode: e.type === "number" ? "numeric" : void 0,
+          "aria-required": e.required || void 0,
+          "aria-invalid": u.value || void 0,
+          "aria-describedby": m.value ? h.value : void 0,
+          class: "pa-input__control"
+        }, null, 8, G), [
+          [j, c.value]
+        ]),
+        p.value ? (i(), n("button", {
+          key: 1,
+          type: "button",
+          "aria-label": d.value ? "Nascondi password" : "Mostra password",
+          class: "pa-input__action",
+          onClick: l[1] || (l[1] = (b) => d.value = !d.value)
+        }, [
+          d.value ? (i(), n("svg", J, [...l[2] || (l[2] = [
+            r("path", {
+              d: "M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z",
+              "stroke-linejoin": "round"
+            }, null, -1),
+            r("circle", {
+              cx: "8",
+              cy: "8",
+              r: "2"
+            }, null, -1),
+            r("path", {
+              d: "M2 2l12 12",
+              "stroke-linecap": "round"
+            }, null, -1)
+          ])])) : (i(), n("svg", K, [...l[3] || (l[3] = [
+            r("path", {
+              d: "M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z",
+              "stroke-linejoin": "round"
+            }, null, -1),
+            r("circle", {
+              cx: "8",
+              cy: "8",
+              r: "2"
+            }, null, -1)
+          ])]))
+        ], 8, H)) : s("", !0),
+        o.$slots["icon-suffix"] && !f.value && !p.value ? (i(), n("span", L, [
+          B(o.$slots, "icon-suffix", {}, void 0, !0)
+        ])) : s("", !0),
+        f.value ? (i(), n("button", {
+          key: 3,
+          type: "button",
+          "aria-label": "Cancella",
+          class: "pa-input__action",
+          onClick: z
+        }, [...l[4] || (l[4] = [
+          r("svg", {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            "aria-hidden": "true"
+          }, [
+            r("path", {
+              d: "M4 4l8 8M12 4l-8 8",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round"
+            })
+          ], -1)
+        ])])) : s("", !0)
+      ]),
+      m.value ? (i(), n("div", {
+        key: 1,
+        id: h.value,
+        class: k(["pa-input__message", { "pa-input__message--error": u.value }])
+      }, w(m.value), 11, O)) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  Y as default,
+  W as nextPaInputId
+};
+//# sourceMappingURL=PaInput.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaInput.vue2.js","sources":["../../../src/components/PaInput/PaInput.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaInputId() {\n  return `pa-input-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref } from 'vue'\n\nexport type PaInputSize = 'sm' | 'lg'\n\nexport type PaInputType =\n  | 'text'\n  | 'email'\n  | 'tel'\n  | 'url'\n  | 'password'\n  | 'number'\n  | 'date'\n\nexport interface PaInputProps {\n  type?: PaInputType\n  size?: PaInputSize\n  label?: string\n  placeholder?: string\n  disabled?: boolean\n  id?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  readonly?: boolean\n  clearable?: boolean\n  min?: string | number\n  max?: string | number\n  step?: string | number\n  name?: string\n  autocomplete?: string\n  maxlength?: number\n  minlength?: number\n}\n\nconst props = withDefaults(defineProps<PaInputProps>(), {\n  type: 'text',\n  size: 'sm',\n  disabled: false,\n  error: false,\n  valid: false,\n  required: false,\n  readonly: false,\n  clearable: false,\n})\n\nconst emit = defineEmits<{\n  clear: []\n}>()\n\nconst model = defineModel<string>({ default: '' })\n\nconst generatedId = nextPaInputId()\nconst inputId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${inputId.value}-msg`)\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\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst isPasswordVisible = ref(false)\nconst showPasswordToggle = computed(\n  () => props.type === 'password' && !props.disabled && !props.readonly,\n)\nconst effectiveType = computed(() =>\n  props.type === 'password' && isPasswordVisible.value ? 'text' : props.type,\n)\n\nconst showClear = computed(\n  () =>\n    props.clearable &&\n    model.value.length > 0 &&\n    !props.disabled &&\n    !props.readonly &&\n    !showPasswordToggle.value,\n)\n\nfunction onClear() {\n  model.value = ''\n  emit('clear')\n  nextTick(() => inputRef.value?.focus())\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-input',\n      `pa-input--${size}`,\n      {\n        'pa-input--disabled': disabled,\n        'pa-input--readonly': readonly,\n        'pa-input--error': errorActive,\n        'pa-input--valid': validActive,\n        'pa-input--has-prefix': !!$slots['icon-prefix'],\n        'pa-input--has-suffix': !!$slots['icon-suffix'] && !showClear && !showPasswordToggle,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"inputId\" class=\"pa-input__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-input__required\" aria-hidden=\"true\">*</span>\n    </label>\n    <div class=\"pa-input__field\">\n      <span v-if=\"$slots['icon-prefix']\" class=\"pa-input__icon pa-input__icon--prefix\">\n        <slot name=\"icon-prefix\" />\n      </span>\n      <input\n        :id=\"inputId\"\n        ref=\"inputRef\"\n        v-model=\"model\"\n        :type=\"effectiveType\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        :required=\"required\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :name=\"name\"\n        :autocomplete=\"autocomplete\"\n        :maxlength=\"maxlength\"\n        :minlength=\"minlength\"\n        :inputmode=\"type === 'number' ? 'numeric' : undefined\"\n        :aria-required=\"required || undefined\"\n        :aria-invalid=\"errorActive || undefined\"\n        :aria-describedby=\"message ? messageId : undefined\"\n        class=\"pa-input__control\"\n      />\n      <button\n        v-if=\"showPasswordToggle\"\n        type=\"button\"\n        :aria-label=\"isPasswordVisible ? 'Nascondi password' : 'Mostra password'\"\n        class=\"pa-input__action\"\n        @click=\"isPasswordVisible = !isPasswordVisible\"\n      >\n        <svg\n          v-if=\"isPasswordVisible\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z\" stroke-linejoin=\"round\" />\n          <circle cx=\"8\" cy=\"8\" r=\"2\" />\n          <path d=\"M2 2l12 12\" stroke-linecap=\"round\" />\n        </svg>\n        <svg\n          v-else\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          aria-hidden=\"true\"\n        >\n          <path d=\"M1 8s2.5-5 7-5 7 5 7 5-2.5 5-7 5-7-5-7-5z\" stroke-linejoin=\"round\" />\n          <circle cx=\"8\" cy=\"8\" r=\"2\" />\n        </svg>\n      </button>\n      <span\n        v-if=\"$slots['icon-suffix'] && !showClear && !showPasswordToggle\"\n        class=\"pa-input__icon pa-input__icon--suffix\"\n      >\n        <slot name=\"icon-suffix\" />\n      </span>\n      <button\n        v-if=\"showClear\"\n        type=\"button\"\n        aria-label=\"Cancella\"\n        class=\"pa-input__action\"\n        @click=\"onClear\"\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n          <path\n            d=\"M4 4l8 8M12 4l-8 8\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-input__message', { 'pa-input__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-input {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-input__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-input__field {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-xs);\n  box-sizing: border-box;\n  background: var(--pa-color-bg-white);\n  border: var(--pa-border-xs) solid var(--pa-color-bg-secondary-light-50);\n  border-radius: var(--pa-radius-smooth);\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-input__field:hover {\n  border-color: var(--pa-color-neutral-gray);\n}\n\n.pa-input__field:focus-within {\n  outline: 3px solid var(--pa-color-primary-focus-border);\n  outline-offset: 0;\n  border-color: var(--pa-color-primary);\n}\n\n.pa-input__control {\n  flex: 1 1 auto;\n  min-width: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  border: none;\n  outline: none;\n  color: var(--pa-color-text-black);\n  font-family: inherit;\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}\n\n.pa-input__control::placeholder {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-input__control[type=\"number\"] {\n  appearance: textfield;\n  -moz-appearance: textfield;\n}\n.pa-input__control[type=\"number\"]::-webkit-outer-spin-button,\n.pa-input__control[type=\"number\"]::-webkit-inner-spin-button {\n  appearance: none;\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.pa-input--sm .pa-input__field {\n  height: 44px;\n  padding: 0 var(--pa-space-sm);\n}\n\n.pa-input--lg .pa-input__field {\n  height: 60px;\n  padding: 0 var(--pa-space-sm);\n}\n\n.pa-input--lg .pa-input__label {\n  font-size: var(--pa-font-label-md-size);\n  line-height: var(--pa-font-label-md-line-height);\n  font-weight: var(--pa-font-label-md-weight);\n}\n\n.pa-input__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 24px;\n  height: 24px;\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-input--disabled .pa-input__icon {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-input--disabled .pa-input__field {\n  background: var(--pa-color-bg-disabled-gray);\n  border-color: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-input--disabled .pa-input__field:hover {\n  border-color: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-input--disabled .pa-input__label,\n.pa-input--disabled .pa-input__control {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-input--disabled .pa-input__control {\n  cursor: not-allowed;\n}\n\n.pa-input--error .pa-input__field {\n  border-color: var(--pa-color-error);\n  border-width: var(--pa-border-sm);\n}\n.pa-input--error .pa-input__field:hover {\n  border-color: var(--pa-color-error);\n}\n\n.pa-input--valid .pa-input__field {\n  border-color: var(--pa-color-success);\n  border-width: var(--pa-border-sm);\n}\n.pa-input--valid .pa-input__field:hover {\n  border-color: var(--pa-color-success);\n}\n\n.pa-input__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-input__message--error {\n  color: var(--pa-color-error);\n}\n\n.pa-input__required {\n  margin-left: var(--pa-space-3xs);\n  color: var(--pa-color-error);\n}\n\n.pa-input--readonly .pa-input__field {\n  background: var(--pa-color-bg-primary-light-40);\n}\n\n.pa-input__action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: var(--pa-radius-smooth);\n  color: var(--pa-color-text-secondary-gray);\n  cursor: pointer;\n}\n\n.pa-input__action:hover {\n  color: var(--pa-color-neutral-charcoal);\n}\n\n.pa-input__action:focus { outline: none; }\n\n.pa-input__action:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border);\n  outline-offset: 1px;\n}\n</style>\n"],"names":["uid","nextPaInputId","props","__props","emit","__emit","model","_useModel","generatedId","inputId","computed","messageId","errorActive","validActive","errorMessage","helperMessage","message","inputRef","ref","isPasswordVisible","showPasswordToggle","effectiveType","showClear","onClear","nextTick","_a","_createElementBlock","_normalizeClass","$slots","_hoisted_2","_createElementVNode","_hoisted_3","_openBlock","_hoisted_4","_renderSlot","_ctx","$event","_cache","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaInput } from './PaInput.vue';
+export type { PaInputProps, PaInputType } from './PaInput.vue';

package/dist/components/PaInput/index.js

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

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

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

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

@@ -0,0 +1,35 @@
+import type { PaIconName } from '../PaIcon/PaIcon.vue';
+export type PaModalSize = 'sm' | 'md' | 'lg';
+export interface PaModalProps {
+    title?: string;
+    titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    subtitle?: string;
+    leadingIcon?: PaIconName;
+    showClose?: boolean;
+    closeLabel?: string;
+    size?: PaModalSize;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaModalProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PaModalProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: PaModalSize;
+    titleLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    showClose: boolean;
+    closeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaModal/PaModal.vue.js

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

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

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

package/dist/components/PaModal/PaModal.vue2.js

@@ -0,0 +1,155 @@
+import { defineComponent as F, useModel as O, computed as y, ref as R, watch as U, nextTick as P, onBeforeUnmount as q, openBlock as a, createBlock as x, Teleport as j, createElementBlock as i, createElementVNode as b, normalizeClass as G, createVNode as S, createCommentVNode as n, resolveDynamicComponent as H, withCtx as J, createTextVNode as Q, toDisplayString as D, renderSlot as I, mergeModels as X } from "vue";
+import M from "../PaIcon/PaIcon.vue.js";
+const Y = {
+  key: 0,
+  class: "pa-modal__wrapper"
+}, Z = ["aria-labelledby", "aria-describedby"], ee = ["aria-label"], te = { class: "pa-modal__container" }, oe = {
+  key: 0,
+  class: "pa-modal__leading-icon"
+}, le = {
+  key: 3,
+  class: "pa-modal__body"
+}, ae = {
+  key: 4,
+  class: "pa-modal__footer"
+};
+let ne = 0;
+function ie() {
+  return ++ne;
+}
+const ce = /* @__PURE__ */ F({
+  __name: "PaModal",
+  props: /* @__PURE__ */ X({
+    title: {},
+    titleLevel: { default: 2 },
+    subtitle: {},
+    leadingIcon: {},
+    showClose: { type: Boolean, default: !0 },
+    closeLabel: { default: "Chiudi" },
+    size: { default: "md" }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(t) {
+    const s = t, c = O(t, "open"), v = ie(), p = `pa-modal-${v}__title`, h = `pa-modal-${v}__description`, T = y(() => s.title ? p : void 0), A = y(() => s.subtitle ? h : void 0), z = y(() => `h${s.titleLevel}`), o = R(null), m = R(null);
+    let d = null, _ = "", k = "", u = !1, r = !1;
+    const K = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+    function w(e) {
+      return Array.from(e.querySelectorAll(K));
+    }
+    function N(e) {
+      if (e.key !== "Tab" || !o.value) return;
+      const l = w(o.value);
+      if (l.length === 0) {
+        e.preventDefault(), o.value.focus();
+        return;
+      }
+      const L = l[0], $ = l[l.length - 1], f = document.activeElement;
+      e.shiftKey ? (f === L || !o.value.contains(f)) && (e.preventDefault(), $.focus()) : (f === $ || !o.value.contains(f)) && (e.preventDefault(), L.focus());
+    }
+    function g(e) {
+      e.key === "Escape" && (e.preventDefault(), c.value = !1);
+    }
+    function V() {
+      if (u) return;
+      _ = document.body.style.overflow, k = document.body.style.paddingRight;
+      const e = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`), u = !0;
+    }
+    function E() {
+      u && (document.body.style.overflow = _, document.body.style.paddingRight = k, u = !1);
+    }
+    function W() {
+      r || (window.addEventListener("keydown", g), r = !0);
+    }
+    function B() {
+      r && (window.removeEventListener("keydown", g), r = !1);
+    }
+    U(
+      c,
+      async (e) => {
+        if (e) {
+          if (d = document.activeElement, V(), W(), await P(), s.showClose && m.value)
+            m.value.focus();
+          else if (o.value) {
+            const l = w(o.value);
+            l.length > 0 ? l[0].focus() : o.value.focus();
+          }
+        } else
+          B(), E(), d && document.contains(d) && d.focus(), d = null;
+      },
+      { flush: "post", immediate: !0 }
+    ), q(() => {
+      B(), E();
+    });
+    function C() {
+      c.value = !1;
+    }
+    return (e, l) => (a(), x(j, { to: "body" }, [
+      c.value ? (a(), i("div", Y, [
+        b("div", {
+          class: "pa-modal__backdrop",
+          onClick: C
+        }),
+        b("div", {
+          ref_key: "modalRef",
+          ref: o,
+          role: "dialog",
+          "aria-modal": "true",
+          tabindex: "-1",
+          "aria-labelledby": T.value,
+          "aria-describedby": A.value,
+          class: G(["pa-modal", [`pa-modal--${t.size}`]]),
+          onKeydown: N
+        }, [
+          t.showClose ? (a(), i("button", {
+            key: 0,
+            ref_key: "closeButtonRef",
+            ref: m,
+            type: "button",
+            class: "pa-modal__close",
+            "aria-label": t.closeLabel,
+            onClick: C
+          }, [
+            S(M, {
+              name: "x",
+              size: "sm"
+            })
+          ], 8, ee)) : n("", !0),
+          b("div", te, [
+            t.leadingIcon ? (a(), i("div", oe, [
+              S(M, { name: t.leadingIcon }, null, 8, ["name"])
+            ])) : n("", !0),
+            t.title ? (a(), x(H(z.value), {
+              key: 1,
+              id: p,
+              class: "pa-modal__title"
+            }, {
+              default: J(() => [
+                Q(D(t.title), 1)
+              ]),
+              _: 1
+            })) : n("", !0),
+            t.subtitle ? (a(), i("p", {
+              key: 2,
+              id: h,
+              class: "pa-modal__subtitle"
+            }, D(t.subtitle), 1)) : n("", !0),
+            e.$slots.default ? (a(), i("div", le, [
+              I(e.$slots, "default", {}, void 0, !0)
+            ])) : n("", !0),
+            e.$slots.footer ? (a(), i("div", ae, [
+              I(e.$slots, "footer", {}, void 0, !0)
+            ])) : n("", !0)
+          ])
+        ], 42, Z)
+      ])) : n("", !0)
+    ]));
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=PaModal.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaModal.vue2.js","sources":["../../../src/components/PaModal/PaModal.vue"],"sourcesContent":["<script lang=\"ts\">\nlet modalUid = 0\nfunction nextModalId() {\n  return ++modalUid\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\nimport type { PaIconName } from '../PaIcon/PaIcon.vue'\n\nexport type PaModalSize = 'sm' | 'md' | 'lg'\n\nexport interface PaModalProps {\n  title?: string\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6\n  subtitle?: string\n  leadingIcon?: PaIconName\n  showClose?: boolean\n  closeLabel?: string\n  size?: PaModalSize\n}\n\nconst props = withDefaults(defineProps<PaModalProps>(), {\n  titleLevel: 2,\n  showClose: true,\n  closeLabel: 'Chiudi',\n  size: 'md',\n})\n\nconst open = defineModel<boolean>('open', { default: false })\n\nconst uid = nextModalId()\nconst titleId = `pa-modal-${uid}__title`\nconst descriptionId = `pa-modal-${uid}__description`\n\nconst labelledBy = computed(() => (props.title ? titleId : undefined))\nconst describedBy = computed(() => (props.subtitle ? descriptionId : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n\nconst modalRef = ref<HTMLElement | null>(null)\nconst closeButtonRef = ref<HTMLButtonElement | null>(null)\n\nlet previouslyFocusedElement: HTMLElement | null = null\nlet originalBodyOverflow = ''\nlet originalBodyPaddingRight = ''\nlet scrollLockActive = false\nlet escListenerAttached = false\n\nconst FOCUSABLE_SELECTOR =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction getFocusable(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n}\n\nfunction onModalKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !modalRef.value) return\n  const focusable = getFocusable(modalRef.value)\n  if (focusable.length === 0) {\n    event.preventDefault()\n    modalRef.value.focus()\n    return\n  }\n  const first = focusable[0]!\n  const last = focusable[focusable.length - 1]!\n  const active = document.activeElement as HTMLElement | null\n  if (event.shiftKey) {\n    if (active === first || !modalRef.value.contains(active)) {\n      event.preventDefault()\n      last.focus()\n    }\n  } else {\n    if (active === last || !modalRef.value.contains(active)) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n}\n\nfunction onWindowKeydownEsc(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    open.value = false\n  }\n}\n\nfunction lockScroll() {\n  if (scrollLockActive) return\n  originalBodyOverflow = document.body.style.overflow\n  originalBodyPaddingRight = document.body.style.paddingRight\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n  document.body.style.overflow = 'hidden'\n  if (scrollbarWidth > 0) {\n    document.body.style.paddingRight = `${scrollbarWidth}px`\n  }\n  scrollLockActive = true\n}\n\nfunction unlockScroll() {\n  if (!scrollLockActive) return\n  document.body.style.overflow = originalBodyOverflow\n  document.body.style.paddingRight = originalBodyPaddingRight\n  scrollLockActive = false\n}\n\nfunction attachEsc() {\n  if (escListenerAttached) return\n  window.addEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = true\n}\n\nfunction detachEsc() {\n  if (!escListenerAttached) return\n  window.removeEventListener('keydown', onWindowKeydownEsc)\n  escListenerAttached = false\n}\n\nwatch(\n  open,\n  async (next) => {\n    if (next) {\n      previouslyFocusedElement = document.activeElement as HTMLElement | null\n      lockScroll()\n      attachEsc()\n      await nextTick()\n      if (props.showClose && closeButtonRef.value) {\n        closeButtonRef.value.focus()\n      } else if (modalRef.value) {\n        const focusable = getFocusable(modalRef.value)\n        if (focusable.length > 0) {\n          focusable[0]!.focus()\n        } else {\n          modalRef.value.focus()\n        }\n      }\n    } else {\n      detachEsc()\n      unlockScroll()\n      if (previouslyFocusedElement && document.contains(previouslyFocusedElement)) {\n        previouslyFocusedElement.focus()\n      }\n      previouslyFocusedElement = null\n    }\n  },\n  { flush: 'post', immediate: true },\n)\n\nonBeforeUnmount(() => {\n  detachEsc()\n  unlockScroll()\n})\n\nfunction close() {\n  open.value = false\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div v-if=\"open\"\n         class=\"pa-modal__wrapper\">\n      <div class=\"pa-modal__backdrop\"\n           @click=\"close\" />\n      <div ref=\"modalRef\"\n           role=\"dialog\"\n           aria-modal=\"true\"\n           tabindex=\"-1\"\n           :aria-labelledby=\"labelledBy\"\n           :aria-describedby=\"describedBy\"\n           class=\"pa-modal\"\n           :class=\"[`pa-modal--${size}`]\"\n           @keydown=\"onModalKeydown\">\n        <button v-if=\"showClose\"\n                ref=\"closeButtonRef\"\n                type=\"button\"\n                class=\"pa-modal__close\"\n                :aria-label=\"closeLabel\"\n                @click=\"close\">\n          <PaIcon name=\"x\"\n                  size=\"sm\" />\n        </button>\n\n        <div class=\"pa-modal__container\">\n          <div v-if=\"leadingIcon\"\n               class=\"pa-modal__leading-icon\">\n            <PaIcon :name=\"leadingIcon\" />\n          </div>\n\n          <component :is=\"titleTag\"\n                     v-if=\"title\"\n                     :id=\"titleId\"\n                     class=\"pa-modal__title\">\n            {{ title }}\n          </component>\n\n          <p v-if=\"subtitle\"\n             :id=\"descriptionId\"\n             class=\"pa-modal__subtitle\">\n            {{ subtitle }}\n          </p>\n\n          <div v-if=\"$slots.default\"\n               class=\"pa-modal__body\">\n            <slot />\n          </div>\n\n          <div v-if=\"$slots.footer\"\n               class=\"pa-modal__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n.pa-modal__wrapper {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  container-type: inline-size;\n}\n\n.pa-modal__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n}\n\n.pa-modal {\n  position: relative;\n  z-index: 1001;\n  background: var(--pa-color-bg-white);\n  border-radius: 16px;\n  box-shadow: var(--pa-shadow-elevation-04);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding: 24px 32px 32px 32px;\n  width: var(--pa-modal-width);\n  max-width: calc(100vw - 32px);\n}\n\n.pa-modal:focus {\n  outline: none;\n}\n\n.pa-modal--sm {\n  --pa-modal-width: 400px;\n}\n\n.pa-modal--md {\n  --pa-modal-width: 600px;\n}\n\n.pa-modal--lg {\n  --pa-modal-width: 800px;\n}\n\n.pa-modal__close {\n  width: 50px;\n  height: 48px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: transparent;\n  border: none;\n  color: var(--pa-color-text-secondary-gray);\n  cursor: pointer;\n  padding: 0;\n}\n\n.pa-modal__close:hover {\n  background: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-modal__close:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-modal__container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  width: 100%;\n}\n\n.pa-modal__leading-icon {\n  display: flex;\n  align-items: flex-start;\n  padding-bottom: 16px;\n  width: 100%;\n}\n\n.pa-modal__leading-icon :deep(svg) {\n  width: 32px;\n  height: 32px;\n}\n\n.pa-modal__title {\n  margin: 0;\n  font-family: var(--pa-font-family-base);\n  font-weight: 700;\n  font-size: 24px;\n  line-height: 28px;\n  letter-spacing: -0.5px;\n  color: var(--pa-color-text-secondary-gray);\n  width: 100%;\n}\n\n.pa-modal__subtitle {\n  margin: 0;\n  font-family: var(--pa-font-family-base);\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--pa-color-text-secondary-gray);\n  width: 100%;\n}\n\n.pa-modal__body {\n  width: 100%;\n}\n\n.pa-modal__footer {\n  display: flex;\n  gap: 24px;\n  padding-top: 16px;\n  width: 100%;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n@container (max-width: 600px) {\n  .pa-modal {\n    width: calc(100vw - 32px);\n    max-width: none;\n    padding: 24px;\n  }\n\n  .pa-modal__container {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 16px;\n  }\n\n  .pa-modal__leading-icon :deep(svg) {\n    width: 24px;\n    height: 24px;\n  }\n\n  .pa-modal__footer {\n    flex-direction: column;\n    align-items: stretch;\n    justify-content: flex-start;\n    gap: 24px;\n  }\n}\n</style>\n"],"names":["modalUid","nextModalId","props","__props","open","_useModel","uid","titleId","descriptionId","labelledBy","computed","describedBy","titleTag","modalRef","ref","closeButtonRef","previouslyFocusedElement","originalBodyOverflow","originalBodyPaddingRight","scrollLockActive","escListenerAttached","FOCUSABLE_SELECTOR","getFocusable","root","onModalKeydown","event","focusable","first","last","active","onWindowKeydownEsc","lockScroll","scrollbarWidth","unlockScroll","attachEsc","detachEsc","watch","next","nextTick","onBeforeUnmount","close","_createBlock","_Teleport","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_createVNode","PaIcon","_hoisted_4","_hoisted_5","_resolveDynamicComponent","$slots","_hoisted_6","_renderSlot","_ctx","_hoisted_7"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as PaModal } from './PaModal.vue';
+export type { PaModalProps, PaModalSize } from './PaModal.vue';

package/dist/components/PaModal/index.js

@@ -0,0 +1,5 @@
+import { default as d } from "./PaModal.vue.js";
+export {
+  d as PaModal
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,59 @@
+export declare function nextPaMonthPickerId(): 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;
+    disabledMonths?: (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;
+    disabledMonths?: (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";
+    disabledMonths: (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/PaMonthPicker/PaMonthPicker.vue.js

@@ -0,0 +1,10 @@
+import o from "./PaMonthPicker.vue2.js";
+import { nextPaMonthPickerId as p } from "./PaMonthPicker.vue2.js";
+/* empty css                   */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f92c8373"]]);
+export {
+  c as default,
+  p as nextPaMonthPickerId
+};
+//# sourceMappingURL=PaMonthPicker.vue.js.map

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

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