@semplice-studio/pa-design-system 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaPagination.vue2.js","sources":["../../../src/components/PaPagination/PaPagination.vue"],"sourcesContent":["<script lang=\"ts\">\nlet paginationUid = 0\nfunction nextPaginationId() {\n  return ++paginationUid\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport PaIcon from '../PaIcon/PaIcon.vue'\nimport PaSelect, { type PaSelectOption } from '../PaSelect/PaSelect.vue'\nimport { pageWindow } from './usePageWindow'\n\nexport type PaPaginationVariant = 'cursor-number' | 'items-page'\n\nexport interface PaPaginationProps {\n  variant?: PaPaginationVariant\n  currentPage?: number\n  totalItems: number\n  pageSize?: number\n  pageSizeOptions?: number[]\n  disabled?: boolean\n  label?: string\n  previousLabel?: string\n  nextLabel?: string\n  pageLabel?: (page: number) => string\n  itemsPerPageLabel?: string\n  rangeSeparator?: string\n  itemsLabel?: string\n  pagesLabel?: string\n}\n\nconst props = withDefaults(defineProps<PaPaginationProps>(), {\n  variant: 'cursor-number',\n  currentPage: 1,\n  pageSize: 10,\n  pageSizeOptions: () => [10, 25, 50, 100],\n  disabled: false,\n  label: 'Paginazione',\n  previousLabel: 'Pagina precedente',\n  nextLabel: 'Pagina successiva',\n  pageLabel: (page: number) => `Vai alla pagina ${page}`,\n  itemsPerPageLabel: 'Elementi per pagina:',\n  rangeSeparator: 'di',\n  itemsLabel: 'Elementi',\n  pagesLabel: 'Pagine',\n})\n\nconst emit = defineEmits<{\n  'update:currentPage': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst instanceId = nextPaginationId()\nconst itemsSelectId = `pa-pagination-${instanceId}__items-select`\nconst pageSelectId = `pa-pagination-${instanceId}__page-select`\n\nconst totalPages = computed(() =>\n  props.totalItems <= 0 || props.pageSize <= 0\n    ? 0\n    : Math.ceil(props.totalItems / props.pageSize),\n)\n\nconst clampedCurrent = computed(() =>\n  totalPages.value === 0\n    ? 0\n    : Math.max(1, Math.min(props.currentPage, totalPages.value)),\n)\n\nconst entries = computed(() => pageWindow(clampedCurrent.value, totalPages.value))\n\nconst isPrevDisabled = computed(\n  () => props.disabled || clampedCurrent.value <= 1 || totalPages.value === 0,\n)\nconst isNextDisabled = computed(\n  () =>\n    props.disabled ||\n    clampedCurrent.value >= totalPages.value ||\n    totalPages.value === 0,\n)\n\nconst rangeStart = computed(() =>\n  totalPages.value === 0 ? 0 : (clampedCurrent.value - 1) * props.pageSize + 1,\n)\nconst rangeEnd = computed(() =>\n  totalPages.value === 0\n    ? 0\n    : Math.min(clampedCurrent.value * props.pageSize, props.totalItems),\n)\n\nconst pageSizeSelectOptions = computed<PaSelectOption[]>(() => {\n  const merged = new Set<number>(props.pageSizeOptions)\n  merged.add(props.pageSize)\n  return [...merged]\n    .filter((n) => n > 0)\n    .sort((a, b) => a - b)\n    .map((n) => ({ value: String(n), label: String(n) }))\n})\n\nconst pageJumperOptions = computed<PaSelectOption[]>(() =>\n  Array.from({ length: totalPages.value }, (_, i) => ({\n    value: String(i + 1),\n    label: String(i + 1),\n  })),\n)\n\nconst pageSizeModel = computed(() => String(props.pageSize))\nconst currentPageModel = computed(() => String(clampedCurrent.value))\n\nconst onTileClick = (page: number) => {\n  if (props.disabled) return\n  if (page === clampedCurrent.value) return\n  emit('update:currentPage', page)\n}\n\nconst onPrev = () => {\n  if (isPrevDisabled.value) return\n  emit('update:currentPage', clampedCurrent.value - 1)\n}\n\nconst onNext = () => {\n  if (isNextDisabled.value) return\n  emit('update:currentPage', clampedCurrent.value + 1)\n}\n\nconst onPageSizeChange = (value: string) => {\n  if (props.disabled) return\n  const n = Number(value)\n  if (!Number.isFinite(n) || n <= 0) return\n  emit('update:pageSize', n)\n}\n\nconst onPageJumperChange = (value: string) => {\n  if (props.disabled) return\n  const n = Number(value)\n  if (!Number.isFinite(n) || n < 1 || n > totalPages.value) return\n  emit('update:currentPage', n)\n}\n</script>\n\n<template>\n  <nav v-if=\"totalPages > 0 && variant === 'cursor-number'\"\n       class=\"pa-pagination pa-pagination--cursor-number\"\n       :aria-label=\"label\">\n    <ul class=\"pa-pagination__list\">\n      <li>\n        <button type=\"button\"\n                class=\"pa-pagination__caret\"\n                :aria-label=\"previousLabel\"\n                :aria-disabled=\"isPrevDisabled ? 'true' : undefined\"\n                :tabindex=\"isPrevDisabled ? -1 : 0\"\n                @click=\"onPrev\">\n          <PaIcon name=\"caret-left\"\n                  size=\"sm\" />\n        </button>\n      </li>\n      <template v-for=\"(entry, idx) in entries\"\n                :key=\"`${entry}-${idx}`\">\n        <li v-if=\"entry === 'ellipsis'\"\n            class=\"pa-pagination__ellipsis\"\n            aria-hidden=\"true\">\n          ..\n        </li>\n        <li v-else>\n          <button type=\"button\"\n                  class=\"pa-pagination__tile\"\n                  :class=\"{\n                    'pa-pagination__tile--current': entry === clampedCurrent,\n                    'pa-pagination__tile--disabled': disabled,\n                  }\"\n                  :aria-label=\"pageLabel(entry)\"\n                  :aria-current=\"entry === clampedCurrent ? 'page' : undefined\"\n                  :aria-disabled=\"disabled ? 'true' : undefined\"\n                  :tabindex=\"disabled ? -1 : 0\"\n                  @click=\"onTileClick(entry)\">\n            {{ entry }}\n          </button>\n        </li>\n      </template>\n      <li>\n        <button type=\"button\"\n                class=\"pa-pagination__caret\"\n                :aria-label=\"nextLabel\"\n                :aria-disabled=\"isNextDisabled ? 'true' : undefined\"\n                :tabindex=\"isNextDisabled ? -1 : 0\"\n                @click=\"onNext\">\n          <PaIcon name=\"caret-right\"\n                  size=\"sm\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n\n  <nav v-else-if=\"totalPages > 0 && variant === 'items-page'\"\n       class=\"pa-pagination pa-pagination--items-page\"\n       :aria-label=\"label\">\n    <div class=\"pa-pagination__items-block\">\n      <label :for=\"itemsSelectId\"\n             class=\"pa-pagination__field-label\">\n        {{ itemsPerPageLabel }}\n      </label>\n      <PaSelect :id=\"itemsSelectId\"\n                :model-value=\"pageSizeModel\"\n                :options=\"pageSizeSelectOptions\"\n                :disabled=\"disabled\"\n                size=\"lg\"\n                class=\"pa-pagination__select\"\n                @update:model-value=\"onPageSizeChange\" />\n      <span class=\"pa-pagination__range\">\n        <span class=\"pa-pagination__num\">{{ rangeStart }} - {{ rangeEnd }}</span>\n        <span>{{ rangeSeparator }}</span>\n        <span class=\"pa-pagination__num\">{{ totalItems }}</span>\n        <span>{{ itemsLabel }}</span>\n      </span>\n    </div>\n    <span class=\"pa-pagination__divider\"\n          aria-hidden=\"true\" />\n    <div class=\"pa-pagination__page-block\">\n      <PaSelect :id=\"pageSelectId\"\n                :model-value=\"currentPageModel\"\n                :options=\"pageJumperOptions\"\n                :disabled=\"disabled\"\n                size=\"lg\"\n                class=\"pa-pagination__select\"\n                @update:model-value=\"onPageJumperChange\" />\n      <span class=\"pa-pagination__range\">\n        <span>{{ rangeSeparator }}</span>\n        <span class=\"pa-pagination__num\">{{ totalPages }}</span>\n        <span>{{ pagesLabel }}</span>\n      </span>\n      <button type=\"button\"\n              class=\"pa-pagination__caret\"\n              :aria-label=\"previousLabel\"\n              :aria-disabled=\"isPrevDisabled ? 'true' : undefined\"\n              :tabindex=\"isPrevDisabled ? -1 : 0\"\n              @click=\"onPrev\">\n        <PaIcon name=\"caret-left\"\n                size=\"sm\" />\n      </button>\n      <button type=\"button\"\n              class=\"pa-pagination__caret\"\n              :aria-label=\"nextLabel\"\n              :aria-disabled=\"isNextDisabled ? 'true' : undefined\"\n              :tabindex=\"isNextDisabled ? -1 : 0\"\n              @click=\"onNext\">\n        <PaIcon name=\"caret-right\"\n                size=\"sm\" />\n      </button>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n.pa-pagination {\n  display: inline-flex;\n  background: var(--pa-color-bg-white);\n  border: 1px solid var(--pa-color-bg-primary-light-50);\n  border-radius: var(--pa-radius-smooth);\n  padding: var(--pa-space-2xs);\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-pagination--items-page {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  height: 74px;\n  background: var(--pa-color-bg-primary-light-50);\n  border: none;\n  padding: 0;\n  container-type: inline-size;\n}\n\n.pa-pagination__items-block {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-md);\n  padding: var(--pa-space-2xs) var(--pa-space-sm);\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.pa-pagination__page-block {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-lg);\n  padding: var(--pa-space-2xs) var(--pa-space-xl) var(--pa-space-2xs) var(--pa-space-lg);\n  flex: 0 0 auto;\n}\n\n.pa-pagination__divider {\n  width: 1px;\n  height: 58px;\n  align-self: center;\n  background: var(--pa-color-bg-primary-light-60);\n  flex: 0 0 auto;\n}\n\n.pa-pagination__field-label {\n  color: var(--pa-color-text-secondary-gray);\n  font-family: var(--pa-font-family-base);\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  white-space: nowrap;\n}\n\n.pa-pagination__select {\n  width: 82px;\n  flex: 0 0 auto;\n}\n\n.pa-pagination__range {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--pa-space-2xs);\n  color: var(--pa-color-text-secondary-gray);\n  font-family: var(--pa-font-family-base);\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  white-space: nowrap;\n}\n\n.pa-pagination__num {\n  font-family: var(--pa-font-family-mono);\n  font-size: 16px;\n  line-height: 18px;\n}\n\n@container (max-width: 600px) {\n  .pa-pagination--items-page {\n    justify-content: space-between;\n    padding: 16px 32px;\n  }\n\n  .pa-pagination__items-block {\n    gap: var(--pa-space-2xs);\n    flex: 0 1 auto;\n  }\n\n  .pa-pagination__page-block {\n    padding: 0;\n    gap: 0;\n    flex: 0 0 auto;\n  }\n\n  .pa-pagination--items-page .pa-pagination__field-label,\n  .pa-pagination--items-page .pa-pagination__items-block .pa-pagination__select,\n  .pa-pagination--items-page .pa-pagination__divider,\n  .pa-pagination--items-page .pa-pagination__page-block .pa-pagination__select,\n  .pa-pagination--items-page .pa-pagination__page-block .pa-pagination__range {\n    display: none;\n  }\n}\n\n.pa-pagination__list {\n  display: flex;\n  align-items: center;\n  gap: var(--pa-space-3xs);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.pa-pagination__tile {\n  min-width: 48px;\n  min-height: 48px;\n  padding: 14px;\n  border: none;\n  background: var(--pa-color-bg-white);\n  border-radius: var(--pa-radius-xs);\n  color: var(--pa-color-text-secondary-gray);\n  font-family: var(--pa-font-family-base);\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  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pa-pagination__tile:hover:not(.pa-pagination__tile--current):not(.pa-pagination__tile--disabled) {\n  background: var(--pa-color-primary-hover);\n  color: var(--pa-color-text-white);\n}\n\n.pa-pagination__tile:focus {\n  outline: none;\n}\n\n.pa-pagination__tile:focus-visible:not(.pa-pagination__tile--current):not(.pa-pagination__tile--disabled) {\n  box-shadow: inset 0 0 0 1px var(--pa-color-primary);\n  font-family: var(--pa-font-family-mono);\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.pa-pagination__tile--current {\n  background: var(--pa-color-primary-pressed);\n  color: var(--pa-color-text-white);\n  font-family: var(--pa-font-family-mono);\n  font-size: 16px;\n  line-height: 24px;\n  cursor: default;\n}\n\n.pa-pagination__tile--disabled {\n  background: var(--pa-color-bg-secondary-light-40);\n  color: var(--pa-color-text-secondary-gray);\n  font-family: var(--pa-font-family-mono);\n  font-size: 16px;\n  line-height: 24px;\n  cursor: not-allowed;\n}\n\n.pa-pagination__tile--current.pa-pagination__tile--disabled {\n  background: var(--pa-color-bg-secondary-light-40);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-pagination__ellipsis {\n  min-width: 48px;\n  min-height: 48px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pa-color-text-secondary-gray);\n  font-family: var(--pa-font-family-base);\n  font-size: var(--pa-font-body-size);\n  line-height: var(--pa-font-body-line-height);\n}\n\n.pa-pagination__caret {\n  min-width: 48px;\n  min-height: 48px;\n  padding: 12px 16px;\n  border: none;\n  background: transparent;\n  border-radius: var(--pa-radius-xs);\n  color: var(--pa-color-primary);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pa-pagination__caret:hover:not([aria-disabled='true']) {\n  background: var(--pa-color-bg-primary-light-40);\n}\n\n.pa-pagination__caret:focus {\n  outline: none;\n}\n\n.pa-pagination__caret:focus-visible {\n  outline: var(--pa-border-sm) solid var(--pa-color-primary-focus-border);\n  outline-offset: 2px;\n}\n\n.pa-pagination__caret[aria-disabled='true'] {\n  color: var(--pa-color-text-disabled-gray);\n  cursor: not-allowed;\n}\n</style>\n"],"names":["paginationUid","nextPaginationId","props","__props","emit","__emit","instanceId","itemsSelectId","pageSelectId","totalPages","computed","clampedCurrent","entries","pageWindow","isPrevDisabled","isNextDisabled","rangeStart","rangeEnd","pageSizeSelectOptions","merged","n","a","b","pageJumperOptions","_","i","pageSizeModel","currentPageModel","onTileClick","page","onPrev","onNext","onPageSizeChange","value","onPageJumperChange","_createElementBlock","_createElementVNode","_hoisted_2","_createVNode","PaIcon","_openBlock","_Fragment","_renderList","entry","idx","_hoisted_4","_hoisted_5","$event","_hoisted_6","_hoisted_9","PaSelect","_hoisted_10","_hoisted_11","_toDisplayString","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaPagination } from './PaPagination.vue';
+export type { PaPaginationProps, PaPaginationVariant } from './PaPagination.vue';

package/dist/components/PaPagination/index.js

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

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

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

package/dist/components/PaPagination/usePageWindow.d.ts

@@ -0,0 +1,2 @@
+export type PageWindowEntry = number | 'ellipsis';
+export declare function pageWindow(currentPage: number, totalPages: number): PageWindowEntry[];

package/dist/components/PaPagination/usePageWindow.js

@@ -0,0 +1,19 @@
+function p(d, r) {
+  if (r <= 0) return [];
+  const i = Math.max(1, Math.min(d, r));
+  if (r <= 5)
+    return Array.from({ length: r }, (n, f) => f + 1);
+  let u = Math.max(1, i - 1), o = Math.min(r, i + 1);
+  i === 1 && (o = 3), i === r && (u = r - 2);
+  const c = /* @__PURE__ */ new Set([1, r]);
+  for (let n = u; n <= o; n++) c.add(n);
+  const h = [...c].sort((n, f) => n - f), e = [];
+  let t = null;
+  for (const n of h)
+    t !== null && n - t > 1 && e.push("ellipsis"), e.push(n), t = n;
+  return e;
+}
+export {
+  p as pageWindow
+};
+//# sourceMappingURL=usePageWindow.js.map

package/dist/components/PaPagination/usePageWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageWindow.js","sources":["../../../src/components/PaPagination/usePageWindow.ts"],"sourcesContent":["export type PageWindowEntry = number | 'ellipsis'\n\nexport function pageWindow(\n  currentPage: number,\n  totalPages: number,\n): PageWindowEntry[] {\n  if (totalPages <= 0) return []\n  const current = Math.max(1, Math.min(currentPage, totalPages))\n\n  if (totalPages <= 5) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1)\n  }\n\n  let windowStart = Math.max(1, current - 1)\n  let windowEnd = Math.min(totalPages, current + 1)\n  if (current === 1) windowEnd = 3\n  if (current === totalPages) windowStart = totalPages - 2\n\n  const visible = new Set<number>([1, totalPages])\n  for (let i = windowStart; i <= windowEnd; i++) visible.add(i)\n  const sorted = [...visible].sort((a, b) => a - b)\n\n  const result: PageWindowEntry[] = []\n  let prev: number | null = null\n  for (const page of sorted) {\n    if (prev !== null && page - prev > 1) result.push('ellipsis')\n    result.push(page)\n    prev = page\n  }\n  return result\n}\n"],"names":["pageWindow","currentPage","totalPages","current","_","i","windowStart","windowEnd","visible","sorted","a","b","result","prev","page"],"mappings":"AAEO,SAASA,EACdC,GACAC,GACmB;AACnB,MAAIA,KAAc,EAAG,QAAO,CAAA;AAC5B,QAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAIF,GAAaC,CAAU,CAAC;AAE7D,MAAIA,KAAc;AAChB,WAAO,MAAM,KAAK,EAAE,QAAQA,KAAc,CAACE,GAAGC,MAAMA,IAAI,CAAC;AAG3D,MAAIC,IAAc,KAAK,IAAI,GAAGH,IAAU,CAAC,GACrCI,IAAY,KAAK,IAAIL,GAAYC,IAAU,CAAC;AAChD,EAAIA,MAAY,MAAGI,IAAY,IAC3BJ,MAAYD,MAAYI,IAAcJ,IAAa;AAEvD,QAAMM,IAAU,oBAAI,IAAY,CAAC,GAAGN,CAAU,CAAC;AAC/C,WAASG,IAAIC,GAAaD,KAAKE,GAAWF,IAAK,CAAAG,EAAQ,IAAIH,CAAC;AAC5D,QAAMI,IAAS,CAAC,GAAGD,CAAO,EAAE,KAAK,CAACE,GAAGC,MAAMD,IAAIC,CAAC,GAE1CC,IAA4B,CAAA;AAClC,MAAIC,IAAsB;AAC1B,aAAWC,KAAQL;AACjB,IAAII,MAAS,QAAQC,IAAOD,IAAO,KAAGD,EAAO,KAAK,UAAU,GAC5DA,EAAO,KAAKE,CAAI,GAChBD,IAAOC;AAET,SAAOF;AACT;"}

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

