@semplice-studio/pa-design-system 0.1.0

package/dist/components/PaStepProgressBar/PaStepProgressBar.vue2.js

@@ -0,0 +1,116 @@
+import { defineComponent as y, openBlock as r, createElementBlock as l, normalizeClass as i, createElementVNode as o, Fragment as C, renderList as v, createBlock as m, toDisplayString as u } from "vue";
+import b from "../PaIcon/PaIcon.vue.js";
+const B = ["aria-label"], E = ["aria-current"], L = { class: "pa-step__row" }, $ = ["aria-label", "onClick"], w = {
+  key: 2,
+  class: "pa-step__number"
+}, z = ["aria-label"], A = { class: "pa-step__number" }, T = { class: "pa-step__label-wrap" }, D = { class: "pa-step__label" }, P = /* @__PURE__ */ new Set([
+  "done",
+  "current",
+  "upcoming",
+  "error"
+]), U = {
+  done: "Completato",
+  current: "Corrente",
+  error: "Errore",
+  upcoming: "Da completare"
+};
+function _(a) {
+  return a < 100 ? String(a).padStart(2, "0") : String(a);
+}
+const I = /* @__PURE__ */ y({
+  __name: "PaStepProgressBar",
+  props: {
+    steps: {},
+    currentStep: { default: 0 },
+    orientation: { default: "horizontal" },
+    label: { default: "Stepper" }
+  },
+  emits: ["select"],
+  setup(a, { emit: S }) {
+    const p = a, f = S;
+    function n(e) {
+      var c;
+      const s = (c = p.steps[e]) == null ? void 0 : c.status;
+      return s && P.has(s) ? s : e < p.currentStep ? "done" : e === p.currentStep ? "current" : "upcoming";
+    }
+    function d(e) {
+      return `Step ${_(e + 1)} — ${U[n(e)]}`;
+    }
+    function h(e) {
+      const s = n(e);
+      return s === "done" || s === "current" || s === "error";
+    }
+    function g(e, s) {
+      f("select", {
+        index: e,
+        item: p.steps[e],
+        status: n(e),
+        event: s
+      });
+    }
+    return (e, s) => (r(), l("nav", {
+      class: i([
+        "pa-step-progress-bar",
+        `pa-step-progress-bar--${a.orientation}`
+      ]),
+      "aria-label": a.label
+    }, [
+      o("ol", null, [
+        (r(!0), l(C, null, v(a.steps, (c, t) => (r(), l("li", {
+          key: t,
+          class: i(["pa-step", `pa-step--${n(t)}`]),
+          "aria-current": n(t) === "current" ? "step" : void 0
+        }, [
+          o("div", L, [
+            o("span", {
+              class: i([
+                "pa-step__line",
+                "pa-step__line--leading",
+                { "pa-step__line--hidden": t === 0 }
+              ])
+            }, null, 2),
+            h(t) ? (r(), l("button", {
+              key: 0,
+              type: "button",
+              class: "pa-step__dot",
+              "aria-label": d(t),
+              onClick: (k) => g(t, k)
+            }, [
+              n(t) === "done" ? (r(), m(b, {
+                key: 0,
+                name: "check",
+                size: "sm"
+              })) : n(t) === "error" ? (r(), m(b, {
+                key: 1,
+                name: "warning",
+                size: "sm"
+              })) : (r(), l("span", w, u(_(t + 1)), 1))
+            ], 8, $)) : (r(), l("div", {
+              key: 1,
+              class: "pa-step__dot",
+              "aria-label": d(t),
+              "aria-disabled": "true"
+            }, [
+              o("span", A, u(_(t + 1)), 1)
+            ], 8, z)),
+            o("span", {
+              class: i([
+                "pa-step__line",
+                "pa-step__line--trailing",
+                { "pa-step__line--hidden": t === a.steps.length - 1 }
+              ])
+            }, null, 2)
+          ]),
+          o("div", T, [
+            o("span", D, u(c.label), 1)
+          ])
+        ], 10, E))), 128))
+      ])
+    ], 10, B));
+  }
+});
+export {
+  I as default,
+  _ as pad2
+};
+//# sourceMappingURL=PaStepProgressBar.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaStepProgressBar.vue2.js","sources":["../../../src/components/PaStepProgressBar/PaStepProgressBar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type PaStepProgressBarStatus = 'done' | 'current' | 'upcoming' | 'error'\nexport type PaStepProgressBarOrientation = 'horizontal' | 'vertical'\n\nexport interface PaStepProgressBarItem {\n  label: string\n  status?: PaStepProgressBarStatus\n}\n\nexport interface PaStepProgressBarProps {\n  steps: PaStepProgressBarItem[]\n  currentStep?: number\n  orientation?: PaStepProgressBarOrientation\n  label?: string\n}\n\nconst VALID_STATUSES = new Set<PaStepProgressBarStatus>([\n  'done',\n  'current',\n  'upcoming',\n  'error',\n])\n\nconst STATUS_LABELS: Record<PaStepProgressBarStatus, string> = {\n  done: 'Completato',\n  current: 'Corrente',\n  error: 'Errore',\n  upcoming: 'Da completare',\n}\n\nexport function pad2(n: number): string {\n  return n < 100 ? String(n).padStart(2, '0') : String(n)\n}\n</script>\n\n<script setup lang=\"ts\">\nimport PaIcon from '../PaIcon/PaIcon.vue'\n\nconst props = withDefaults(defineProps<PaStepProgressBarProps>(), {\n  currentStep: 0,\n  orientation: 'horizontal',\n  label: 'Stepper',\n})\n\nconst emit = defineEmits<{\n  select: [payload: {\n    index: number\n    item: PaStepProgressBarItem\n    status: PaStepProgressBarStatus\n    event: MouseEvent\n  }]\n}>()\n\nfunction resolvedStatus(index: number): PaStepProgressBarStatus {\n  const explicit = props.steps[index]?.status\n  if (explicit && VALID_STATUSES.has(explicit)) return explicit\n  if (index < props.currentStep) return 'done'\n  if (index === props.currentStep) return 'current'\n  return 'upcoming'\n}\n\nfunction ariaLabel(index: number): string {\n  return `Step ${pad2(index + 1)} — ${STATUS_LABELS[resolvedStatus(index)]}`\n}\n\nfunction isClickable(index: number): boolean {\n  const s = resolvedStatus(index)\n  return s === 'done' || s === 'current' || s === 'error'\n}\n\nfunction onSelect(index: number, event: MouseEvent) {\n  emit('select', {\n    index,\n    item: props.steps[index]!,\n    status: resolvedStatus(index),\n    event,\n  })\n}\n</script>\n\n<template>\n  <nav\n    :class=\"[\n      'pa-step-progress-bar',\n      `pa-step-progress-bar--${orientation}`,\n    ]\"\n    :aria-label=\"label\"\n  >\n    <ol>\n      <li\n        v-for=\"(step, i) in steps\"\n        :key=\"i\"\n        :class=\"['pa-step', `pa-step--${resolvedStatus(i)}`]\"\n        :aria-current=\"resolvedStatus(i) === 'current' ? 'step' : undefined\"\n      >\n        <div class=\"pa-step__row\">\n          <span\n            :class=\"[\n              'pa-step__line',\n              'pa-step__line--leading',\n              { 'pa-step__line--hidden': i === 0 },\n            ]\"\n          />\n          <button\n            v-if=\"isClickable(i)\"\n            type=\"button\"\n            class=\"pa-step__dot\"\n            :aria-label=\"ariaLabel(i)\"\n            @click=\"onSelect(i, $event)\"\n          >\n            <PaIcon\n              v-if=\"resolvedStatus(i) === 'done'\"\n              name=\"check\"\n              size=\"sm\"\n            />\n            <PaIcon\n              v-else-if=\"resolvedStatus(i) === 'error'\"\n              name=\"warning\"\n              size=\"sm\"\n            />\n            <span v-else class=\"pa-step__number\">{{ pad2(i + 1) }}</span>\n          </button>\n          <div\n            v-else\n            class=\"pa-step__dot\"\n            :aria-label=\"ariaLabel(i)\"\n            aria-disabled=\"true\"\n          >\n            <span class=\"pa-step__number\">{{ pad2(i + 1) }}</span>\n          </div>\n          <span\n            :class=\"[\n              'pa-step__line',\n              'pa-step__line--trailing',\n              { 'pa-step__line--hidden': i === steps.length - 1 },\n            ]\"\n          />\n        </div>\n        <div class=\"pa-step__label-wrap\">\n          <span class=\"pa-step__label\">{{ step.label }}</span>\n        </div>\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<style scoped>\n.pa-step-progress-bar {\n  font-family: 'Inter', sans-serif;\n}\n\n.pa-step-progress-bar > ol {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.pa-step-progress-bar--horizontal > ol {\n  display: flex;\n  align-items: flex-start;\n}\n\n.pa-step-progress-bar--horizontal .pa-step {\n  flex: 1 1 0;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--pa-space-xs);\n}\n\n.pa-step-progress-bar--horizontal .pa-step__row {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.pa-step-progress-bar--horizontal .pa-step__line {\n  flex: 1 1 0;\n  height: var(--pa-border-sm);\n  background: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-step-progress-bar--horizontal .pa-step__line--hidden {\n  background: transparent;\n}\n\n.pa-step-progress-bar--horizontal .pa-step__label-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 0 var(--pa-space-xs);\n  text-align: center;\n}\n\n.pa-step-progress-bar--vertical {\n  background: var(--pa-color-bg-primary-light-40);\n  border-bottom-left-radius: var(--pa-border-md);\n  border-bottom-right-radius: var(--pa-border-md);\n  overflow: hidden;\n}\n\n.pa-step-progress-bar--vertical > ol {\n  display: flex;\n  flex-direction: column;\n}\n\n.pa-step-progress-bar--vertical .pa-step {\n  display: flex;\n  align-items: stretch;\n  gap: var(--pa-space-sm);\n  min-height: 60px;\n  padding: 0 var(--pa-space-sm);\n}\n\n.pa-step-progress-bar--vertical .pa-step__row {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 32px;\n  flex-shrink: 0;\n}\n\n.pa-step-progress-bar--vertical .pa-step__line {\n  flex: 1 1 0;\n  width: var(--pa-border-sm);\n  background: var(--pa-color-bg-disabled-gray);\n}\n\n.pa-step-progress-bar--vertical .pa-step__line--hidden {\n  background: transparent;\n}\n\n.pa-step-progress-bar--vertical .pa-step__label-wrap {\n  flex: 1 1 0;\n  display: flex;\n  align-items: center;\n  text-align: left;\n}\n\n.pa-step__dot {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.pa-step--done .pa-step__dot {\n  background: var(--pa-color-success);\n  color: var(--pa-color-text-white);\n}\n\n.pa-step--current .pa-step__dot {\n  background: var(--pa-color-primary);\n  color: var(--pa-color-text-white);\n}\n\n.pa-step--error .pa-step__dot {\n  background: var(--pa-color-error);\n  color: var(--pa-color-text-white);\n}\n\n.pa-step--upcoming .pa-step__dot {\n  background: var(--pa-color-bg-disabled-gray);\n  color: var(--pa-color-text-disabled-gray);\n  cursor: default;\n}\n\nbutton.pa-step__dot {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  font: inherit;\n  cursor: pointer;\n}\n\nbutton.pa-step__dot:hover {\n  filter: brightness(0.95);\n}\n\nbutton.pa-step__dot:focus { outline: none; }\n\nbutton.pa-step__dot:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-step__number {\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 22px;\n}\n\n.pa-step__label {\n  font-family: 'Inter', sans-serif;\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 400;\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-step--current .pa-step__label {\n  font-weight: 600;\n}\n</style>\n"],"names":["VALID_STATUSES","STATUS_LABELS","pad2","n","props","__props","emit","__emit","resolvedStatus","index","explicit","_a","ariaLabel","isClickable","onSelect","event","_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_Fragment","_renderList","step","i","_hoisted_3","$event","_createBlock","PaIcon","_hoisted_5","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default as PaStepProgressBar } from './PaStepProgressBar.vue';
+export type { PaStepProgressBarProps, PaStepProgressBarItem, PaStepProgressBarStatus, PaStepProgressBarOrientation, } from './PaStepProgressBar.vue';

