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

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

@@ -11,23 +11,26 @@ export interface PaHeroProps {
     imageRatio?: PaImageRatio;
     imagePosition?: PaHeroImagePosition;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaHeroProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaHeroProps> & Readonly<{}>, {
-    titleLevel: PaHeroTitleLevel;
-    imageRatio: PaImageRatio;
-    imagePosition: PaHeroImagePosition;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    breadcrumb?: (props: {}) => any;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    breadcrumb?: (props: typeof __VLS_1) => any;
 } & {
-    label?: (props: {}) => any;
+    label?: (props: typeof __VLS_3) => any;
 } & {
-    title?: (props: {}) => any;
+    title?: (props: typeof __VLS_9) => any;
 } & {
-    subtitle?: (props: {}) => any;
+    subtitle?: (props: typeof __VLS_11) => any;
 } & {
-    body?: (props: {}) => any;
+    body?: (props: typeof __VLS_13) => any;
 } & {
-    cta?: (props: {}) => any;
-}>;
+    cta?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PaHeroProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaHeroProps> & Readonly<{}>, {
+    titleLevel: PaHeroTitleLevel;
+    imageRatio: PaImageRatio;
+    imagePosition: PaHeroImagePosition;
+}, {}, {}, {}, 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/PaHero/PaHero.vue.js

@@ -1,8 +1,8 @@
 import o from "./PaHero.vue2.js";
 /* empty css            */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bea851f8"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-26280ba5"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=PaHero.vue.js.map

package/dist/components/PaHero/PaHero.vue2.js

@@ -1,32 +1,27 @@
-import { defineComponent as k, useSlots as f, computed as s, openBlock as l, createElementBlock as o, createElementVNode as v, normalizeClass as p, renderSlot as i, createCommentVNode as a, createBlock as $, resolveDynamicComponent as S, withCtx as B, createTextVNode as n, toDisplayString as u, createVNode as C } from "vue";
-import N from "../PaImage/PaImage.vue.js";
-const P = ["aria-labelledby"], T = { class: "pa-hero__text" }, V = {
+import { defineComponent as k, useSlots as f, useId as p, computed as s, openBlock as l, createElementBlock as a, createElementVNode as v, normalizeClass as $, renderSlot as i, createCommentVNode as o, createBlock as S, resolveDynamicComponent as B, withCtx as C, createTextVNode as u, toDisplayString as n, createVNode as N } from "vue";
+import P from "../PaImage/PaImage.vue.js";
+const T = ["aria-labelledby"], V = { class: "pa-hero__text" }, I = {
   key: 0,
   class: "pa-hero__breadcrumb"
-}, I = {
+}, A = {
   key: 1,
   class: "pa-hero__label"
-}, A = {
+}, D = {
   key: 2,
   class: "pa-hero__title-block"
-}, D = {
+}, E = {
   key: 1,
   class: "pa-hero__subtitle"
-}, E = {
+}, L = {
   key: 2,
   class: "pa-hero__body"
-}, H = {
+}, R = {
   key: 3,
   class: "pa-hero__cta"
-}, L = {
+}, w = {
   key: 0,
   class: "pa-hero__image-col"
-};
-let R = 0;
-function w() {
-  return ++R;
-}
-const q = /* @__PURE__ */ k({
+}, q = /* @__PURE__ */ k({
   __name: "PaHero",
   props: {
     title: {},
@@ -39,60 +34,60 @@ const q = /* @__PURE__ */ k({
     imagePosition: { default: "right" }
   },
   setup(e) {
-    const r = e, c = f(), h = `pa-hero-${w()}__title`, d = s(() => !!c.title || !!r.title), m = s(() => !!c.subtitle || !!r.subtitle), b = s(() => !!c.body || !!r.body), _ = s(
+    const r = e, c = f(), h = `pa-hero-${p()}__title`, d = s(() => !!c.title || !!r.title), m = s(() => !!c.subtitle || !!r.subtitle), b = s(() => !!c.body || !!r.body), _ = s(
       () => d.value || m.value || b.value
     ), y = s(() => d.value ? h : void 0), g = s(() => `h${r.titleLevel}`);
-    return (t, z) => (l(), o("section", {
+    return (t, z) => (l(), a("section", {
       class: "pa-hero",
       "aria-labelledby": y.value
     }, [
       v("div", {
-        class: p(["pa-hero__inner", { "pa-hero__inner--image-left": e.imagePosition === "left" }])
+        class: $(["pa-hero__inner", { "pa-hero__inner--image-left": e.imagePosition === "left" }])
       }, [
-        v("div", T, [
-          t.$slots.breadcrumb ? (l(), o("div", V, [
+        v("div", V, [
+          t.$slots.breadcrumb ? (l(), a("div", I, [
             i(t.$slots, "breadcrumb", {}, void 0, !0)
-          ])) : a("", !0),
-          t.$slots.label ? (l(), o("div", I, [
+          ])) : o("", !0),
+          t.$slots.label ? (l(), a("div", A, [
             i(t.$slots, "label", {}, void 0, !0)
-          ])) : a("", !0),
-          _.value ? (l(), o("div", A, [
-            d.value ? (l(), $(S(g.value), {
+          ])) : o("", !0),
+          _.value ? (l(), a("div", D, [
+            d.value ? (l(), S(B(g.value), {
               key: 0,
               id: h,
               class: "pa-hero__title"
             }, {
-              default: B(() => [
+              default: C(() => [
                 i(t.$slots, "title", {}, () => [
-                  n(u(e.title), 1)
+                  u(n(e.title), 1)
                 ], !0)
               ]),
               _: 3
-            })) : a("", !0),
-            m.value ? (l(), o("h4", D, [
+            })) : o("", !0),
+            m.value ? (l(), a("h4", E, [
               i(t.$slots, "subtitle", {}, () => [
-                n(u(e.subtitle), 1)
+                u(n(e.subtitle), 1)
               ], !0)
-            ])) : a("", !0),
-            b.value ? (l(), o("p", E, [
+            ])) : o("", !0),
+            b.value ? (l(), a("p", L, [
               i(t.$slots, "body", {}, () => [
-                n(u(e.body), 1)
+                u(n(e.body), 1)
               ], !0)
-            ])) : a("", !0)
-          ])) : a("", !0),
-          t.$slots.cta ? (l(), o("div", H, [
+            ])) : o("", !0)
+          ])) : o("", !0),
+          t.$slots.cta ? (l(), a("div", R, [
             i(t.$slots, "cta", {}, void 0, !0)
-          ])) : a("", !0)
+          ])) : o("", !0)
         ]),
-        e.imageSrc ? (l(), o("div", L, [
-          C(N, {
+        e.imageSrc ? (l(), a("div", w, [
+          N(P, {
             src: e.imageSrc,
             alt: e.imageAlt ?? "",
             ratio: e.imageRatio
           }, null, 8, ["src", "alt", "ratio"])
-        ])) : a("", !0)
+        ])) : o("", !0)
       ], 2)
-    ], 8, P));
+    ], 8, T));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"PaHero.vue2.js","sources":["../../../src/components/PaHero/PaHero.vue"],"sourcesContent":["<script lang=\"ts\">\nlet heroUid = 0\nfunction nextHeroId() {\n  return ++heroUid\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport PaImage from '../PaImage/PaImage.vue'\nimport type { PaImageRatio } from '../PaImage/PaImage.vue'\n\nexport type PaHeroImagePosition = 'left' | 'right'\nexport type PaHeroTitleLevel = 1 | 2 | 3 | 4 | 5 | 6\n\nexport interface PaHeroProps {\n  title?: string\n  titleLevel?: PaHeroTitleLevel\n  subtitle?: string\n  body?: string\n  imageSrc?: string\n  imageAlt?: string\n  imageRatio?: PaImageRatio\n  imagePosition?: PaHeroImagePosition\n}\n\nconst props = withDefaults(defineProps<PaHeroProps>(), {\n  titleLevel: 1,\n  imageRatio: '3:2',\n  imagePosition: 'right',\n})\n\nconst slots = useSlots()\n\nconst titleId = `pa-hero-${nextHeroId()}__title`\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasSubtitle = computed(() => !!slots.subtitle || !!props.subtitle)\nconst hasBody = computed(() => !!slots.body || !!props.body)\nconst hasTitleBlock = computed(\n  () => hasTitle.value || hasSubtitle.value || hasBody.value,\n)\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n</script>\n\n<template>\n  <section class=\"pa-hero\"\n           :aria-labelledby=\"labelledBy\">\n    <div class=\"pa-hero__inner\"\n         :class=\"{ 'pa-hero__inner--image-left': imagePosition === 'left' }\">\n      <div class=\"pa-hero__text\">\n        <div v-if=\"$slots.breadcrumb\"\n             class=\"pa-hero__breadcrumb\">\n          <slot name=\"breadcrumb\" />\n        </div>\n\n        <div v-if=\"$slots.label\"\n             class=\"pa-hero__label\">\n          <slot name=\"label\" />\n        </div>\n\n        <div v-if=\"hasTitleBlock\"\n             class=\"pa-hero__title-block\">\n          <component :is=\"titleTag\"\n                     v-if=\"hasTitle\"\n                     :id=\"titleId\"\n                     class=\"pa-hero__title\">\n            <slot name=\"title\">{{ title }}</slot>\n          </component>\n          <h4 v-if=\"hasSubtitle\"\n              class=\"pa-hero__subtitle\">\n            <slot name=\"subtitle\">{{ subtitle }}</slot>\n          </h4>\n          <p v-if=\"hasBody\"\n             class=\"pa-hero__body\">\n            <slot name=\"body\">{{ body }}</slot>\n          </p>\n        </div>\n\n        <div v-if=\"$slots.cta\"\n             class=\"pa-hero__cta\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n\n      <div v-if=\"imageSrc\"\n           class=\"pa-hero__image-col\">\n        <PaImage :src=\"imageSrc\"\n                 :alt=\"imageAlt ?? ''\"\n                 :ratio=\"imageRatio\" />\n      </div>\n    </div>\n  </section>\n</template>\n\n<style scoped>\n.pa-hero {\n  display: block;\n  container-type: inline-size;\n  background-color: var(--pa-color-bg-white);\n}\n\n.pa-hero__title {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-h2-weight);\n  font-size: var(--pa-font-h2-size);\n  line-height: var(--pa-font-h2-line-height);\n  letter-spacing: var(--pa-font-h2-letter-spacing);\n  color: var(--pa-color-bg-primary-dark-110);\n}\n\n.pa-hero__subtitle {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-h4-weight);\n  font-size: var(--pa-font-h4-size);\n  line-height: var(--pa-font-h4-line-height);\n  letter-spacing: var(--pa-font-h4-letter-spacing);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-hero__body {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-body-weight);\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-hero__body :deep(a) {\n  color: var(--pa-hero-body-link-color, #2f6dd5);\n  text-decoration: none;\n}\n\n.pa-hero__body :deep(a:hover) {\n  text-decoration: underline;\n}\n\n.pa-hero__inner {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--pa-space-md);\n}\n\n.pa-hero__inner--image-left {\n  flex-direction: row-reverse;\n}\n\n.pa-hero__text {\n  flex: 1 0 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding-bottom: var(--pa-space-md);\n}\n\n.pa-hero__breadcrumb {\n  width: 100%;\n  padding: 10px 0 8px 0;\n}\n\n.pa-hero__label {\n  padding: 8px 0;\n}\n\n.pa-hero__title-block {\n  width: 100%;\n  padding: 10px 0 24px 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.pa-hero__title,\n.pa-hero__subtitle,\n.pa-hero__body {\n  margin: 0;\n  width: 100%;\n}\n\n.pa-hero__subtitle:not(:first-child) {\n  margin-top: 8px;\n}\n\n.pa-hero__body:not(:first-child) {\n  margin-top: var(--pa-space-md);\n}\n\n.pa-hero__cta {\n  align-self: flex-start;\n}\n\n.pa-hero__image-col {\n  flex: 1 0 0;\n  min-width: 0;\n  align-self: center;\n}\n\n@container (max-width: 720px) {\n  .pa-hero {\n    padding: var(--pa-space-sm);\n    border-bottom: var(--pa-border-xs) solid var(--pa-color-bg-primary-light-50);\n  }\n\n  .pa-hero__inner,\n  .pa-hero__inner--image-left {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pa-hero__image-col {\n    flex: 0 0 auto;\n    align-self: auto;\n    width: 100%;\n  }\n}\n</style>\n"],"names":["heroUid","nextHeroId","props","__props","slots","useSlots","titleId","hasTitle","computed","hasSubtitle","hasBody","hasTitleBlock","labelledBy","titleTag","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_2","$slots","_openBlock","_hoisted_3","_renderSlot","_ctx","_hoisted_4","_hoisted_5","_createBlock","_resolveDynamicComponent","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_createVNode","PaImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAIA,IAAU;AACd,SAASC,IAAa;AACpB,SAAO,EAAED;AACX;;;;;;;;;;;;;;AAsBA,UAAME,IAAQC,GAMRC,IAAQC,EAAA,GAERC,IAAU,WAAWL,EAAA,CAAY,WAEjCM,IAAWC,EAAS,MAAM,CAAC,CAACJ,EAAM,SAAS,CAAC,CAACF,EAAM,KAAK,GACxDO,IAAcD,EAAS,MAAM,CAAC,CAACJ,EAAM,YAAY,CAAC,CAACF,EAAM,QAAQ,GACjEQ,IAAUF,EAAS,MAAM,CAAC,CAACJ,EAAM,QAAQ,CAAC,CAACF,EAAM,IAAI,GACrDS,IAAgBH;AAAA,MACpB,MAAMD,EAAS,SAASE,EAAY,SAASC,EAAQ;AAAA,IAAA,GAEjDE,IAAaJ,EAAS,MAAOD,EAAS,QAAQD,IAAU,MAAU,GAClEO,IAAWL,EAAS,MAAM,IAAIN,EAAM,UAAU,EAAW;2BAI7DY,EA8CU,WAAA;AAAA,MA9CD,OAAM;AAAA,MACL,mBAAiBF,EAAA;AAAA,IAAA;MACzBG,EA2CM,OAAA;AAAA,QA3CD,OAAKC,EAAA,CAAC,kBAAgB,EAAA,8BACkBb,EAAA,kBAAa,QAAA,CAAA;AAAA,MAAA;QACxDY,EAiCM,OAjCNE,GAiCM;AAAA,UAhCOC,EAAAA,OAAO,cAAlBC,KAAAL,EAGM,OAHNM,GAGM;AAAA,YADJC,EAA0BC,EAAA,QAAA,cAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;UAGjBJ,EAAAA,OAAO,SAAlBC,KAAAL,EAGM,OAHNS,GAGM;AAAA,YADJF,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;UAGZX,EAAA,SAAXQ,EAAA,GAAAL,EAgBM,OAhBNU,GAgBM;AAAA,YAbajB,EAAA,SADjBY,EAAA,GAAAM,EAKYC,EALIb,EAAA,KAAQ,GAAA;AAAA;cAEZ,IAAIP;AAAA,cACL,OAAM;AAAA,YAAA;yBACf,MAAqC;AAAA,gBAArCe,EAAqCC,uBAArC,MAAqC;AAAA,sBAAfnB,EAAA,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAEnBM,EAAA,SAAVU,EAAA,GAAAL,EAGK,MAHLa,GAGK;AAAA,cADHN,EAA2CC,0BAA3C,MAA2C;AAAA,oBAAlBnB,EAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;YAE1BO,EAAA,SAATS,EAAA,GAAAL,EAGI,KAHJc,GAGI;AAAA,cADFP,EAAmCC,sBAAnC,MAAmC;AAAA,oBAAdnB,EAAA,IAAI,GAAA,CAAA;AAAA,cAAA;;;UAIlBe,EAAAA,OAAO,OAAlBC,KAAAL,EAGM,OAHNe,GAGM;AAAA,YADJR,EAAmBC,EAAA,QAAA,OAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;QAIZnB,EAAA,YAAXgB,EAAA,GAAAL,EAKM,OALNgB,GAKM;AAAA,UAHJC,EAE+BC,GAAA;AAAA,YAFrB,KAAK7B,EAAA;AAAA,YACL,KAAKA,EAAA,YAAQ;AAAA,YACb,OAAOA,EAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"PaHero.vue2.js","sources":["../../../src/components/PaHero/PaHero.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId, useSlots } from 'vue'\nimport PaImage from '../PaImage/PaImage.vue'\nimport type { PaImageRatio } from '../PaImage/PaImage.vue'\n\nexport type PaHeroImagePosition = 'left' | 'right'\nexport type PaHeroTitleLevel = 1 | 2 | 3 | 4 | 5 | 6\n\nexport interface PaHeroProps {\n  title?: string\n  titleLevel?: PaHeroTitleLevel\n  subtitle?: string\n  body?: string\n  imageSrc?: string\n  imageAlt?: string\n  imageRatio?: PaImageRatio\n  imagePosition?: PaHeroImagePosition\n}\n\nconst props = withDefaults(defineProps<PaHeroProps>(), {\n  titleLevel: 1,\n  imageRatio: '3:2',\n  imagePosition: 'right',\n})\n\nconst slots = useSlots()\n\nconst titleId = `pa-hero-${useId()}__title`\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasSubtitle = computed(() => !!slots.subtitle || !!props.subtitle)\nconst hasBody = computed(() => !!slots.body || !!props.body)\nconst hasTitleBlock = computed(\n  () => hasTitle.value || hasSubtitle.value || hasBody.value,\n)\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n</script>\n\n<template>\n  <section class=\"pa-hero\"\n           :aria-labelledby=\"labelledBy\">\n    <div class=\"pa-hero__inner\"\n         :class=\"{ 'pa-hero__inner--image-left': imagePosition === 'left' }\">\n      <div class=\"pa-hero__text\">\n        <div v-if=\"$slots.breadcrumb\"\n             class=\"pa-hero__breadcrumb\">\n          <slot name=\"breadcrumb\" />\n        </div>\n\n        <div v-if=\"$slots.label\"\n             class=\"pa-hero__label\">\n          <slot name=\"label\" />\n        </div>\n\n        <div v-if=\"hasTitleBlock\"\n             class=\"pa-hero__title-block\">\n          <component :is=\"titleTag\"\n                     v-if=\"hasTitle\"\n                     :id=\"titleId\"\n                     class=\"pa-hero__title\">\n            <slot name=\"title\">{{ title }}</slot>\n          </component>\n          <h4 v-if=\"hasSubtitle\"\n              class=\"pa-hero__subtitle\">\n            <slot name=\"subtitle\">{{ subtitle }}</slot>\n          </h4>\n          <p v-if=\"hasBody\"\n             class=\"pa-hero__body\">\n            <slot name=\"body\">{{ body }}</slot>\n          </p>\n        </div>\n\n        <div v-if=\"$slots.cta\"\n             class=\"pa-hero__cta\">\n          <slot name=\"cta\" />\n        </div>\n      </div>\n\n      <div v-if=\"imageSrc\"\n           class=\"pa-hero__image-col\">\n        <PaImage :src=\"imageSrc\"\n                 :alt=\"imageAlt ?? ''\"\n                 :ratio=\"imageRatio\" />\n      </div>\n    </div>\n  </section>\n</template>\n\n<style scoped>\n.pa-hero {\n  display: block;\n  container-type: inline-size;\n  background-color: var(--pa-color-bg-white);\n}\n\n.pa-hero__title {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-h2-weight);\n  font-size: var(--pa-font-h2-size);\n  line-height: var(--pa-font-h2-line-height);\n  letter-spacing: var(--pa-font-h2-letter-spacing);\n  color: var(--pa-color-bg-primary-dark-110);\n}\n\n.pa-hero__subtitle {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-h4-weight);\n  font-size: var(--pa-font-h4-size);\n  line-height: var(--pa-font-h4-line-height);\n  letter-spacing: var(--pa-font-h4-letter-spacing);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-hero__body {\n  font-family: var(--pa-font-family-base);\n  font-weight: var(--pa-font-body-weight);\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-hero__body :deep(a) {\n  color: var(--pa-hero-body-link-color, #2f6dd5);\n  text-decoration: none;\n}\n\n.pa-hero__body :deep(a:hover) {\n  text-decoration: underline;\n}\n\n.pa-hero__inner {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--pa-space-md);\n}\n\n.pa-hero__inner--image-left {\n  flex-direction: row-reverse;\n}\n\n.pa-hero__text {\n  flex: 1 0 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding-bottom: var(--pa-space-md);\n}\n\n.pa-hero__breadcrumb {\n  width: 100%;\n  padding: 10px 0 8px 0;\n}\n\n.pa-hero__label {\n  padding: 8px 0;\n}\n\n.pa-hero__title-block {\n  width: 100%;\n  padding: 10px 0 24px 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.pa-hero__title,\n.pa-hero__subtitle,\n.pa-hero__body {\n  margin: 0;\n  width: 100%;\n}\n\n.pa-hero__subtitle:not(:first-child) {\n  margin-top: 8px;\n}\n\n.pa-hero__body:not(:first-child) {\n  margin-top: var(--pa-space-md);\n}\n\n.pa-hero__cta {\n  align-self: flex-start;\n}\n\n.pa-hero__image-col {\n  flex: 1 0 0;\n  min-width: 0;\n  align-self: center;\n}\n\n@container (max-width: 720px) {\n  .pa-hero {\n    padding: var(--pa-space-sm);\n    border-bottom: var(--pa-border-xs) solid var(--pa-color-bg-primary-light-50);\n  }\n\n  .pa-hero__inner,\n  .pa-hero__inner--image-left {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .pa-hero__image-col {\n    flex: 0 0 auto;\n    align-self: auto;\n    width: 100%;\n  }\n}\n</style>\n"],"names":["props","__props","slots","useSlots","titleId","useId","hasTitle","computed","hasSubtitle","hasBody","hasTitleBlock","labelledBy","titleTag","_createElementBlock","_createElementVNode","_normalizeClass","_hoisted_2","$slots","_openBlock","_hoisted_3","_renderSlot","_ctx","_hoisted_4","_hoisted_5","_createBlock","_resolveDynamicComponent","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_createVNode","PaImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAMRC,IAAQC,EAAA,GAERC,IAAU,WAAWC,EAAA,CAAO,WAE5BC,IAAWC,EAAS,MAAM,CAAC,CAACL,EAAM,SAAS,CAAC,CAACF,EAAM,KAAK,GACxDQ,IAAcD,EAAS,MAAM,CAAC,CAACL,EAAM,YAAY,CAAC,CAACF,EAAM,QAAQ,GACjES,IAAUF,EAAS,MAAM,CAAC,CAACL,EAAM,QAAQ,CAAC,CAACF,EAAM,IAAI,GACrDU,IAAgBH;AAAA,MACpB,MAAMD,EAAS,SAASE,EAAY,SAASC,EAAQ;AAAA,IAAA,GAEjDE,IAAaJ,EAAS,MAAOD,EAAS,QAAQF,IAAU,MAAU,GAClEQ,IAAWL,EAAS,MAAM,IAAIP,EAAM,UAAU,EAAW;2BAI7Da,EA8CU,WAAA;AAAA,MA9CD,OAAM;AAAA,MACL,mBAAiBF,EAAA;AAAA,IAAA;MACzBG,EA2CM,OAAA;AAAA,QA3CD,OAAKC,EAAA,CAAC,kBAAgB,EAAA,8BACkBd,EAAA,kBAAa,QAAA,CAAA;AAAA,MAAA;QACxDa,EAiCM,OAjCNE,GAiCM;AAAA,UAhCOC,EAAAA,OAAO,cAAlBC,KAAAL,EAGM,OAHNM,GAGM;AAAA,YADJC,EAA0BC,EAAA,QAAA,cAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;UAGjBJ,EAAAA,OAAO,SAAlBC,KAAAL,EAGM,OAHNS,GAGM;AAAA,YADJF,EAAqBC,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;UAGZX,EAAA,SAAXQ,EAAA,GAAAL,EAgBM,OAhBNU,GAgBM;AAAA,YAbajB,EAAA,SADjBY,EAAA,GAAAM,EAKYC,EALIb,EAAA,KAAQ,GAAA;AAAA;cAEZ,IAAIR;AAAA,cACL,OAAM;AAAA,YAAA;yBACf,MAAqC;AAAA,gBAArCgB,EAAqCC,uBAArC,MAAqC;AAAA,sBAAfpB,EAAA,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAEnBO,EAAA,SAAVU,EAAA,GAAAL,EAGK,MAHLa,GAGK;AAAA,cADHN,EAA2CC,0BAA3C,MAA2C;AAAA,oBAAlBpB,EAAA,QAAQ,GAAA,CAAA;AAAA,cAAA;;YAE1BQ,EAAA,SAATS,EAAA,GAAAL,EAGI,KAHJc,GAGI;AAAA,cADFP,EAAmCC,sBAAnC,MAAmC;AAAA,oBAAdpB,EAAA,IAAI,GAAA,CAAA;AAAA,cAAA;;;UAIlBgB,EAAAA,OAAO,OAAlBC,KAAAL,EAGM,OAHNe,GAGM;AAAA,YADJR,EAAmBC,EAAA,QAAA,OAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;;QAIZpB,EAAA,YAAXiB,EAAA,GAAAL,EAKM,OALNgB,GAKM;AAAA,UAHJC,EAE+BC,GAAA;AAAA,YAFrB,KAAK9B,EAAA;AAAA,YACL,KAAKA,EAAA,YAAQ;AAAA,YACb,OAAOA,EAAA;AAAA,UAAA;;;;;;"}

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

@@ -21,17 +21,22 @@ export interface PaInputProps {
     maxlength?: number;
     minlength?: number;
 }
-export declare function nextPaInputId(): string;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaInputProps & {
+type __VLS_Props = PaInputProps;
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'icon-prefix'?: (props: typeof __VLS_1) => any;
+} & {
+    'icon-suffix'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
-}, string, import("vue").PublicProps, Readonly<PaInputProps & {
-    modelValue?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     error: string | boolean;
     size: PaInputSize;
@@ -41,11 +46,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaInputPro
     required: boolean;
     readonly: boolean;
     clearable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'icon-prefix'?: (props: {}) => any;
-} & {
-    'icon-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/PaInput/PaInput.vue.js

@@ -1,10 +1,8 @@
-import t from "./PaInput.vue2.js";
-import { nextPaInputId as _ } from "./PaInput.vue2.js";
+import o from "./PaInput.vue2.js";
 /* empty css             */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ac140ea6"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6979f665"]]);
 export {
-  e as default,
-  _ as nextPaInputId
+  f as default
 };
 //# sourceMappingURL=PaInput.vue.js.map

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

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

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

@@ -1,12 +1,12 @@
-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 = {
+import { defineComponent as N, useModel as D, useId as P, computed as t, ref as x, openBlock as i, createElementBlock as n, normalizeClass as k, createTextVNode as S, toDisplayString as w, createCommentVNode as s, createElementVNode as r, renderSlot as B, withDirectives as j, vModelDynamic as A, mergeModels as M, nextTick as E } from "vue";
+const R = ["for"], U = {
   key: 0,
   class: "pa-input__required",
   "aria-hidden": "true"
-}, U = { class: "pa-input__field" }, F = {
+}, F = { class: "pa-input__field" }, G = {
   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 = {
+}, H = ["id", "type", "placeholder", "disabled", "readonly", "required", "min", "max", "step", "name", "autocomplete", "maxlength", "minlength", "inputmode", "aria-required", "aria-invalid", "aria-describedby"], J = ["aria-label"], K = {
   key: 0,
   width: "20",
   height: "20",
@@ -15,7 +15,7 @@ const E = ["for"], R = {
   stroke: "currentColor",
   "stroke-width": "1.5",
   "aria-hidden": "true"
-}, K = {
+}, L = {
   key: 1,
   width: "20",
   height: "20",
@@ -24,15 +24,10 @@ const E = ["for"], R = {
   stroke: "currentColor",
   "stroke-width": "1.5",
   "aria-hidden": "true"
-}, L = {
+}, O = {
   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({
+}, Q = ["id"], X = /* @__PURE__ */ N({
   __name: "PaInput",
   props: /* @__PURE__ */ M({
     type: { default: "text" },
@@ -60,19 +55,19 @@ const Y = /* @__PURE__ */ N({
   }),
   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(
+    const a = e, $ = C, c = D(e, "modelValue"), q = `pa-input-${P()}`, 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(
+    ), z = 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(() => {
+    function I() {
+      c.value = "", $("clear"), E(() => {
         var o;
         return (o = g.value) == null ? void 0 : o.focus();
       });
@@ -96,19 +91,19 @@ const Y = /* @__PURE__ */ N({
         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, [
+        S(w(e.label), 1),
+        e.required ? (i(), n("span", U, "*")) : s("", !0)
+      ], 8, R)) : s("", !0),
+      r("div", F, [
+        o.$slots["icon-prefix"] ? (i(), n("span", G, [
           B(o.$slots, "icon-prefix", {}, void 0, !0)
         ])) : s("", !0),
-        S(r("input", {
+        j(r("input", {
           id: v.value,
           ref_key: "inputRef",
           ref: g,
           "onUpdate:modelValue": l[0] || (l[0] = (b) => c.value = b),
-          type: I.value,
+          type: z.value,
           placeholder: e.placeholder,
           disabled: e.disabled,
           readonly: e.readonly,
@@ -125,8 +120,8 @@ const Y = /* @__PURE__ */ N({
           "aria-invalid": u.value || void 0,
           "aria-describedby": m.value ? h.value : void 0,
           class: "pa-input__control"
-        }, null, 8, G), [
-          [j, c.value]
+        }, null, 8, H), [
+          [A, c.value]
         ]),
         p.value ? (i(), n("button", {
           key: 1,
@@ -135,7 +130,7 @@ const Y = /* @__PURE__ */ N({
           class: "pa-input__action",
           onClick: l[1] || (l[1] = (b) => d.value = !d.value)
         }, [
-          d.value ? (i(), n("svg", J, [...l[2] || (l[2] = [
+          d.value ? (i(), n("svg", K, [...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"
@@ -149,7 +144,7 @@ const Y = /* @__PURE__ */ N({
               d: "M2 2l12 12",
               "stroke-linecap": "round"
             }, null, -1)
-          ])])) : (i(), n("svg", K, [...l[3] || (l[3] = [
+          ])])) : (i(), n("svg", L, [...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"
@@ -160,8 +155,8 @@ const Y = /* @__PURE__ */ N({
               r: "2"
             }, null, -1)
           ])]))
-        ], 8, H)) : s("", !0),
-        o.$slots["icon-suffix"] && !f.value && !p.value ? (i(), n("span", L, [
+        ], 8, J)) : s("", !0),
+        o.$slots["icon-suffix"] && !f.value && !p.value ? (i(), n("span", O, [
           B(o.$slots, "icon-suffix", {}, void 0, !0)
         ])) : s("", !0),
         f.value ? (i(), n("button", {
@@ -169,7 +164,7 @@ const Y = /* @__PURE__ */ N({
           type: "button",
           "aria-label": "Cancella",
           class: "pa-input__action",
-          onClick: z
+          onClick: I
         }, [...l[4] || (l[4] = [
           r("svg", {
             width: "16",
@@ -190,12 +185,11 @@ const Y = /* @__PURE__ */ N({
         key: 1,
         id: h.value,
         class: k(["pa-input__message", { "pa-input__message--error": u.value }])
-      }, w(m.value), 11, O)) : s("", !0)
+      }, w(m.value), 11, Q)) : s("", !0)
     ], 2));
   }
 });
 export {
-  Y as default,
-  W as nextPaInputId
+  X as default
 };
 //# sourceMappingURL=PaInput.vue2.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"PaInput.vue2.js","sources":["../../../src/components/PaInput/PaInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId } 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 = `pa-input-${useId()}`\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":["props","__props","emit","__emit","model","_useModel","generatedId","useId","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/PaModal/PaModal.vue.d.ts

@@ -9,24 +9,27 @@ export interface PaModalProps {
     closeLabel?: string;
     size?: PaModalSize;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaModalProps & {
-    open?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Props = PaModalProps;
+type __VLS_PublicProps = __VLS_Props & {
+    'open'?: boolean;
+};
+declare var __VLS_15: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    footer?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<PaModalProps & {
-    open?: boolean;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & 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;
-}>;
+}, {}, {}, {}, 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/PaModal/PaModal.vue.js

@@ -1,8 +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"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0f898bd4"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=PaModal.vue.js.map