@@ -0,0 +1,13 @@
+export interface PaProgressBarProps {
+    value?: number;
+    label?: string;
+    showPercentage?: boolean;
+    indeterminate?: boolean;
+}
+declare const _default: import("vue").DefineComponent<PaProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaProgressBarProps> & Readonly<{}>, {
+    label: string;
+    value: number;
+    indeterminate: boolean;
+    showPercentage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/PaProgressBar/PaProgressBar.vue.js

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

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

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

package/dist/components/PaProgressBar/PaProgressBar.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as m, computed as l, openBlock as i, createElementBlock as n, toDisplayString as o, createCommentVNode as s, createElementVNode as d, normalizeStyle as v, normalizeClass as b } from "vue";
+const f = ["aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-busy"], h = {
+  key: 0,
+  class: "pa-progress-bar__label"
+}, g = { class: "pa-progress-bar__track" }, p = {
+  key: 1,
+  class: "pa-progress-bar__readout"
+}, N = /* @__PURE__ */ m({
+  __name: "PaProgressBar",
+  props: {
+    value: { default: 0 },
+    label: { default: void 0 },
+    showPercentage: { type: Boolean, default: !0 },
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const a = e, t = l(() => {
+      const r = Number(a.value ?? 0);
+      return Number.isNaN(r) ? 0 : Math.min(100, Math.max(0, r));
+    }), u = l(() => Math.round(t.value)), c = l(
+      () => a.showPercentage !== !1 && !a.indeterminate
+    );
+    return (r, y) => (i(), n("div", {
+      class: "pa-progress-bar",
+      role: "progressbar",
+      "aria-label": e.label,
+      "aria-valuemin": e.indeterminate ? void 0 : 0,
+      "aria-valuemax": e.indeterminate ? void 0 : 100,
+      "aria-valuenow": e.indeterminate ? void 0 : t.value,
+      "aria-busy": e.indeterminate ? "true" : void 0
+    }, [
+      e.label ? (i(), n("div", h, o(e.label), 1)) : s("", !0),
+      d("div", g, [
+        d("div", {
+          class: b(["pa-progress-bar__fill", { "pa-progress-bar__fill--indeterminate": e.indeterminate }]),
+          style: v(e.indeterminate ? void 0 : { width: `${t.value}%` })
+        }, null, 6)
+      ]),
+      c.value ? (i(), n("div", p, o(u.value) + "% ", 1)) : s("", !0)
+    ], 8, f));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=PaProgressBar.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaProgressBar.vue2.js","sources":["../../../src/components/PaProgressBar/PaProgressBar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface PaProgressBarProps {\n  value?: number\n  label?: string\n  showPercentage?: boolean\n  indeterminate?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<PaProgressBarProps>(), {\n  value: 0,\n  label: undefined,\n  showPercentage: true,\n  indeterminate: false,\n})\n\nconst clamped = computed(() => {\n  const raw = Number(props.value ?? 0)\n  if (Number.isNaN(raw)) return 0\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst displayPercent = computed(() => Math.round(clamped.value))\n\nconst showReadout = computed(\n  () => props.showPercentage !== false && !props.indeterminate,\n)\n</script>\n\n<template>\n  <div\n    class=\"pa-progress-bar\"\n    role=\"progressbar\"\n    :aria-label=\"label\"\n    :aria-valuemin=\"indeterminate ? undefined : 0\"\n    :aria-valuemax=\"indeterminate ? undefined : 100\"\n    :aria-valuenow=\"indeterminate ? undefined : clamped\"\n    :aria-busy=\"indeterminate ? 'true' : undefined\"\n  >\n    <div v-if=\"label\" class=\"pa-progress-bar__label\">{{ label }}</div>\n    <div class=\"pa-progress-bar__track\">\n      <div\n        class=\"pa-progress-bar__fill\"\n        :class=\"{ 'pa-progress-bar__fill--indeterminate': indeterminate }\"\n        :style=\"indeterminate ? undefined : { width: `${clamped}%` }\"\n      />\n    </div>\n    <div v-if=\"showReadout\" class=\"pa-progress-bar__readout\">\n      {{ displayPercent }}%\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-progress-bar {\n  display: flex;\n  flex-direction: column;\n  gap: var(--pa-space-xs);\n  width: 100%;\n  font-family: var(--pa-font-family-base);\n}\n\n.pa-progress-bar__label {\n  font-family: var(--pa-font-family-base);\n  font-size: var(--pa-font-label-sm-size);\n  line-height: var(--pa-font-label-sm-line-height);\n  font-weight: var(--pa-font-label-sm-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-progress-bar__track {\n  position: relative;\n  height: 2px;\n  background: var(--pa-color-bg-primary-light-50);\n  overflow: hidden;\n  border-radius: 1px;\n}\n\n.pa-progress-bar__fill {\n  height: 100%;\n  background: var(--pa-color-primary);\n  transition: width 200ms ease-out;\n  will-change: width;\n}\n\n.pa-progress-bar__fill--indeterminate {\n  width: 30%;\n  animation: pa-progress-bar-indeterminate 1.5s linear infinite;\n  transition: none;\n}\n\n@keyframes pa-progress-bar-indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(333%);\n  }\n}\n\n.pa-progress-bar__readout {\n  align-self: flex-end;\n  font-family: var(--pa-font-family-mono);\n  font-size: 10px;\n  line-height: 12px;\n  font-weight: 400;\n  color: var(--pa-color-text-secondary-gray);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pa-progress-bar__fill {\n    transition: none;\n  }\n  .pa-progress-bar__fill--indeterminate {\n    animation: none;\n    width: 100%;\n    opacity: 0.3;\n    transform: none;\n  }\n}\n</style>\n"],"names":["props","__props","clamped","computed","raw","displayPercent","showReadout","_createElementBlock","_hoisted_2","_toDisplayString","_createElementVNode","_hoisted_3","_normalizeClass","_normalizeStyle","_openBlock","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAORC,IAAUC,EAAS,MAAM;AAC7B,YAAMC,IAAM,OAAOJ,EAAM,SAAS,CAAC;AACnC,aAAI,OAAO,MAAMI,CAAG,IAAU,IACvB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAG,CAAC;AAAA,IACvC,CAAC,GAEKC,IAAiBF,EAAS,MAAM,KAAK,MAAMD,EAAQ,KAAK,CAAC,GAEzDI,IAAcH;AAAA,MAClB,MAAMH,EAAM,mBAAmB,MAAS,CAACA,EAAM;AAAA,IAAA;2BAK/CO,EAoBM,OAAA;AAAA,MAnBJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,cAAYN,EAAA;AAAA,MACZ,iBAAeA,EAAA,gBAAgB,SAAS;AAAA,MACxC,iBAAeA,EAAA,gBAAgB,SAAS;AAAA,MACxC,iBAAeA,EAAA,gBAAgB,SAAYC,EAAA;AAAA,MAC3C,aAAWD,EAAA,gBAAa,SAAY;AAAA,IAAA;MAE1BA,EAAA,cAAXM,EAAkE,OAAlEC,GAAkEC,EAAdR,EAAA,KAAK,GAAA,CAAA;MACzDS,EAMM,OANNC,GAMM;AAAA,QALJD,EAIE,OAAA;AAAA,UAHA,OAAKE,EAAA,CAAC,yBAAuB,EAAA,wCACqBX,EAAA,cAAA,CAAa,CAAA;AAAA,UAC9D,OAAKY,EAAEZ,EAAA,gBAAgB,qBAAwBC,EAAA,KAAO,IAAA,CAAA;AAAA,QAAA;;MAGhDI,EAAA,SAAXQ,EAAA,GAAAP,EAEM,OAFNQ,GAEMN,EADDJ,EAAA,KAAc,IAAG,MACtB,CAAA;;;;"}

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

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

package/dist/components/PaProgressBar/index.js

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

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

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

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

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

package/dist/components/PaRadioGroup/PaRadioGroup.vue.js

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

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

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

package/dist/components/PaRadioGroup/PaRadioGroup.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as q, useModel as I, computed as l, openBlock as r, createElementBlock as d, normalizeClass as s, createTextVNode as M, toDisplayString as n, createCommentVNode as v, Fragment as $, renderList as N, withDirectives as T, createElementVNode as _, vModelRadio as C, mergeModels as R } from "vue";
+const A = ["aria-labelledby", "aria-required", "aria-invalid", "aria-describedby"], D = ["id"], E = {
+  key: 0,
+  class: "pa-radio-group__required",
+  "aria-hidden": "true"
+}, G = ["for"], P = ["id", "name", "value", "disabled"], S = { class: "pa-radio-group__option-label" }, w = ["id"];
+let z = 0;
+function F() {
+  return `pa-radio-group-${++z}`;
+}
+const U = /* @__PURE__ */ q({
+  __name: "PaRadioGroup",
+  props: /* @__PURE__ */ R({
+    options: {},
+    label: {},
+    id: {},
+    helperText: {},
+    error: { type: [String, Boolean], default: !1 },
+    valid: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    name: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const a = e, c = I(e, "modelValue"), h = F(), t = l(() => a.id ?? h), p = l(() => `${t.value}-label`), m = l(() => `${t.value}-msg`), x = l(() => a.name ?? `${t.value}-name`);
+    function g(f) {
+      return `${t.value}-${f.value}`;
+    }
+    const i = l(() => !!a.error), b = l(() => a.valid && !i.value), B = l(
+      () => typeof a.error == "string" && a.error.length > 0 ? a.error : null
+    ), V = l(
+      () => !i.value && !b.value && a.helperText ? a.helperText : null
+    ), u = l(() => B.value ?? V.value);
+    return (f, y) => (r(), d("div", {
+      class: s([
+        "pa-radio-group",
+        {
+          "pa-radio-group--error": i.value,
+          "pa-radio-group--valid": b.value,
+          "pa-radio-group--disabled": e.disabled
+        }
+      ]),
+      role: "radiogroup",
+      "aria-labelledby": e.label ? p.value : void 0,
+      "aria-required": e.required || void 0,
+      "aria-invalid": i.value || void 0,
+      "aria-describedby": u.value ? m.value : void 0
+    }, [
+      e.label ? (r(), d("span", {
+        key: 0,
+        id: p.value,
+        class: "pa-radio-group__label"
+      }, [
+        M(n(e.label), 1),
+        e.required ? (r(), d("span", E, "*")) : v("", !0)
+      ], 8, D)) : v("", !0),
+      (r(!0), d($, null, N(e.options, (o) => (r(), d("label", {
+        key: o.value,
+        for: g(o),
+        class: s([
+          "pa-radio-group__option",
+          { "pa-radio-group__option--disabled": e.disabled || o.disabled }
+        ])
+      }, [
+        T(_("input", {
+          id: g(o),
+          "onUpdate:modelValue": y[0] || (y[0] = (k) => c.value = k),
+          type: "radio",
+          name: x.value,
+          value: o.value,
+          disabled: e.disabled || o.disabled,
+          class: "pa-radio-group__input"
+        }, null, 8, P), [
+          [C, c.value]
+        ]),
+        _("span", S, n(o.label), 1)
+      ], 10, G))), 128)),
+      u.value ? (r(), d("div", {
+        key: 1,
+        id: m.value,
+        class: s(["pa-radio-group__message", { "pa-radio-group__message--error": i.value }])
+      }, n(u.value), 11, w)) : v("", !0)
+    ], 10, A));
+  }
+});
+export {
+  U as default,
+  F as nextPaRadioGroupId
+};
+//# sourceMappingURL=PaRadioGroup.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaRadioGroup.vue2.js","sources":["../../../src/components/PaRadioGroup/PaRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\">\nlet uid = 0\nexport function nextPaRadioGroupId() {\n  return `pa-radio-group-${++uid}`\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport type PaRadioGroupOption = {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface PaRadioGroupProps {\n  options: PaRadioGroupOption[]\n  label?: string\n  id?: string\n  helperText?: string\n  error?: string | boolean\n  valid?: boolean\n  required?: boolean\n  disabled?: boolean\n  name?: string\n}\n\nconst props = withDefaults(defineProps<PaRadioGroupProps>(), {\n  error: false,\n  valid: false,\n  required: false,\n  disabled: false,\n})\n\nconst model = defineModel<string>({ default: '' })\n\nconst generatedId = nextPaRadioGroupId()\nconst groupId = computed(() => props.id ?? generatedId)\nconst labelId = computed(() => `${groupId.value}-label`)\nconst messageId = computed(() => `${groupId.value}-msg`)\nconst groupName = computed(() => props.name ?? `${groupId.value}-name`)\n\nfunction optionId(opt: PaRadioGroupOption) {\n  return `${groupId.value}-${opt.value}`\n}\n\nconst errorActive = computed(() => Boolean(props.error))\nconst validActive = computed(() => props.valid && !errorActive.value)\n\nconst errorMessage = computed(() =>\n  typeof props.error === 'string' && props.error.length > 0 ? props.error : null,\n)\nconst helperMessage = computed(() =>\n  !errorActive.value && !validActive.value && props.helperText ? props.helperText : null,\n)\nconst message = computed(() => errorMessage.value ?? helperMessage.value)\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'pa-radio-group',\n      {\n        'pa-radio-group--error': errorActive,\n        'pa-radio-group--valid': validActive,\n        'pa-radio-group--disabled': disabled,\n      },\n    ]\"\n    role=\"radiogroup\"\n    :aria-labelledby=\"label ? labelId : undefined\"\n    :aria-required=\"required || undefined\"\n    :aria-invalid=\"errorActive || undefined\"\n    :aria-describedby=\"message ? messageId : undefined\"\n  >\n    <span v-if=\"label\" :id=\"labelId\" class=\"pa-radio-group__label\">\n      {{ label }}<span v-if=\"required\" class=\"pa-radio-group__required\" aria-hidden=\"true\">*</span>\n    </span>\n    <label\n      v-for=\"opt in options\"\n      :key=\"opt.value\"\n      :for=\"optionId(opt)\"\n      :class=\"[\n        'pa-radio-group__option',\n        { 'pa-radio-group__option--disabled': disabled || opt.disabled },\n      ]\"\n    >\n      <input\n        :id=\"optionId(opt)\"\n        v-model=\"model\"\n        type=\"radio\"\n        :name=\"groupName\"\n        :value=\"opt.value\"\n        :disabled=\"disabled || opt.disabled\"\n        class=\"pa-radio-group__input\"\n      />\n      <span class=\"pa-radio-group__option-label\">{{ opt.label }}</span>\n    </label>\n    <div\n      v-if=\"message\"\n      :id=\"messageId\"\n      :class=\"['pa-radio-group__message', { 'pa-radio-group__message--error': errorActive }]\"\n    >\n      {{ message }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.pa-radio-group {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--pa-space-xs);\n  font-family: var(--pa-font-family-base);\n  direction: ltr;\n  text-align: left;\n}\n\n.pa-radio-group__label {\n  font-size: var(--pa-font-label-sm-size);\n  line-height: var(--pa-font-label-sm-line-height);\n  font-weight: var(--pa-font-label-sm-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-radio-group--disabled .pa-radio-group__label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__required {\n  margin-left: 2px;\n  color: var(--pa-color-error);\n}\n\n.pa-radio-group__option {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  cursor: pointer;\n}\n\n.pa-radio-group__option--disabled {\n  cursor: not-allowed;\n}\n\n.pa-radio-group__input {\n  position: relative;\n  flex: 0 0 auto;\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background: var(--pa-color-bg-white);\n  border: var(--pa-border-xs) solid var(--pa-color-neutral-gray);\n  border-radius: 50%;\n  cursor: pointer;\n  transition: border-color 120ms ease, background-color 120ms ease;\n}\n\n.pa-radio-group__option:hover:not(.pa-radio-group__option--disabled) .pa-radio-group__input:not(:checked) {\n  border-color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group:not(.pa-radio-group--error):not(.pa-radio-group--valid)\n  .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n  .pa-radio-group__option-label {\n  color: var(--pa-color-primary-hover);\n}\n\n.pa-radio-group__input:focus { outline: none; }\n\n.pa-radio-group__input:focus-visible {\n  border-color: var(--pa-color-primary);\n  outline: var(--pa-border-xs) solid var(--pa-color-primary-focus-border);\n  outline-offset: 3px;\n}\n\n.pa-radio-group__input:checked {\n  border-color: var(--pa-color-neutral-gray);\n}\n\n.pa-radio-group__input:checked::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 14px;\n  height: 14px;\n  background: var(--pa-color-primary);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.pa-radio-group__input:disabled {\n  cursor: not-allowed;\n  border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked {\n  background: var(--pa-color-text-disabled-gray);\n  border-color: var(--pa-color-bg-secondary-light-40);\n}\n\n.pa-radio-group__input:disabled:checked::before {\n  background: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option--disabled .pa-radio-group__option-label {\n  color: var(--pa-color-text-disabled-gray);\n}\n\n.pa-radio-group__option-label {\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  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-radio-group--error .pa-radio-group__input:not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n.pa-radio-group--error\n  .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n  .pa-radio-group__input:not(:checked):not(:disabled) {\n  border-color: var(--pa-color-error);\n}\n\n.pa-radio-group--valid .pa-radio-group__input:not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n.pa-radio-group--valid\n  .pa-radio-group__option:hover:not(.pa-radio-group__option--disabled)\n  .pa-radio-group__input:not(:checked):not(:disabled) {\n  border-color: var(--pa-color-success);\n}\n\n.pa-radio-group__message {\n  font-size: var(--pa-font-label-helper-size);\n  line-height: var(--pa-font-label-helper-line-height);\n  font-weight: var(--pa-font-label-helper-weight);\n  color: var(--pa-color-text-secondary-gray);\n}\n\n.pa-radio-group__message--error {\n  color: var(--pa-color-error);\n}\n</style>\n"],"names":["uid","nextPaRadioGroupId","props","__props","model","_useModel","generatedId","groupId","computed","labelId","messageId","groupName","optionId","opt","errorActive","validActive","errorMessage","helperMessage","message","_createElementBlock","_normalizeClass","_hoisted_3","_Fragment","_renderList","_createElementVNode","$event","_hoisted_6","_toDisplayString","_hoisted_7"],"mappings":";;;;;;AACA,IAAIA,IAAM;AACH,SAASC,IAAqB;AACnC,SAAO,kBAAkB,EAAED,CAAG;AAChC;;;;;;;;;;;;;;;;;;;AAwBA,UAAME,IAAQC,GAORC,IAAQC,EAAmBF,GAAA,YAAgB,GAE3CG,IAAcL,EAAA,GACdM,IAAUC,EAAS,MAAMN,EAAM,MAAMI,CAAW,GAChDG,IAAUD,EAAS,MAAM,GAAGD,EAAQ,KAAK,QAAQ,GACjDG,IAAYF,EAAS,MAAM,GAAGD,EAAQ,KAAK,MAAM,GACjDI,IAAYH,EAAS,MAAMN,EAAM,QAAQ,GAAGK,EAAQ,KAAK,OAAO;AAEtE,aAASK,EAASC,GAAyB;AACzC,aAAO,GAAGN,EAAQ,KAAK,IAAIM,EAAI,KAAK;AAAA,IACtC;AAEA,UAAMC,IAAcN,EAAS,MAAM,EAAQN,EAAM,KAAM,GACjDa,IAAcP,EAAS,MAAMN,EAAM,SAAS,CAACY,EAAY,KAAK,GAE9DE,IAAeR;AAAA,MAAS,MAC5B,OAAON,EAAM,SAAU,YAAYA,EAAM,MAAM,SAAS,IAAIA,EAAM,QAAQ;AAAA,IAAA,GAEtEe,IAAgBT;AAAA,MAAS,MAC7B,CAACM,EAAY,SAAS,CAACC,EAAY,SAASb,EAAM,aAAaA,EAAM,aAAa;AAAA,IAAA,GAE9EgB,IAAUV,EAAS,MAAMQ,EAAa,SAASC,EAAc,KAAK;2BAItEE,EA6CM,OAAA;AAAA,MA5CH,OAAKC,EAAA;AAAA;;mCAAqEN,EAAA;AAAA,mCAA8CC,EAAA;AAAA,sCAAiDZ,EAAA;AAAA,QAAA;AAAA;MAQ1K,MAAK;AAAA,MACJ,mBAAiBA,EAAA,QAAQM,EAAA,QAAU;AAAA,MACnC,iBAAeN,EAAA,YAAY;AAAA,MAC3B,gBAAcW,EAAA,SAAe;AAAA,MAC7B,oBAAkBI,EAAA,QAAUR,EAAA,QAAY;AAAA,IAAA;MAE7BP,EAAA,cAAZgB,EAEO,QAAA;AAAA;QAFa,IAAIV,EAAA;AAAA,QAAS,OAAM;AAAA,MAAA;YAClCN,EAAA,KAAK,GAAA,CAAA;AAAA,QAAeA,EAAA,iBAAZgB,EAAkF,QAAlFE,GAA0E,GAAC;;cAExFF,EAmBQG,GAAA,MAAAC,EAlBQpB,EAAA,SAAO,CAAdU,YADTM,EAmBQ,SAAA;AAAA,QAjBL,KAAKN,EAAI;AAAA,QACT,KAAKD,EAASC,CAAG;AAAA,QACjB,OAAKO,EAAA;AAAA;gDAAoFjB,EAAA,YAAYU,EAAI,SAAA;AAAA,QAAQ;;UAKlHW,EAQE,SAAA;AAAA,UAPC,IAAIZ,EAASC,CAAG;AAAA,wDACRT,EAAK,QAAAqB;AAAA,UACd,MAAK;AAAA,UACJ,MAAMd,EAAA;AAAA,UACN,OAAOE,EAAI;AAAA,UACX,UAAUV,EAAA,YAAYU,EAAI;AAAA,UAC3B,OAAM;AAAA,QAAA;cALGT,EAAA,KAAK;AAAA,QAAA;QAOhBoB,EAAiE,QAAjEE,GAAiEC,EAAnBd,EAAI,KAAK,GAAA,CAAA;AAAA,MAAA;MAGjDK,EAAA,cADRC,EAMM,OAAA;AAAA;QAJH,IAAIT,EAAA;AAAA,QACJ,yEAAuEI,EAAA,OAAW,CAAA;AAAA,MAAA,KAEhFI,EAAA,KAAO,GAAA,IAAAU,CAAA;;;;"}

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

@@ -0,0 +1,2 @@
+export { default, default as PaRadioGroup } from './PaRadioGroup.vue';
+export type { PaRadioGroupProps, PaRadioGroupOption } from './PaRadioGroup.vue';

package/dist/components/PaRadioGroup/index.js

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

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

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

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

@@ -0,0 +1,64 @@
+import 'v-calendar/style.css';
+export interface PaRangePickerValue {
+    start: Date;
+    end: Date;
+}
+export declare function nextPaRangePickerId(): string;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    display?: "popover" | "inline";
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: string | boolean;
+    valid?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    id?: string;
+    name?: string;
+    min?: Date | null;
+    max?: Date | null;
+    disabledDates?: (date: Date) => boolean;
+} & {
+    modelValue?: PaRangePickerValue | null;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: PaRangePickerValue | null) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    display?: "popover" | "inline";
+    placeholder?: string;
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: string | boolean;
+    valid?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    id?: string;
+    name?: string;
+    min?: Date | null;
+    max?: Date | null;
+    disabledDates?: (date: Date) => boolean;
+} & {
+    modelValue?: PaRangePickerValue | null;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: PaRangePickerValue | null) => any) | undefined;
+}>, {
+    error: string | boolean;
+    disabled: boolean;
+    placeholder: string;
+    valid: boolean;
+    required: boolean;
+    readonly: boolean;
+    min: Date | null;
+    max: Date | null;
+    display: "popover" | "inline";
+    disabledDates: (date: Date) => boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    suffix?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PaRangePicker/PaRangePicker.vue.js

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

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

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