package/dist/components/PaStepProgressBar/index.js

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

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

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

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

@@ -0,0 +1,19 @@
+import type { PaIconName } from '../PaIcon';
+export interface PaTabProps {
+    id: string;
+    label: string;
+    icon?: PaIconName;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaTabProps> & Readonly<{}>, {
+    disabled: boolean;
+    icon: PaIconName;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaTab/PaTab.vue.js

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

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

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

package/dist/components/PaTab/PaTab.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as d, inject as n, onMounted as s, watch as r, onBeforeUnmount as b, unref as t, openBlock as c, createElementBlock as u, renderSlot as f, createCommentVNode as _ } from "vue";
+import { PaTabsKey as m } from "../PaTabs/PaTabs.vue2.js";
+const p = ["id", "aria-labelledby"], B = /* @__PURE__ */ d({
+  __name: "PaTab",
+  props: {
+    id: {},
+    label: {},
+    icon: { default: void 0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const a = l, e = n(m, null);
+    e === null && console.warn("[PaTab] must be nested inside <PaTabs>");
+    function i() {
+      return {
+        id: a.id,
+        label: a.label,
+        icon: a.icon,
+        disabled: a.disabled
+      };
+    }
+    return s(() => {
+      e == null || e.register(i());
+    }), r(
+      () => [a.label, a.icon, a.disabled],
+      () => e == null ? void 0 : e.register(i())
+    ), b(() => {
+      e == null || e.unregister(a.id);
+    }), (o, y) => t(e) && t(e).isActive(a.id) ? (c(), u("div", {
+      key: 0,
+      role: "tabpanel",
+      class: "pa-tab__panel",
+      id: `${t(e).tabsetId}__panel-${a.id}`,
+      "aria-labelledby": `${t(e).tabsetId}__tab-${a.id}`,
+      tabindex: "0"
+    }, [
+      f(o.$slots, "default", {}, void 0, !0)
+    ], 8, p)) : _("", !0);
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=PaTab.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaTab.vue2.js","sources":["../../../src/components/PaTab/PaTab.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PaIconName } from '../PaIcon'\n\nexport interface PaTabProps {\n  id: string\n  label: string\n  icon?: PaIconName\n  disabled?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, onMounted, watch } from 'vue'\nimport { PaTabsKey } from '../PaTabs/PaTabs.vue'\n\nconst props = withDefaults(defineProps<PaTabProps>(), {\n  icon: undefined,\n  disabled: false,\n})\n\nconst parent = inject(PaTabsKey, null)\n\nif (parent === null) {\n  console.warn('[PaTab] must be nested inside <PaTabs>')\n}\n\nfunction descriptor() {\n  return {\n    id: props.id,\n    label: props.label,\n    icon: props.icon,\n    disabled: props.disabled,\n  }\n}\n\nonMounted(() => {\n  parent?.register(descriptor())\n})\n\nwatch(\n  () => [props.label, props.icon, props.disabled],\n  () => parent?.register(descriptor()),\n)\n\nonBeforeUnmount(() => {\n  parent?.unregister(props.id)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"parent && parent.isActive(props.id)\"\n    role=\"tabpanel\"\n    class=\"pa-tab__panel\"\n    :id=\"`${parent.tabsetId}__panel-${props.id}`\"\n    :aria-labelledby=\"`${parent.tabsetId}__tab-${props.id}`\"\n    tabindex=\"0\"\n  >\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.pa-tab__panel:focus-visible {\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n</style>\n"],"names":["props","__props","parent","inject","PaTabsKey","descriptor","onMounted","watch","onBeforeUnmount","_unref","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAeA,UAAMA,IAAQC,GAKRC,IAASC,EAAOC,GAAW,IAAI;AAErC,IAAIF,MAAW,QACb,QAAQ,KAAK,wCAAwC;AAGvD,aAASG,IAAa;AACpB,aAAO;AAAA,QACL,IAAIL,EAAM;AAAA,QACV,OAAOA,EAAM;AAAA,QACb,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,MAAA;AAAA,IAEpB;AAEA,WAAAM,EAAU,MAAM;AACd,MAAAJ,KAAA,QAAAA,EAAQ,SAASG;IACnB,CAAC,GAEDE;AAAA,MACE,MAAM,CAACP,EAAM,OAAOA,EAAM,MAAMA,EAAM,QAAQ;AAAA,MAC9C,MAAME,KAAA,gBAAAA,EAAQ,SAASG,EAAA;AAAA,IAAY,GAGrCG,EAAgB,MAAM;AACpB,MAAAN,KAAA,QAAAA,EAAQ,WAAWF,EAAM;AAAA,IAC3B,CAAC,aAKSS,EAAAP,CAAA,KAAUO,EAAAP,CAAA,EAAO,SAASF,EAAM,EAAE,UAD1CU,EASM,OAAA;AAAA;MAPJ,MAAK;AAAA,MACL,OAAM;AAAA,MACL,OAAOD,EAAAP,CAAA,EAAO,QAAQ,WAAWF,EAAM,EAAE;AAAA,MACzC,sBAAoBS,EAAAP,CAAA,EAAO,QAAQ,SAASF,EAAM,EAAE;AAAA,MACrD,UAAS;AAAA,IAAA;MAETW,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}

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

@@ -0,0 +1,2 @@
+export { default as PaTab } from './PaTab.vue';
+export type { PaTabProps } from './PaTab.vue';

package/dist/components/PaTab/index.js

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

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

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

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

@@ -0,0 +1,40 @@
+export type PaTableCellValue = string | number | null | undefined;
+export type PaTableAlign = 'left' | 'right' | 'center';
+export interface PaTableColumn {
+    key: string;
+    label: string;
+    align?: PaTableAlign;
+    width?: string;
+}
+export interface PaTableProps {
+    columns: PaTableColumn[];
+    rows: Record<string, PaTableCellValue>[];
+    label?: string;
+    selectable?: boolean;
+    selectedRowIds?: string[];
+    rowId?: (row: Record<string, PaTableCellValue>, index: number) => string;
+    selectionLabel?: (row: Record<string, PaTableCellValue>, index: number) => string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedRowIds": (ids: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<PaTableProps> & Readonly<{
+    "onUpdate:selectedRowIds"?: ((ids: string[]) => any) | undefined;
+}>, {
+    label: string;
+    selectable: boolean;
+    selectedRowIds: string[];
+    rowId: (row: Record<string, PaTableCellValue>, index: number) => string;
+    selectionLabel: (row: Record<string, PaTableCellValue>, index: number) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: `cell-${string}`]: ((props: {
+        row: Record<string, PaTableCellValue>;
+        value: PaTableCellValue;
+        index: number;
+    }) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaTable/PaTable.vue.js

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

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

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

package/dist/components/PaTable/PaTable.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent as w, openBlock as l, createElementBlock as a, createElementVNode as c, createCommentVNode as b, Fragment as r, renderList as u, normalizeStyle as g, normalizeClass as m, toDisplayString as h, createVNode as I, renderSlot as R, createTextVNode as S } from "vue";
+import v from "../PaCheckbox/PaCheckbox.vue.js";
+const V = { class: "pa-table" }, C = { class: "pa-table__scroll" }, L = ["aria-label"], N = {
+  key: 0,
+  class: "pa-table__col pa-table__col--selection"
+}, $ = { class: "pa-table__thead" }, z = { class: "pa-table__tr pa-table__tr--head" }, B = {
+  key: 0,
+  scope: "col",
+  class: "pa-table__th pa-table__th--selection"
+}, F = { class: "pa-table__tbody" }, E = {
+  key: 0,
+  class: "pa-table__td pa-table__td--selection"
+}, P = (t, d) => String(d), T = (t, d) => "Seleziona riga", j = /* @__PURE__ */ w({
+  __name: "PaTable",
+  props: {
+    columns: {},
+    rows: {},
+    label: { default: void 0 },
+    selectable: { type: Boolean, default: !1 },
+    selectedRowIds: { default: () => [] },
+    rowId: { type: Function, default: () => P },
+    selectionLabel: { type: Function, default: () => T }
+  },
+  emits: ["update:selectedRowIds"],
+  setup(t, { emit: d }) {
+    const i = t, y = d;
+    function f(s) {
+      return s == null ? "" : String(s);
+    }
+    function p(s) {
+      return i.selectedRowIds.includes(s);
+    }
+    function k(s, _) {
+      const e = _ ? [...i.selectedRowIds, s] : i.selectedRowIds.filter((o) => o !== s);
+      y("update:selectedRowIds", e);
+    }
+    return (s, _) => (l(), a("div", V, [
+      c("div", C, [
+        c("table", {
+          class: "pa-table__el",
+          "aria-label": t.label
+        }, [
+          c("colgroup", null, [
+            t.selectable ? (l(), a("col", N)) : b("", !0),
+            (l(!0), a(r, null, u(t.columns, (e) => (l(), a("col", {
+              key: e.key,
+              class: "pa-table__col",
+              style: g(e.width ? { width: e.width } : void 0)
+            }, null, 4))), 128))
+          ]),
+          c("thead", $, [
+            c("tr", z, [
+              t.selectable ? (l(), a("th", B)) : b("", !0),
+              (l(!0), a(r, null, u(t.columns, (e) => (l(), a("th", {
+                key: e.key,
+                scope: "col",
+                class: m(["pa-table__th", `pa-table__th--align-${e.align ?? "left"}`])
+              }, h(e.label), 3))), 128))
+            ])
+          ]),
+          c("tbody", F, [
+            (l(!0), a(r, null, u(t.rows, (e, o) => (l(), a("tr", {
+              key: t.rowId(e, o),
+              class: "pa-table__tr pa-table__tr--body"
+            }, [
+              t.selectable ? (l(), a("td", E, [
+                I(v, {
+                  "model-value": p(t.rowId(e, o)),
+                  "aria-label": t.selectionLabel(e, o),
+                  "onUpdate:modelValue": (n) => k(t.rowId(e, o), n)
+                }, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"])
+              ])) : b("", !0),
+              (l(!0), a(r, null, u(t.columns, (n) => (l(), a("td", {
+                key: n.key,
+                class: m(["pa-table__td", `pa-table__td--align-${n.align ?? "left"}`])
+              }, [
+                R(s.$slots, `cell-${n.key}`, {
+                  row: e,
+                  value: e[n.key],
+                  index: o
+                }, () => [
+                  S(h(f(e[n.key])), 1)
+                ], !0)
+              ], 2))), 128))
+            ]))), 128))
+          ])
+        ], 8, L)
+      ])
+    ]));
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=PaTable.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaTable.vue2.js","sources":["../../../src/components/PaTable/PaTable.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type PaTableCellValue = string | number | null | undefined\nexport type PaTableAlign = 'left' | 'right' | 'center'\n\nexport interface PaTableColumn {\n  key: string\n  label: string\n  align?: PaTableAlign\n  width?: string\n}\n\nexport interface PaTableProps {\n  columns: PaTableColumn[]\n  rows: Record<string, PaTableCellValue>[]\n  label?: string\n  selectable?: boolean\n  selectedRowIds?: string[]\n  rowId?: (row: Record<string, PaTableCellValue>, index: number) => string\n  selectionLabel?: (row: Record<string, PaTableCellValue>, index: number) => string\n}\n\nconst defaultRowId = (_row: Record<string, PaTableCellValue>, index: number) => String(index)\nconst defaultSelectionLabel = (_row: Record<string, PaTableCellValue>, _index: number) => 'Seleziona riga'\n</script>\n\n<script setup lang=\"ts\">\nimport PaCheckbox from '../PaCheckbox/PaCheckbox.vue'\n\nconst props = withDefaults(defineProps<PaTableProps>(), {\n  label: undefined,\n  selectable: false,\n  selectedRowIds: () => [],\n  rowId: () => defaultRowId,\n  selectionLabel: () => defaultSelectionLabel,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:selectedRowIds', ids: string[]): void\n}>()\n\nfunction formatCell(value: PaTableCellValue): string {\n  return value == null ? '' : String(value)\n}\n\nfunction isSelected(id: string): boolean {\n  return props.selectedRowIds.includes(id)\n}\n\nfunction toggleRow(id: string, next: boolean): void {\n  const updated = next\n    ? [...props.selectedRowIds, id]\n    : props.selectedRowIds.filter(x => x !== id)\n  emit('update:selectedRowIds', updated)\n}\n</script>\n\n<template>\n  <div class=\"pa-table\">\n    <div class=\"pa-table__scroll\">\n      <table class=\"pa-table__el\" :aria-label=\"label\">\n        <colgroup>\n          <col v-if=\"selectable\" class=\"pa-table__col pa-table__col--selection\" />\n          <col\n            v-for=\"col in columns\"\n            :key=\"col.key\"\n            class=\"pa-table__col\"\n            :style=\"col.width ? { width: col.width } : undefined\"\n          />\n        </colgroup>\n        <thead class=\"pa-table__thead\">\n          <tr class=\"pa-table__tr pa-table__tr--head\">\n            <th\n              v-if=\"selectable\"\n              scope=\"col\"\n              class=\"pa-table__th pa-table__th--selection\"\n            ></th>\n            <th\n              v-for=\"col in columns\"\n              :key=\"col.key\"\n              scope=\"col\"\n              class=\"pa-table__th\"\n              :class=\"`pa-table__th--align-${col.align ?? 'left'}`\"\n            >{{ col.label }}</th>\n          </tr>\n        </thead>\n        <tbody class=\"pa-table__tbody\">\n          <tr\n            v-for=\"(row, index) in rows\"\n            :key=\"rowId(row, index)\"\n            class=\"pa-table__tr pa-table__tr--body\"\n          >\n            <td v-if=\"selectable\" class=\"pa-table__td pa-table__td--selection\">\n              <PaCheckbox\n                :model-value=\"isSelected(rowId(row, index))\"\n                :aria-label=\"selectionLabel(row, index)\"\n                @update:model-value=\"toggleRow(rowId(row, index), $event)\"\n              />\n            </td>\n            <td\n              v-for=\"col in columns\"\n              :key=\"col.key\"\n              class=\"pa-table__td\"\n              :class=\"`pa-table__td--align-${col.align ?? 'left'}`\"\n            >\n              <slot\n                :name=\"`cell-${col.key}`\"\n                :row=\"row\"\n                :value=\"row[col.key]\"\n                :index=\"index\"\n              >{{ formatCell(row[col.key]) }}</slot>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-table {\n  font-family: var(--pa-font-family-base);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-table__scroll {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.pa-table__el {\n  width: 100%;\n  border-collapse: collapse;\n  table-layout: auto;\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-table__thead {\n  background: var(--pa-color-bg-primary-dark-110);\n}\n\n.pa-table__th {\n  height: 72px;\n  padding: 0 var(--pa-space-sm);\n  border: 1px solid var(--pa-color-bg-primary-light-50);\n  color: var(--pa-color-text-white);\n  text-align: left;\n  vertical-align: middle;\n}\n\n.pa-table__th--align-right  { text-align: right; }\n.pa-table__th--align-center { text-align: center; }\n\n.pa-table__tr--body {\n  background: var(--pa-color-bg-white);\n}\n\n.pa-table__td {\n  height: 76px;\n  padding: 0 var(--pa-space-sm);\n  border: 1px solid var(--pa-color-bg-primary-light-50);\n  vertical-align: middle;\n  text-align: left;\n}\n\n.pa-table__td--align-right  { text-align: right; }\n.pa-table__td--align-center { text-align: center; }\n\n.pa-table__th--selection,\n.pa-table__td--selection {\n  width: 56px;\n  padding: 0 var(--pa-space-sm);\n  text-align: center;\n}\n</style>\n"],"names":["defaultRowId","_row","index","defaultSelectionLabel","_index","props","__props","emit","__emit","formatCell","value","isSelected","id","toggleRow","next","updated","x","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_4","_Fragment","_renderList","col","_normalizeStyle","_hoisted_5","_hoisted_6","_hoisted_7","_normalizeClass","_toDisplayString","_hoisted_8","row","_hoisted_9","_createVNode","PaCheckbox","$event","_renderSlot","_ctx","_createTextVNode"],"mappings":";;;;;;;;;;;;GAqBMA,IAAe,CAACC,GAAwCC,MAAkB,OAAOA,CAAK,GACtFC,IAAwB,CAACF,GAAwCG,MAAmB;;;;;;;;;;;;;AAM1F,UAAMC,IAAQC,GAQRC,IAAOC;AAIb,aAASC,EAAWC,GAAiC;AACnD,aAAOA,KAAS,OAAO,KAAK,OAAOA,CAAK;AAAA,IAC1C;AAEA,aAASC,EAAWC,GAAqB;AACvC,aAAOP,EAAM,eAAe,SAASO,CAAE;AAAA,IACzC;AAEA,aAASC,EAAUD,GAAYE,GAAqB;AAClD,YAAMC,IAAUD,IACZ,CAAC,GAAGT,EAAM,gBAAgBO,CAAE,IAC5BP,EAAM,eAAe,OAAO,CAAAW,MAAKA,MAAMJ,CAAE;AAC7C,MAAAL,EAAK,yBAAyBQ,CAAO;AAAA,IACvC;sBAIEE,EAAA,GAAAC,EA0DM,OA1DNC,GA0DM;AAAA,MAzDJC,EAwDM,OAxDNC,GAwDM;AAAA,QAvDJD,EAsDQ,SAAA;AAAA,UAtDD,OAAM;AAAA,UAAgB,cAAYd,EAAA;AAAA,QAAA;UACvCc,EAQW,YAAA,MAAA;AAAA,YAPEd,EAAA,cAAXW,EAAA,GAAAC,EAAwE,OAAxEI,CAAwE;oBACxEJ,EAKEK,GAAA,MAAAC,EAJclB,EAAA,SAAO,CAAdmB,YADTP,EAKE,OAAA;AAAA,cAHC,KAAKO,EAAI;AAAA,cACV,OAAM;AAAA,cACL,OAAKC,EAAED,EAAI,iBAAiBA,EAAI,MAAA,IAAU,MAAS;AAAA,YAAA;;UAGxDL,EAeQ,SAfRO,GAeQ;AAAA,YAdNP,EAaK,MAbLQ,GAaK;AAAA,cAXKtB,EAAA,cADRW,EAAA,GAAAC,EAIM,MAJNW,CAIM;sBACNX,EAMqBK,GAAA,MAAAC,EALLlB,EAAA,SAAO,CAAdmB,YADTP,EAMqB,MAAA;AAAA,gBAJlB,KAAKO,EAAI;AAAA,gBACV,OAAM;AAAA,gBACN,OAAKK,EAAA,CAAC,gBAAc,uBACWL,EAAI,SAAK,MAAA,EAAA,CAAA;AAAA,cAAA,GACtCM,EAAAN,EAAI,KAAK,GAAA,CAAA;;;UAGjBL,EA2BQ,SA3BRY,GA2BQ;AAAA,aA1BNf,EAAA,EAAA,GAAAC,EAyBKK,GAAA,MAAAC,EAxBoBlB,EAAA,MAAI,CAAnB2B,GAAK/B,YADfgB,EAyBK,MAAA;AAAA,cAvBF,KAAKZ,EAAA,MAAM2B,GAAK/B,CAAK;AAAA,cACtB,OAAM;AAAA,YAAA;cAEII,EAAA,cAAVW,EAAA,GAAAC,EAMK,MANLgB,GAMK;AAAA,gBALHC,EAIEC,GAAA;AAAA,kBAHC,eAAazB,EAAWL,QAAM2B,GAAK/B,CAAK,CAAA;AAAA,kBACxC,cAAYI,EAAA,eAAe2B,GAAK/B,CAAK;AAAA,kBACrC,uBAAkB,CAAAmC,MAAExB,EAAUP,EAAA,MAAM2B,GAAK/B,CAAK,GAAGmC,CAAM;AAAA,gBAAA;;sBAG5DnB,EAYKK,GAAA,MAAAC,EAXWlB,EAAA,SAAO,CAAdmB,YADTP,EAYK,MAAA;AAAA,gBAVF,KAAKO,EAAI;AAAA,gBACV,OAAKK,EAAA,CAAC,gBAAc,uBACWL,EAAI,SAAK,MAAA,EAAA,CAAA;AAAA,cAAA;gBAExCa,EAKsCC,EAAA,QAAA,QAJrBd,EAAI,GAAG,IAAA;AAAA,kBACrB,KAAAQ;AAAA,kBACA,OAAOA,EAAIR,EAAI,GAAG;AAAA,kBAClB,OAAAvB;AAAA,gBAAA,GAJH,MAKsC;AAAA,kBAAlCsC,EAAAT,EAAAtB,EAAWwB,EAAIR,EAAI,GAAG,CAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+export { default as PaTable } from './PaTable.vue';
+export type { PaTableProps, PaTableColumn, PaTableAlign, PaTableCellValue, } from './PaTable.vue';

package/dist/components/PaTable/index.js

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

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

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

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

@@ -0,0 +1,47 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+import type { PaIconName } from '../PaIcon';
+export type PaTabsVariant = 'line' | 'background';
+export interface PaTabsTab {
+    id: string;
+    label: string;
+    icon?: PaIconName;
+    disabled?: boolean;
+}
+export interface PaTabsProps {
+    tabs?: PaTabsTab[];
+    activeId?: string;
+    variant?: PaTabsVariant;
+    label?: string;
+}
+export interface PaTabsContext {
+    variant: ComputedRef<PaTabsVariant>;
+    activeId: ComputedRef<string | undefined>;
+    tabsetId: string;
+    register(descriptor: PaTabsTab): void;
+    unregister(id: string): void;
+    isActive(id: string): boolean;
+    activate(id: string): void;
+}
+export declare const PaTabsKey: InjectionKey<PaTabsContext>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:activeId": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<PaTabsProps> & Readonly<{
+    "onUpdate:activeId"?: ((id: string) => any) | undefined;
+}>, {
+    variant: PaTabsVariant;
+    label: string;
+    tabs: PaTabsTab[];
+    activeId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: `panel-${string}`]: ((props: {
+        tab: PaTabsTab;
+    }) => any) | undefined;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaTabs/PaTabs.vue.js

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

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

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

package/dist/components/PaTabs/PaTabs.vue2.js

@@ -0,0 +1,154 @@
+import { defineComponent as D, useSlots as S, ref as z, computed as r, provide as L, onMounted as N, openBlock as c, createElementBlock as p, createElementVNode as u, normalizeClass as w, Fragment as V, renderList as F, createBlock as H, createCommentVNode as k, toDisplayString as M, renderSlot as P, nextTick as R } from "vue";
+import j from "../PaIcon/PaIcon.vue.js";
+const q = { class: "pa-tabs" }, G = ["aria-label"], J = ["id", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick", "onKeydown"], O = { class: "pa-tabs__tab-content" }, Q = { class: "pa-tabs__tab-label" }, U = { class: "pa-tabs__panels" }, W = ["id", "aria-labelledby"], X = Symbol("PaTabsKey");
+let Y = 0;
+const ae = /* @__PURE__ */ D({
+  __name: "PaTabs",
+  props: {
+    tabs: { default: () => [] },
+    activeId: { default: void 0 },
+    variant: { default: "line" },
+    label: { default: void 0 }
+  },
+  emits: ["update:activeId"],
+  setup(b, { emit: T }) {
+    const v = b, I = T, _ = S(), m = `pa-tabs-${++Y}`, s = z([]), f = r(() => (v.tabs ?? []).length > 0), d = r(
+      () => f.value ? v.tabs ?? [] : s.value
+    ), l = r(() => {
+      var a;
+      const e = d.value, t = v.activeId;
+      if (t) {
+        const i = e.find((n) => n.id === t);
+        if (i && !i.disabled) return i.id;
+      }
+      return (a = e.find((i) => !i.disabled)) == null ? void 0 : a.id;
+    }), o = r(
+      () => d.value.find((e) => e.id === l.value)
+    );
+    function h(e) {
+      return `${m}__tab-${e}`;
+    }
+    function $(e) {
+      return `${m}__panel-${e}`;
+    }
+    function x(e) {
+      return l.value === e;
+    }
+    function y(e) {
+      const t = d.value.find((a) => a.id === e);
+      !t || t.disabled || t.id !== l.value && I("update:activeId", t.id);
+    }
+    function A(e) {
+      y(e.id);
+    }
+    function C(e) {
+      R(() => {
+        const t = document.getElementById(h(e));
+        t == null || t.focus();
+      });
+    }
+    function E(e, t) {
+      const a = d.value.filter((g) => !g.disabled);
+      if (a.length === 0) return;
+      const i = a.findIndex((g) => g.id === t.id);
+      let n;
+      switch (e.key) {
+        case "ArrowRight":
+          n = a[(i + 1 + a.length) % a.length];
+          break;
+        case "ArrowLeft":
+          n = a[(i - 1 + a.length) % a.length];
+          break;
+        case "Home":
+          n = a[0];
+          break;
+        case "End":
+          n = a[a.length - 1];
+          break;
+        case " ":
+        case "Enter":
+          e.preventDefault(), y(t.id);
+          return;
+        default:
+          return;
+      }
+      e.preventDefault(), n && (n.id !== l.value && I("update:activeId", n.id), C(n.id));
+    }
+    function K(e) {
+      const t = s.value.findIndex((a) => a.id === e.id);
+      t >= 0 ? s.value.splice(t, 1, e) : s.value.push(e);
+    }
+    function B(e) {
+      s.value = s.value.filter((t) => t.id !== e);
+    }
+    return L(X, {
+      variant: r(() => v.variant),
+      activeId: l,
+      tabsetId: m,
+      register: K,
+      unregister: B,
+      isActive: x,
+      activate: y
+    }), N(() => {
+      var t;
+      if (!f.value) return;
+      const e = (t = _.default) == null ? void 0 : t.call(_);
+      e && e.length > 0 && console.warn(
+        "[PaTabs] cannot mix array API (`tabs` prop) with composition API (<PaTab> children). Pick one — the array API wins."
+      );
+    }), (e, t) => (c(), p("div", q, [
+      u("div", {
+        class: w(["pa-tabs__strip", `pa-tabs__strip--variant-${b.variant}`]),
+        role: "tablist",
+        "aria-label": b.label,
+        "aria-orientation": "horizontal"
+      }, [
+        (c(!0), p(V, null, F(d.value, (a) => (c(), p("button", {
+          key: a.id,
+          type: "button",
+          role: "tab",
+          class: w(["pa-tabs__tab", `pa-tabs__tab--variant-${b.variant}`]),
+          id: h(a.id),
+          "aria-selected": a.id === l.value,
+          "aria-controls": $(a.id),
+          "aria-disabled": a.disabled || void 0,
+          tabindex: a.id === l.value ? 0 : -1,
+          disabled: a.disabled,
+          onClick: (i) => A(a),
+          onKeydown: (i) => E(i, a)
+        }, [
+          t[0] || (t[0] = u("span", {
+            class: "pa-tabs__tab-accent",
+            "aria-hidden": "true"
+          }, null, -1)),
+          u("span", O, [
+            a.icon ? (c(), H(j, {
+              key: 0,
+              name: a.icon,
+              size: "sm"
+            }, null, 8, ["name"])) : k("", !0),
+            u("span", Q, M(a.label), 1)
+          ])
+        ], 42, J))), 128))
+      ], 10, G),
+      u("div", U, [
+        f.value && o.value ? (c(), p("div", {
+          key: 0,
+          role: "tabpanel",
+          class: "pa-tabs__panel",
+          id: $(o.value.id),
+          "aria-labelledby": h(o.value.id),
+          tabindex: "0"
+        }, [
+          P(e.$slots, `panel-${o.value.id}`, { tab: o.value }, void 0, !0)
+        ], 8, W)) : k("", !0),
+        f.value ? k("", !0) : P(e.$slots, "default", { key: 1 }, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  X as PaTabsKey,
+  ae as default
+};
+//# sourceMappingURL=PaTabs.vue2.js.map