@semplice-studio/pa-design-system 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaDatePicker.vue2.js","sources":["../../../src/components/PaDatePicker/PaDatePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaDatePickerId() {\n  return `pa-date-picker-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { DatePicker as VDatePicker } from 'v-calendar'\nimport 'v-calendar/style.css'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    display?: 'popover' | 'inline'\n    placeholder?: string\n    label?: string\n    required?: boolean\n    helperText?: string\n    error?: string | boolean\n    valid?: boolean\n    disabled?: boolean\n    readonly?: boolean\n    id?: string\n    name?: string\n    min?: Date | null\n    max?: Date | null\n    disabledDates?: (date: Date) => boolean\n  }>(),\n  {\n    display: 'popover',\n    placeholder: 'gg/mm/aaaa',\n    required: false,\n    error: false,\n    valid: false,\n    disabled: false,\n    readonly: false,\n    min: null,\n    max: null,\n    disabledDates: undefined,\n  },\n)\n\nconst model = defineModel<Date | null>({ default: null })\n\nconst rootRef = ref<HTMLElement | null>(null)\nconst triggerRef = ref<HTMLButtonElement | null>(null)\nconst open = ref(false)\nconst popoverId = `pa-date-picker-pop-${Math.random().toString(36).slice(2, 9)}`\nconst generatedId = nextPaDatePickerId()\nconst triggerId = computed(() => props.id ?? generatedId)\nconst messageId = computed(() => `${triggerId.value}-msg`)\n\nconst dateFormatter = new Intl.DateTimeFormat('it-IT', {\n  day: '2-digit',\n  month: '2-digit',\n  year: 'numeric',\n})\n\nconst displayValue = computed(() =>\n  model.value instanceof Date ? dateFormatter.format(model.value) : props.placeholder,\n)\n\nconst placeholderShown = computed(() => !(model.value instanceof Date))\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n\n// Built from LOCAL components — NEVER `.toISOString().slice(0, 10)`, which\n// returns UTC and lands on the previous day in any UTC-positive timezone.\nconst serialized = computed(() => {\n  const v = model.value\n  if (!(v instanceof Date) || isNaN(v.getTime())) return ''\n  const y = v.getFullYear()\n  const m = String(v.getMonth() + 1).padStart(2, '0')\n  const d = String(v.getDate()).padStart(2, '0')\n  return `${y}-${m}-${d}`\n})\n\nfunction localMidnight(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0)\n}\nfunction addDays(d: Date, n: number): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n, 0, 0, 0, 0)\n}\n\nfunction isDisabledDate(d: Date): boolean {\n  const m = localMidnight(d)\n  if (props.min && m.getTime() < localMidnight(props.min).getTime()) return true\n  if (props.max && m.getTime() > localMidnight(props.max).getTime()) return true\n  return props.disabledDates ? props.disabledDates(m) === true : false\n}\n\n// V-Calendar's `disabled-dates` accepts only Date / range entries (no\n// functions). To keep a single source of truth for visual disable + native\n// keyboard skip, we enumerate predicate-true days within a bounded window\n// (min/max if set, else ±5y around the model's anchor year) and push them as\n// individual Date entries alongside the min/max ranges.\nconst disabledDatesForVCalendar = computed(() => {\n  const list: unknown[] = []\n  if (props.min) list.push({ start: null, end: addDays(localMidnight(props.min), -1) })\n  if (props.max) list.push({ start: addDays(localMidnight(props.max), 1), end: null })\n  if (props.disabledDates) {\n    const anchorYear =\n      model.value instanceof Date ? model.value.getFullYear() : new Date().getFullYear()\n    const winStart = props.min\n      ? localMidnight(props.min)\n      : new Date(anchorYear - 5, 0, 1, 0, 0, 0, 0)\n    const winEnd = props.max\n      ? localMidnight(props.max)\n      : new Date(anchorYear + 5, 11, 31, 0, 0, 0, 0)\n    const cursor = new Date(winStart.getTime())\n    while (cursor.getTime() <= winEnd.getTime()) {\n      const day = localMidnight(cursor)\n      if (props.disabledDates(day)) list.push(day)\n      cursor.setDate(cursor.getDate() + 1)\n    }\n  }\n  return list\n})\n\nfunction openPopover() {\n  if (open.value || props.disabled || props.readonly) return\n  open.value = true\n}\n\nfunction closePopover(returnFocus = true) {\n  if (!open.value) return\n  open.value = false\n  if (returnFocus) triggerRef.value?.focus()\n}\n\nfunction togglePopover() {\n  if (props.disabled || props.readonly) return\n  open.value ? closePopover() : openPopover()\n}\n\n// The ONLY writer to `model`. V-Calendar receives :model-value one-way and\n// never v-models back into us — the reactive feedback loop is what crashed\n// the previous v1.32 attempt.\n//\n// Normalize to local midnight: V-Calendar's day.date may carry a non-midnight\n// wall-clock time that, once serialized via `.toISOString()`, lands on the\n// previous day in any UTC-positive timezone. Storing local midnight keeps\n// `getFullYear / getMonth / getDate` and any locale-aware formatter aligned.\nfunction onDayClick(day: { date: Date }) {\n  if (props.readonly) return\n  const picked = localMidnight(day.date)\n  if (isDisabledDate(picked)) return\n  model.value = picked\n  if (props.display === 'popover') closePopover()\n}\n\nfunction onDocumentMousedown(event: MouseEvent) {\n  if (!rootRef.value) return\n  if (!rootRef.value.contains(event.target as Node)) closePopover(false)\n}\n\nfunction onWindowKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault()\n    closePopover()\n  }\n}\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    document.addEventListener('mousedown', onDocumentMousedown)\n    window.addEventListener('keydown', onWindowKeydown)\n  } else {\n    document.removeEventListener('mousedown', onDocumentMousedown)\n    window.removeEventListener('keydown', onWindowKeydown)\n  }\n})\n\nonBeforeUnmount(() => {\n  document.removeEventListener('mousedown', onDocumentMousedown)\n  window.removeEventListener('keydown', onWindowKeydown)\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"[\n      'pa-date-picker',\n      `pa-date-picker--${display}`,\n      {\n        'pa-date-picker--open': open,\n        'pa-date-picker--disabled': disabled,\n        'pa-date-picker--readonly': readonly,\n        'pa-date-picker--error': errorActive,\n        'pa-date-picker--valid': validActive,\n      },\n    ]\"\n  >\n    <label v-if=\"label\" :for=\"triggerId\" class=\"pa-date-picker__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-date-picker__required\" aria-hidden=\"true\">*</span>\n    </label>\n\n    <button\n      v-if=\"display === 'popover'\"\n      :id=\"triggerId\"\n      ref=\"triggerRef\"\n      type=\"button\"\n      :class=\"[\n        'pa-date-picker__trigger',\n        {\n          'pa-date-picker__trigger--placeholder': placeholderShown,\n          'pa-date-picker__trigger--disabled': disabled,\n          'pa-date-picker__trigger--readonly': readonly && !disabled,\n          'pa-date-picker__trigger--error': errorActive && !disabled,\n          'pa-date-picker__trigger--valid': validActive && !disabled,\n        },\n      ]\"\n      :disabled=\"disabled\"\n      :aria-expanded=\"open\"\n      aria-haspopup=\"dialog\"\n      :aria-controls=\"popoverId\"\n      :aria-required=\"required || undefined\"\n      :aria-invalid=\"errorActive || undefined\"\n      :aria-readonly=\"readonly || undefined\"\n      :aria-describedby=\"message ? messageId : undefined\"\n      @click=\"togglePopover\"\n      @keydown.enter.prevent=\"togglePopover\"\n      @keydown.space.prevent=\"togglePopover\"\n      @keydown.down.prevent=\"openPopover\"\n    >\n      <span class=\"pa-date-picker__value\">{{ displayValue }}</span>\n      <slot name=\"suffix\">\n        <PaIcon name=\"calendar-blank\" size=\"md\" />\n      </slot>\n    </button>\n\n    <input\n      v-if=\"name\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"serialized\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n      :required=\"required\"\n    />\n\n    <div\n      v-show=\"display === 'inline' || open\"\n      :id=\"popoverId\"\n      :class=\"[\n        'pa-date-picker__popover',\n        { 'pa-date-picker__popover--inline': display === 'inline' },\n      ]\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n    >\n      <VDatePicker\n        :model-value=\"model\"\n        :locale=\"{ id: 'it-IT', firstDayOfWeek: 2 }\"\n        :is-required=\"false\"\n        :disabled-dates=\"disabledDatesForVCalendar\"\n        @dayclick=\"onDayClick\"\n      >\n        <template #nav-prev-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-date-picker__nav-arrow\"\n            aria-label=\"Mese precedente\"\n            @click=\"click\"\n          >\n            <PaIcon name=\"caret-left\" size=\"sm\" />\n          </button>\n        </template>\n        <template #nav-next-button=\"{ click }\">\n          <button\n            type=\"button\"\n            class=\"pa-date-picker__nav-arrow\"\n            aria-label=\"Mese successivo\"\n            @click=\"click\"\n          >\n            <PaIcon name=\"caret-right\" size=\"sm\" />\n          </button>\n        </template>\n      </VDatePicker>\n    </div>\n\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-date-picker__message', { 'pa-date-picker__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-date-picker {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--pa-space-2xs, 4px);\n  font-family: var(--pa-font-family-sans, 'Inter', sans-serif);\n}\n\n.pa-date-picker__label {\n  font: 600 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-text-dark-blue, #00173d);\n}\n.pa-date-picker__required {\n  margin-left: 2px;\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 240px;\n  padding: 12px 16px;\n  background: #ffffff;\n  border: 1px solid var(--pa-color-neutral-gray, #454d56);\n  border-radius: 4px;\n  font: 400 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n  cursor: pointer;\n  text-align: left;\n}\n.pa-date-picker__trigger:hover { border-color: var(--pa-color-primary, #0071ff); }\n.pa-date-picker__trigger:focus-visible {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 2px;\n}\n.pa-date-picker__trigger--placeholder .pa-date-picker__value {\n  color: var(--pa-color-text-disabled, #5b6571);\n}\n.pa-date-picker__trigger--error {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--error:hover {\n  border-color: var(--pa-color-error, #de2049);\n}\n.pa-date-picker__trigger--valid {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--valid:hover {\n  border-color: var(--pa-color-success, #008069);\n}\n.pa-date-picker__trigger--disabled,\n.pa-date-picker__trigger[disabled] {\n  background: var(--pa-color-bg-disabled-gray, #e7e8e3);\n  color: var(--pa-color-text-disabled, #5b6571);\n  border-color: var(--pa-color-neutral-gray, #454d56);\n  cursor: not-allowed;\n}\n.pa-date-picker__trigger--disabled:hover,\n.pa-date-picker__trigger[disabled]:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__trigger--readonly:hover {\n  border-color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__value {\n  flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n\n.pa-date-picker__message {\n  font: 400 14px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker__message--error {\n  color: var(--pa-color-error, #de2049);\n}\n\n.pa-date-picker__popover {\n  position: absolute;\n  top: calc(100% + 8px);\n  left: 0;\n  z-index: 900; min-width: 280px; padding: 24px;\n  background: #ffffff; border-radius: 8px;\n  box-shadow: var(--pa-shadow-elevation-02, 0 0 24px #e3e5e8);\n}\n.pa-date-picker__popover--inline {\n  position: static; top: auto; left: auto; display: inline-block;\n}\n/* Anchor the absolute popover under the trigger (not under the label). */\n.pa-date-picker:has(.pa-date-picker__label) .pa-date-picker__popover:not(.pa-date-picker__popover--inline) {\n  top: auto;\n}\n\n.pa-date-picker :deep(.pa-date-picker__nav-arrow) {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 32px; height: 32px; padding: 0;\n  background: #ffffff; border: 0; border-radius: 9999px;\n  color: var(--pa-color-primary, #0071ff); cursor: pointer;\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:hover) {\n  background: var(--pa-color-bg-primary-light-40, #f2f6fc);\n}\n.pa-date-picker :deep(.pa-date-picker__nav-arrow:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: 0;\n}\n\n.pa-date-picker :deep(.vc-container) {\n  --vc-bg: #ffffff; --vc-border: transparent; --vc-rounded: 0;\n  --vc-font-family: 'Inter', sans-serif;\n  font-family: 'Inter', sans-serif;\n  background: #ffffff; border: 0;\n  color: var(--pa-color-neutral-gray, #454d56);\n}\n.pa-date-picker :deep(.vc-header) { padding: 0 0 16px; }\n.pa-date-picker :deep(.vc-title) {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-primary, #0071ff);\n  pointer-events: none;\n}\n.pa-date-picker :deep(.vc-weeks) { padding: 0; }\n.pa-date-picker :deep(.vc-weekday) {\n  font: 600 16px/20px 'Inter', sans-serif;\n  color: var(--pa-color-neutral-gray, #454d56);\n  padding: 8px 0; text-transform: capitalize;\n}\n.pa-date-picker :deep(.vc-day) { min-height: 36px; }\n.pa-date-picker :deep(.vc-day-content) {\n  font: 400 16px/18px 'Roboto Mono', monospace;\n  color: var(--pa-color-neutral-gray, #454d56);\n  width: 32px; height: 32px; border-radius: 9999px; transition: none;\n}\n.pa-date-picker :deep(.vc-day-content:hover) {\n  background: var(--pa-color-primary-hover, #00368f); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-day-content:focus-visible) {\n  outline: 2px solid var(--pa-color-primary-focus-border, #0065d1);\n  outline-offset: -2px; background: transparent;\n  color: var(--pa-color-primary, #0071ff);\n}\n.pa-date-picker :deep(.vc-day-content:active) {\n  background: var(--pa-color-primary-pressed, #00173d); color: #ffffff;\n}\n.pa-date-picker :deep(.vc-highlight) {\n  background: var(--pa-color-primary, #0071ff) !important;\n  border-radius: 9999px;\n}\n.pa-date-picker :deep(.vc-highlight-content-solid) {\n  color: #ffffff !important;\n  font: 400 16px/18px 'Roboto Mono', monospace;\n}\n.pa-date-picker :deep(.vc-day.is-not-in-month .vc-day-content),\n.pa-date-picker :deep(.vc-day.is-disabled .vc-day-content) {\n  color: var(--pa-color-text-disabled, #5b6571);\n  pointer-events: none;\n}\n.pa-date-picker :deep(.vc-pane-layout) { gap: 0; }\n.pa-date-picker :deep(.vc-arrow) { display: none; }\n</style>\n"],"names":["uid","nextPaDatePickerId","props","__props","model","_useModel","rootRef","ref","triggerRef","open","popoverId","generatedId","triggerId","computed","messageId","dateFormatter","displayValue","placeholderShown","errorActive","validActive","errorMessage","helperMessage","message","serialized","v","y","m","d","localMidnight","addDays","n","isDisabledDate","disabledDatesForVCalendar","list","anchorYear","winStart","winEnd","cursor","day","openPopover","closePopover","returnFocus","_a","togglePopover","onDayClick","picked","onDocumentMousedown","event","onWindowKeydown","watch","isOpen","onBeforeUnmount","_createElementBlock","_normalizeClass","_hoisted_2","_createElementVNode","_hoisted_4","_toDisplayString","_renderSlot","_ctx","_createVNode","PaIcon","_unref","VDatePicker","_withCtx","click","_vShow","_hoisted_8"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default, default as PaDatePicker } from './PaDatePicker.vue';

package/dist/components/PaDatePicker/index.js

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

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

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

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

@@ -0,0 +1,36 @@
+export type PaDrawerPosition = 'right' | 'left' | 'top' | 'bottom';
+export type PaDrawerSize = 'sm' | 'md' | 'lg';
+export interface PaDrawerProps {
+    title?: string;
+    titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    showClose?: boolean;
+    closeLabel?: string;
+    position?: PaDrawerPosition;
+    size?: PaDrawerSize;
+    id?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaDrawerProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<PaDrawerProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: PaDrawerSize;
+    titleLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    showClose: boolean;
+    closeLabel: string;
+    position: PaDrawerPosition;
+}, {}, {}, {}, 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/PaDrawer/PaDrawer.vue.js

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

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

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

package/dist/components/PaDrawer/PaDrawer.vue2.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaDrawer.vue2.js","sources":["../../../src/components/PaDrawer/PaDrawer.vue"],"sourcesContent":["<script lang=\"ts\">\nlet drawerUid = 0\nfunction nextDrawerId() {\n  return ++drawerUid\n}\n\nexport type PaDrawerPosition = 'right' | 'left' | 'top' | 'bottom'\nexport type PaDrawerSize = 'sm' | 'md' | 'lg'\n\nexport interface PaDrawerProps {\n  title?: string\n  titleLevel?: 1 | 2 | 3 | 4 | 5 | 6\n  showClose?: boolean\n  closeLabel?: string\n  position?: PaDrawerPosition\n  size?: PaDrawerSize\n  id?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaDrawerProps>(), {\n  titleLevel: 2,\n  showClose: true,\n  closeLabel: 'Chiudi',\n  position: 'right',\n  size: 'md',\n})\n\nconst open = defineModel<boolean>('open', { default: false })\n\nconst uid = nextDrawerId()\nconst baseId = computed(() => props.id ?? `pa-drawer-${uid}`)\nconst titleId = computed(() => `${baseId.value}__title`)\nconst labelledBy = computed(() => (props.title ? titleId.value : undefined))\nconst titleTag = computed(() => `h${props.titleLevel}` as const)\n\nconst drawerRef = 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 onDrawerKeydown(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !drawerRef.value) return\n  const focusable = getFocusable(drawerRef.value)\n  if (focusable.length === 0) {\n    event.preventDefault()\n    drawerRef.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 || !drawerRef.value.contains(active)) {\n      event.preventDefault()\n      last.focus()\n    }\n  } else {\n    if (active === last || !drawerRef.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 (drawerRef.value) {\n        const focusable = getFocusable(drawerRef.value)\n        if (focusable.length > 0) {\n          focusable[0]!.focus()\n        } else {\n          drawerRef.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 class=\"pa-drawer__wrapper\" :class=\"{ 'pa-drawer__wrapper--active': open }\">\n      <Transition name=\"pa-drawer-backdrop\" appear>\n        <div v-if=\"open\" class=\"pa-drawer__backdrop\" @click=\"close\" />\n      </Transition>\n      <Transition :name=\"`pa-drawer-${position}`\" appear>\n        <div\n          v-if=\"open\"\n          ref=\"drawerRef\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n          :aria-labelledby=\"labelledBy\"\n          :class=\"[\n            'pa-drawer',\n            `pa-drawer--${position}`,\n            `pa-drawer--${size}`,\n          ]\"\n          @keydown=\"onDrawerKeydown\"\n        >\n          <div class=\"pa-drawer__header\">\n            <component\n              :is=\"titleTag\"\n              v-if=\"title\"\n              :id=\"titleId\"\n              class=\"pa-drawer__title\"\n            >\n              {{ title }}\n            </component>\n            <button\n              v-if=\"showClose\"\n              ref=\"closeButtonRef\"\n              type=\"button\"\n              class=\"pa-drawer__close\"\n              :aria-label=\"closeLabel\"\n              @click=\"close\"\n            >\n              <PaIcon name=\"x\" size=\"sm\" />\n            </button>\n          </div>\n          <div class=\"pa-drawer__body\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"pa-drawer__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n.pa-drawer__wrapper {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  container-type: inline-size;\n  pointer-events: none;\n}\n\n.pa-drawer__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  pointer-events: auto;\n}\n\n.pa-drawer {\n  position: fixed;\n  z-index: 1001;\n  background: var(--pa-color-bg-white);\n  box-shadow: var(--pa-shadow-elevation-01);\n  display: flex;\n  flex-direction: column;\n  padding: 32px;\n  pointer-events: auto;\n  font-family: var(--pa-font-family-base);\n  box-sizing: border-box;\n}\n\n.pa-drawer:focus {\n  outline: none;\n}\n\n.pa-drawer--sm {\n  --pa-drawer-width: 400px;\n  --pa-drawer-height: 320px;\n}\n\n.pa-drawer--md {\n  --pa-drawer-width: 550px;\n  --pa-drawer-height: 480px;\n}\n\n.pa-drawer--lg {\n  --pa-drawer-width: 720px;\n  --pa-drawer-height: 640px;\n}\n\n.pa-drawer--right {\n  top: 0;\n  right: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--left {\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: var(--pa-drawer-width);\n  max-width: 100vw;\n}\n\n.pa-drawer--top {\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer--bottom {\n  bottom: 0;\n  left: 0;\n  width: 100vw;\n  height: var(--pa-drawer-height);\n  max-height: 100vh;\n}\n\n.pa-drawer__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--pa-space-sm);\n  width: 100%;\n  flex-shrink: 0;\n}\n\n.pa-drawer__title {\n  margin: 0;\n  flex: 1 1 auto;\n  min-width: 0;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  letter-spacing: -0.5px;\n  color: var(--pa-color-primary);\n}\n\n.pa-drawer__close {\n  flex: 0 0 auto;\n  width: 44px;\n  height: 44px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--pa-radius-smooth);\n  background: transparent;\n  border: none;\n  color: var(--pa-color-primary);\n  cursor: pointer;\n  padding: 0;\n  margin: -10px -10px 0 0;\n}\n\n.pa-drawer__close:hover {\n  background: var(--pa-color-bg-secondary-light-50);\n}\n\n.pa-drawer__close:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-drawer__body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  width: 100%;\n  margin-top: var(--pa-space-sm);\n}\n\n.pa-drawer__footer {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-sm);\n  min-height: 64px;\n  padding: var(--pa-space-xs) var(--pa-space-lg);\n  margin: 0 calc(-1 * var(--pa-space-lg)) calc(-1 * var(--pa-space-lg))\n    calc(-1 * var(--pa-space-lg));\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n  flex-shrink: 0;\n}\n\n.pa-drawer-backdrop-enter-from,\n.pa-drawer-backdrop-leave-to {\n  opacity: 0;\n}\n\n.pa-drawer-backdrop-enter-active {\n  transition: opacity 200ms ease-out;\n}\n\n.pa-drawer-backdrop-leave-active {\n  transition: opacity 200ms ease-in;\n}\n\n.pa-drawer-right-enter-from,\n.pa-drawer-right-leave-to {\n  transform: translateX(100%);\n}\n\n.pa-drawer-left-enter-from,\n.pa-drawer-left-leave-to {\n  transform: translateX(-100%);\n}\n\n.pa-drawer-top-enter-from,\n.pa-drawer-top-leave-to {\n  transform: translateY(-100%);\n}\n\n.pa-drawer-bottom-enter-from,\n.pa-drawer-bottom-leave-to {\n  transform: translateY(100%);\n}\n\n.pa-drawer-right-enter-active,\n.pa-drawer-left-enter-active,\n.pa-drawer-top-enter-active,\n.pa-drawer-bottom-enter-active {\n  transition: transform 250ms ease-out;\n}\n\n.pa-drawer-right-leave-active,\n.pa-drawer-left-leave-active,\n.pa-drawer-top-leave-active,\n.pa-drawer-bottom-leave-active {\n  transition: transform 200ms ease-in;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pa-drawer-backdrop-enter-active,\n  .pa-drawer-backdrop-leave-active,\n  .pa-drawer-right-enter-active,\n  .pa-drawer-right-leave-active,\n  .pa-drawer-left-enter-active,\n  .pa-drawer-left-leave-active,\n  .pa-drawer-top-enter-active,\n  .pa-drawer-top-leave-active,\n  .pa-drawer-bottom-enter-active,\n  .pa-drawer-bottom-leave-active {\n    transition-duration: 0ms;\n  }\n}\n\n@container (max-width: 600px) {\n  .pa-drawer {\n    padding: var(--pa-space-md);\n  }\n\n  .pa-drawer--right,\n  .pa-drawer--left {\n    width: 100vw;\n    max-width: none;\n  }\n\n  .pa-drawer--top,\n  .pa-drawer--bottom {\n    height: 100vh;\n    max-height: none;\n  }\n\n  .pa-drawer__title {\n    font-size: 18px;\n    line-height: 22px;\n  }\n\n  .pa-drawer__footer {\n    padding: var(--pa-space-xs) var(--pa-space-md);\n    margin: 0 calc(-1 * var(--pa-space-md)) calc(-1 * var(--pa-space-md))\n      calc(-1 * var(--pa-space-md));\n  }\n}\n</style>\n"],"names":["drawerUid","nextDrawerId","props","__props","open","_useModel","uid","baseId","computed","titleId","labelledBy","titleTag","drawerRef","ref","closeButtonRef","previouslyFocusedElement","originalBodyOverflow","originalBodyPaddingRight","scrollLockActive","escListenerAttached","FOCUSABLE_SELECTOR","getFocusable","root","onDrawerKeydown","event","focusable","first","last","active","onWindowKeydownEsc","lockScroll","scrollbarWidth","unlockScroll","attachEsc","detachEsc","watch","next","nextTick","onBeforeUnmount","close","_createBlock","_Teleport","_createElementVNode","_normalizeClass","_createVNode","_Transition","_createElementBlock","_hoisted_2","_openBlock","_resolveDynamicComponent","PaIcon","_hoisted_4","_renderSlot","_ctx","$slots","_hoisted_5"],"mappings":"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"}

package/dist/components/PaDrawer/PaDrawerInfoRow.vue.d.ts

@@ -0,0 +1,24 @@
+export type PaDrawerInfoRowVariant = 'header' | 'text' | 'text-multiline' | 'link' | 'number' | 'date';
+export interface PaDrawerInfoRowProps {
+    variant: PaDrawerInfoRowVariant;
+    label?: string;
+    value?: string;
+    href?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaDrawerInfoRowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaDrawerInfoRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    label?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+} & {
+    value?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaDrawer/PaDrawerInfoRow.vue.js

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

package/dist/components/PaDrawer/PaDrawerInfoRow.vue.js.map

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

package/dist/components/PaDrawer/PaDrawerInfoRow.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as _, useSlots as p, computed as o, openBlock as l, createElementBlock as r, normalizeClass as i, renderSlot as t, createTextVNode as s, toDisplayString as u, createCommentVNode as c, Fragment as b } from "vue";
+const y = {
+  key: 0,
+  class: "pa-drawer-info-row__label"
+}, $ = ["href"], V = {
+  key: 1,
+  class: /* @__PURE__ */ i([
+    "pa-drawer-info-row__value",
+    "pa-drawer-info-row__value--link"
+  ])
+}, C = {
+  key: 2,
+  class: /* @__PURE__ */ i([
+    "pa-drawer-info-row__value",
+    "pa-drawer-info-row__value--mono"
+  ])
+}, B = /* @__PURE__ */ _({
+  __name: "PaDrawerInfoRow",
+  props: {
+    variant: {},
+    label: {},
+    value: {},
+    href: {}
+  },
+  setup(e) {
+    const a = e, v = p(), d = o(() => !!v.label || !!a.label), f = o(() => !!v.value || !!a.value), m = o(() => a.variant !== "header" && f.value), h = o(
+      () => a.variant === "number" || a.variant === "date"
+    ), w = o(() => a.variant === "link"), k = o(() => a.variant === "text-multiline");
+    return (n, S) => (l(), r("div", {
+      class: i(["pa-drawer-info-row", `pa-drawer-info-row--${e.variant}`])
+    }, [
+      d.value ? (l(), r("p", y, [
+        t(n.$slots, "label", {}, () => [
+          s(u(e.label), 1)
+        ], !0)
+      ])) : c("", !0),
+      m.value ? (l(), r(b, { key: 1 }, [
+        w.value && e.href ? (l(), r("a", {
+          key: 0,
+          href: e.href,
+          class: i([
+            "pa-drawer-info-row__value",
+            "pa-drawer-info-row__value--link"
+          ])
+        }, [
+          t(n.$slots, "value", {}, () => [
+            s(u(e.value), 1)
+          ], !0)
+        ], 8, $)) : w.value ? (l(), r("span", V, [
+          t(n.$slots, "value", {}, () => [
+            s(u(e.value), 1)
+          ], !0)
+        ])) : h.value ? (l(), r("span", C, [
+          t(n.$slots, "value", {}, () => [
+            s(u(e.value), 1)
+          ], !0)
+        ])) : (l(), r("p", {
+          key: 3,
+          class: i([
+            "pa-drawer-info-row__value",
+            { "pa-drawer-info-row__value--multiline": k.value }
+          ])
+        }, [
+          t(n.$slots, "value", {}, () => [
+            s(u(e.value), 1)
+          ], !0)
+        ], 2))
+      ], 64)) : c("", !0)
+    ], 2));
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=PaDrawerInfoRow.vue2.js.map

package/dist/components/PaDrawer/PaDrawerInfoRow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaDrawerInfoRow.vue2.js","sources":["../../../src/components/PaDrawer/PaDrawerInfoRow.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type PaDrawerInfoRowVariant =\n  | 'header'\n  | 'text'\n  | 'text-multiline'\n  | 'link'\n  | 'number'\n  | 'date'\n\nexport interface PaDrawerInfoRowProps {\n  variant: PaDrawerInfoRowVariant\n  label?: string\n  value?: string\n  href?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nconst props = defineProps<PaDrawerInfoRowProps>()\n\nconst slots = useSlots()\n\nconst hasLabel = computed(() => !!slots.label || !!props.label)\nconst hasValue = computed(() => !!slots.value || !!props.value)\nconst showValue = computed(() => props.variant !== 'header' && hasValue.value)\nconst isMono = computed(\n  () => props.variant === 'number' || props.variant === 'date',\n)\nconst isLink = computed(() => props.variant === 'link')\nconst isMultiline = computed(() => props.variant === 'text-multiline')\n</script>\n\n<template>\n  <div :class=\"['pa-drawer-info-row', `pa-drawer-info-row--${variant}`]\">\n    <p v-if=\"hasLabel\" class=\"pa-drawer-info-row__label\">\n      <slot name=\"label\">{{ label }}</slot>\n    </p>\n    <template v-if=\"showValue\">\n      <a\n        v-if=\"isLink && href\"\n        :href=\"href\"\n        :class=\"[\n          'pa-drawer-info-row__value',\n          'pa-drawer-info-row__value--link',\n        ]\"\n      >\n        <slot name=\"value\">{{ value }}</slot>\n      </a>\n      <span\n        v-else-if=\"isLink\"\n        :class=\"[\n          'pa-drawer-info-row__value',\n          'pa-drawer-info-row__value--link',\n        ]\"\n      >\n        <slot name=\"value\">{{ value }}</slot>\n      </span>\n      <span\n        v-else-if=\"isMono\"\n        :class=\"[\n          'pa-drawer-info-row__value',\n          'pa-drawer-info-row__value--mono',\n        ]\"\n      >\n        <slot name=\"value\">{{ value }}</slot>\n      </span>\n      <p\n        v-else\n        :class=\"[\n          'pa-drawer-info-row__value',\n          { 'pa-drawer-info-row__value--multiline': isMultiline },\n        ]\"\n      >\n        <slot name=\"value\">{{ value }}</slot>\n      </p>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.pa-drawer-info-row {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-2xs);\n  width: 100%;\n  padding: 12px 0;\n  border-bottom: var(--pa-border-xs) solid var(--pa-color-bg-primary-light-50);\n  font-family: var(--pa-font-family-base);\n  box-sizing: border-box;\n}\n\n.pa-drawer-info-row:last-child {\n  border-bottom: none;\n}\n\n.pa-drawer-info-row__label {\n  margin: 0;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-drawer-info-row__value {\n  margin: 0;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 400;\n  color: var(--pa-color-text-secondary-gray);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.pa-drawer-info-row__value--multiline {\n  white-space: normal;\n  overflow: visible;\n  overflow-wrap: anywhere;\n  text-overflow: clip;\n}\n\n.pa-drawer-info-row__value--link {\n  font-weight: 600;\n  color: var(--pa-color-primary);\n  text-decoration: none;\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n\n.pa-drawer-info-row__value--link:hover,\n.pa-drawer-info-row__value--link:focus-visible {\n  text-decoration: underline;\n}\n\n.pa-drawer-info-row__value--mono {\n  font-family: var(--pa-font-family-mono);\n  font-size: 16px;\n  line-height: 24px;\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n</style>\n"],"names":["props","__props","slots","useSlots","hasLabel","computed","hasValue","showValue","isMono","isLink","isMultiline","_createElementBlock","_openBlock","_hoisted_1","_renderSlot","_ctx","_Fragment","_normalizeClass","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,UAAMA,IAAQC,GAERC,IAAQC,EAAA,GAERC,IAAWC,EAAS,MAAM,CAAC,CAACH,EAAM,SAAS,CAAC,CAACF,EAAM,KAAK,GACxDM,IAAWD,EAAS,MAAM,CAAC,CAACH,EAAM,SAAS,CAAC,CAACF,EAAM,KAAK,GACxDO,IAAYF,EAAS,MAAML,EAAM,YAAY,YAAYM,EAAS,KAAK,GACvEE,IAASH;AAAA,MACb,MAAML,EAAM,YAAY,YAAYA,EAAM,YAAY;AAAA,IAAA,GAElDS,IAASJ,EAAS,MAAML,EAAM,YAAY,MAAM,GAChDU,IAAcL,EAAS,MAAML,EAAM,YAAY,gBAAgB;2BAInEW,EA2CM,OAAA;AAAA,MA3CA,uDAAqDV,EAAA,OAAO,EAAA,CAAA;AAAA,IAAA;MACvDG,EAAA,SAATQ,EAAA,GAAAD,EAEI,KAFJE,GAEI;AAAA,QADFC,EAAqCC,uBAArC,MAAqC;AAAA,cAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;MAEbM,EAAA,cAAhBI,EAsCWK,GAAA,EAAA,KAAA,KAAA;AAAA,QApCDP,EAAA,SAAUR,EAAA,aADlBU,EASI,KAAA;AAAA;UAPD,MAAMV,EAAA;AAAA,UACN,OAAKgB,EAAE;AAAA;;WAGP;AAAA,QAAA;UAEDH,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;oBAGhBQ,EAAA,SADbG,KAAAD,EAQO,QARPO,GAQO;AAAA,UADLJ,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;cAGhBO,EAAA,SADbI,KAAAD,EAQO,QARPQ,GAQO;AAAA,UADLL,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;oBAE7BU,EAQI,KAAA;AAAA;UAND,OAAKM,EAAA;AAAA;sDAA+FP,EAAA,MAAA;AAAA,UAAW;;UAKhHI,EAAqCC,uBAArC,MAAqC;AAAA,gBAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;"}

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

@@ -0,0 +1,4 @@
+export { default, default as PaDrawer } from './PaDrawer.vue';
+export type { PaDrawerProps, PaDrawerPosition, PaDrawerSize, } from './PaDrawer.vue';
+export { default as PaDrawerInfoRow } from './PaDrawerInfoRow.vue';
+export type { PaDrawerInfoRowProps, PaDrawerInfoRowVariant, } from './PaDrawerInfoRow.vue';

package/dist/components/PaDrawer/index.js

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

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

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

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

@@ -0,0 +1,18 @@
+import type { PaIconName, PaIconSize } from '../PaIcon';
+export type PaFabVariant = 'primary' | 'inverse';
+export type PaFabSize = 'sm' | 'md';
+export interface PaFabProps {
+    icon: PaIconName;
+    variant?: PaFabVariant;
+    size?: PaFabSize;
+    extended?: boolean;
+    label?: string;
+    ariaLabel?: string;
+}
+export declare const PA_FAB_ICON_SIZE: Record<PaFabSize, PaIconSize>;
+declare const _default: import("vue").DefineComponent<PaFabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaFabProps> & Readonly<{}>, {
+    variant: PaFabVariant;
+    size: PaFabSize;
+    extended: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaFab/PaFab.vue.js

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

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

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

package/dist/components/PaFab/PaFab.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as i, computed as o, openBlock as t, createElementBlock as n, normalizeClass as d, createVNode as c, toDisplayString as s, createCommentVNode as m } from "vue";
+import r from "../PaIcon/PaIcon.vue.js";
+const b = ["aria-label"], f = {
+  key: 0,
+  class: "pa-fab__label"
+}, u = {
+  sm: "md",
+  md: "lg"
+}, B = /* @__PURE__ */ i({
+  __name: "PaFab",
+  props: {
+    icon: {},
+    variant: { default: "primary" },
+    size: { default: "md" },
+    extended: { type: Boolean, default: !1 },
+    label: {},
+    ariaLabel: {}
+  },
+  setup(e) {
+    const a = e, l = o(
+      () => a.extended ? "lg" : u[a.size]
+    );
+    return (p, x) => (t(), n("button", {
+      type: "button",
+      class: d([
+        "pa-fab",
+        `pa-fab--${e.variant}`,
+        e.extended ? "pa-fab--extended" : `pa-fab--${e.size}`
+      ]),
+      "aria-label": e.ariaLabel
+    }, [
+      c(r, {
+        name: e.icon,
+        size: l.value
+      }, null, 8, ["name", "size"]),
+      e.extended ? (t(), n("span", f, s(e.label), 1)) : m("", !0)
+    ], 10, b));
+  }
+});
+export {
+  u as PA_FAB_ICON_SIZE,
+  B as default
+};
+//# sourceMappingURL=PaFab.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaFab.vue2.js","sources":["../../../src/components/PaFab/PaFab.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName, PaIconSize } from '../PaIcon'\n\nexport type PaFabVariant = 'primary' | 'inverse'\nexport type PaFabSize = 'sm' | 'md'\n\nexport interface PaFabProps {\n  icon: PaIconName\n  variant?: PaFabVariant\n  size?: PaFabSize\n  extended?: boolean\n  label?: string\n  ariaLabel?: string\n}\n\nexport const PA_FAB_ICON_SIZE: Record<PaFabSize, PaIconSize> = {\n  sm: 'md',\n  md: 'lg',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaFabProps>(), {\n  variant: 'primary',\n  size: 'md',\n  extended: false,\n})\n\nconst iconSize = computed<PaIconSize>(() =>\n  props.extended ? 'lg' : PA_FAB_ICON_SIZE[props.size],\n)\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"[\n      'pa-fab',\n      `pa-fab--${variant}`,\n      extended ? 'pa-fab--extended' : `pa-fab--${size}`,\n    ]\"\n    :aria-label=\"ariaLabel\"\n  >\n    <PaIcon :name=\"icon\" :size=\"iconSize\" />\n    <span v-if=\"extended\" class=\"pa-fab__label\">{{ label }}</span>\n  </button>\n</template>\n\n<style scoped>\n.pa-fab {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  cursor: pointer;\n  border-radius: 50%;\n  font-family: var(--pa-font-family-base);\n  transition: background-color 120ms ease;\n}\n\n.pa-fab:focus { outline: none; }\n\n.pa-fab:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-fab--md { width: 56px; height: 56px; }\n.pa-fab--sm { width: 40px; height: 40px; }\n\n.pa-fab--extended {\n  width: auto;\n  height: 44px;\n  padding: 0 var(--pa-space-sm);\n  border-radius: 22px;\n  gap: var(--pa-space-xs);\n}\n\n.pa-fab__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: inherit;\n}\n\n.pa-fab--primary {\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n}\n\n.pa-fab--primary:hover {\n  background: var(--pa-color-primary-hover);\n}\n\n.pa-fab--primary:active {\n  background: var(--pa-color-primary-pressed);\n}\n\n.pa-fab--inverse {\n  background: var(--pa-color-bg-white);\n  color: var(--pa-color-text-black);\n}\n\n.pa-fab--inverse:hover {\n  background: var(--pa-color-accent-hover);\n}\n\n.pa-fab--inverse:active {\n  background: var(--pa-color-accent);\n}\n</style>\n"],"names":["PA_FAB_ICON_SIZE","props","__props","iconSize","computed","_createElementBlock","_normalizeClass","_createVNode","PaIcon","_hoisted_2","_toDisplayString"],"mappings":";;;;;GAeaA,IAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,IAAI;AACN;;;;;;;;;;;AAOA,UAAMC,IAAQC,GAMRC,IAAWC;AAAA,MAAqB,MACpCH,EAAM,WAAW,OAAOD,EAAiBC,EAAM,IAAI;AAAA,IAAA;2BAKnDI,EAWS,UAAA;AAAA,MAVP,MAAK;AAAA,MACJ,OAAKC,EAAA;AAAA;mBAAqCJ,EAAA,OAAO;AAAA,QAAUA,EAAA,2CAA2CA,EAAA,IAAI;AAAA,MAAA;MAK1G,cAAYA,EAAA;AAAA,IAAA;MAEbK,EAAwCC,GAAA;AAAA,QAA/B,MAAMN,EAAA;AAAA,QAAO,MAAMC,EAAA;AAAA,MAAA;MAChBD,EAAA,iBAAZG,EAA8D,QAA9DI,GAA8DC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaFab } from './PaFab.vue';
+export type { PaFabProps, PaFabVariant, PaFabSize } from './PaFab.vue';

package/dist/components/PaFab/index.js

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

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

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

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

@@ -0,0 +1,40 @@
+export declare function nextPaFileUploadId(): string;
+export interface PaFileUploadProps {
+    label?: string;
+    helperText?: string;
+    buttonLabel?: string;
+    chipLabel?: (file: File) => string;
+    accept?: string;
+    maxSize?: number;
+    id?: string;
+    name?: string;
+    error?: string | boolean;
+    valid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import("vue").DefineComponent<PaFileUploadProps & {
+    modelValue?: File | null;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File | null) => any;
+    invalid: (args_0: {
+        file: File;
+        reason: "maxSize" | "accept";
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<PaFileUploadProps & {
+    modelValue?: File | null;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
+    onInvalid?: ((args_0: {
+        file: File;
+        reason: "maxSize" | "accept";
+    }) => any) | undefined;
+}>, {
+    error: string | boolean;
+    disabled: boolean;
+    valid: boolean;
+    required: boolean;
+    buttonLabel: string;
+    chipLabel: (file: File) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaFileUpload/PaFileUpload.vue.js

@@ -0,0 +1,10 @@
+import o from "./PaFileUpload.vue2.js";
+import { nextPaFileUploadId as f } from "./PaFileUpload.vue2.js";
+/* empty css                  */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-3ba1b228"]]);
+export {
+  e as default,
+  f as nextPaFileUploadId
+};
+//# sourceMappingURL=PaFileUpload.vue.js.map

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

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