@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TPagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,105 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region src/components/TPagination.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label"], d = { class: "t-pagination__list" }, f = { class: "t-pagination__item" }, p = ["disabled"], m = {
+	key: 0,
+	class: "t-pagination__ellipsis",
+	"aria-hidden": "true"
+}, h = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+], g = { class: "t-pagination__item" }, _ = ["disabled"], v = /*@__PURE__*/ i({
+	__name: "TPagination",
+	props: {
+		modelValue: { default: 1 },
+		totalPages: {},
+		siblings: { default: 1 },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "Pagination" }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: v }) {
+		let y = i, b = v, x = t(() => Math.min(Math.max(1, y.modelValue), y.totalPages)), S = t(() => {
+			let e = y.totalPages, t = x.value, n = y.siblings, r = [], i = Math.max(2, t - n), a = Math.min(e - 1, t + n);
+			r.push(1), i > 2 && r.push("ellipsis");
+			for (let e = i; e <= a; e++) r.push(e);
+			return a < e - 1 && r.push("ellipsis"), e > 1 && r.push(e), r;
+		}), C = t(() => [
+			"t-pagination",
+			`t-pagination--${y.size}`,
+			{ "is-disabled": y.disabled }
+		]);
+		function w(e) {
+			if (y.disabled) return;
+			let t = Math.min(Math.max(1, e), y.totalPages);
+			t !== x.value && b("update:modelValue", t);
+		}
+		function T(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w(t));
+		}
+		return (t, v) => (o(), n("nav", {
+			class: a(C.value),
+			"aria-label": i.label
+		}, [r("ul", d, [
+			r("li", f, [r("button", {
+				class: "t-pagination__button t-pagination__button--prev",
+				type: "button",
+				disabled: i.disabled || x.value <= 1,
+				"aria-label": "Go to previous page",
+				onClick: v[0] ||= (e) => w(x.value - 1)
+			}, [c(t.$slots, "previous", {}, () => [v[2] ||= r("svg", {
+				class: "t-pagination__icon",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [r("path", {
+				d: "M10 12L6 8l4-4",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1)])], 8, p)]),
+			(o(!0), n(e, null, s(S.value, (e, t) => (o(), n("li", {
+				key: e === "ellipsis" ? `ellipsis-${t}` : e,
+				class: "t-pagination__item"
+			}, [e === "ellipsis" ? (o(), n("span", m, " … ")) : (o(), n("button", {
+				key: 1,
+				class: a(["t-pagination__button", { "is-active": e === x.value }]),
+				type: "button",
+				disabled: i.disabled,
+				"aria-label": `Go to page ${e}`,
+				"aria-current": e === x.value ? "page" : void 0,
+				onClick: (t) => w(e),
+				onKeydown: (t) => T(t, e)
+			}, l(e), 43, h))]))), 128)),
+			r("li", g, [r("button", {
+				class: "t-pagination__button t-pagination__button--next",
+				type: "button",
+				disabled: i.disabled || x.value >= i.totalPages,
+				"aria-label": "Go to next page",
+				onClick: v[1] ||= (e) => w(x.value + 1)
+			}, [c(t.$slots, "next", {}, () => [v[3] ||= r("svg", {
+				class: "t-pagination__icon",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [r("path", {
+				d: "M6 4l4 4-4 4",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1)])], 8, _)])
+		])], 10, u));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=TPagination.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TPagination.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPagination.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current active page (1-based) */\n    modelValue?: number;\n    /** Total number of pages */\n    totalPages: number;\n    /** Number of sibling pages shown around the current page */\n    siblings?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Disable all controls */\n    disabled?: boolean;\n    /** Accessible label for the nav element */\n    label?: string;\n  }>(),\n  {\n    modelValue: 1,\n    siblings: 1,\n    size: 'md',\n    disabled: false,\n    label: 'Pagination',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n  previous?: (props: Record<string, never>) => unknown;\n  next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n  Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n  const total = props.totalPages;\n  const current = currentPage.value;\n  const siblings = props.siblings;\n  const items: (number | 'ellipsis')[] = [];\n\n  const rangeStart = Math.max(2, current - siblings);\n  const rangeEnd = Math.min(total - 1, current + siblings);\n\n  // Always show page 1\n  items.push(1);\n\n  // Leading ellipsis\n  if (rangeStart > 2) {\n    items.push('ellipsis');\n  }\n\n  // Sibling pages\n  for (let i = rangeStart; i <= rangeEnd; i++) {\n    items.push(i);\n  }\n\n  // Trailing ellipsis\n  if (rangeEnd < total - 1) {\n    items.push('ellipsis');\n  }\n\n  // Always show last page (if more than 1 page)\n  if (total > 1) {\n    items.push(total);\n  }\n\n  return items;\n});\n\nconst classes = computed(() => [\n  't-pagination',\n  `t-pagination--${props.size}`,\n  { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.min(Math.max(1, page), props.totalPages);\n  if (clamped !== currentPage.value) {\n    emit('update:modelValue', clamped);\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    goToPage(page);\n  }\n}\n</script>\n\n<template>\n  <nav\n    :class=\"classes\"\n    :aria-label=\"label\"\n  >\n    <ul class=\"t-pagination__list\">\n      <!-- Previous button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--prev\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage <= 1\"\n          :aria-label=\"'Go to previous page'\"\n          @click=\"goToPage(currentPage - 1)\"\n        >\n          <slot name=\"previous\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M10 12L6 8l4-4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n\n      <!-- Page items -->\n      <li\n        v-for=\"(page, index) in pages\"\n        :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n        class=\"t-pagination__item\"\n      >\n        <span\n          v-if=\"page === 'ellipsis'\"\n          class=\"t-pagination__ellipsis\"\n          aria-hidden=\"true\"\n        >\n          &hellip;\n        </span>\n        <button\n          v-else\n          class=\"t-pagination__button\"\n          :class=\"{ 'is-active': page === currentPage }\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :aria-label=\"`Go to page ${page}`\"\n          :aria-current=\"page === currentPage ? 'page' : undefined\"\n          @click=\"goToPage(page)\"\n          @keydown=\"onKeydown($event, page)\"\n        >\n          {{ page }}\n        </button>\n      </li>\n\n      <!-- Next button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--next\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage >= totalPages\"\n          :aria-label=\"'Go to next page'\"\n          @click=\"goToPage(currentPage + 1)\"\n        >\n          <slot name=\"next\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,IAAM,IAAQ,GAwBR,IAAO,GASP,IAAc,QAClB,KAAK,IAAI,KAAK,IAAI,GAAG,EAAM,UAAU,GAAG,EAAM,UAAU,CAC1D,GAEM,IAAQ,QAAe;GAC3B,IAAM,IAAQ,EAAM,YACd,IAAU,EAAY,OACtB,IAAW,EAAM,UACjB,IAAiC,CAAC,GAElC,IAAa,KAAK,IAAI,GAAG,IAAU,CAAQ,GAC3C,IAAW,KAAK,IAAI,IAAQ,GAAG,IAAU,CAAQ;GAMvD,AAHA,EAAM,KAAK,CAAC,GAGR,IAAa,KACf,EAAM,KAAK,UAAU;GAIvB,KAAK,IAAI,IAAI,GAAY,KAAK,GAAU,KACtC,EAAM,KAAK,CAAC;GAad,OATI,IAAW,IAAQ,KACrB,EAAM,KAAK,UAAU,GAInB,IAAQ,KACV,EAAM,KAAK,CAAK,GAGX;EACT,CAAC,GAEK,IAAU,QAAe;GAC7B;GACA,iBAAiB,EAAM;GACvB,EAAE,eAAe,EAAM,SAAS;EAClC,CAAC;EAED,SAAS,EAAS,GAAc;GAC9B,IAAI,EAAM,UAAU;GACpB,IAAM,IAAU,KAAK,IAAI,KAAK,IAAI,GAAG,CAAI,GAAG,EAAM,UAAU;GAC5D,AAAI,MAAY,EAAY,SAC1B,EAAK,qBAAqB,CAAO;EAErC;EAEA,SAAS,EAAU,GAAsB,GAAc;GACrD,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAS,CAAI;EAEjB;yBAIE,EAyFM,OAAA;GAxFH,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA;MAEb,EAoFK,MApFL,GAoFK;GAlFH,EAyBK,MAzBL,GAyBK,CAxBH,EAuBS,UAAA;IAtBP,OAAM;IACN,MAAK;IACJ,UAAU,EAAA,YAAY,EAAA,SAAW;IACjC,cAAY;IACZ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAS,EAAA,QAAW,CAAA;OAE5B,EAeO,EAAA,QAAA,YAAA,CAAA,SAAA,CAAA,AAAA,EAAA,OAdL,EAaM,OAAA;IAZJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,eAAY;OAEZ,EAME,QAAA;IALA,GAAE;IACF,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;;WAQ1B,EAyBK,GAAA,MAAA,EAxBqB,EAAA,QAAhB,GAAM,YADhB,EAyBK,MAAA;IAvBF,KAAK,MAAI,aAAA,YAA8B,MAAU;IAClD,OAAM;OAGE,MAAI,cAAA,EAAA,GADZ,EAMO,QANP,GAIC,KAED,MAAA,EAAA,GACA,EAYS,UAAA;;IAVP,OAAK,EAAA,CAAC,wBAAsB,EAAA,aACL,MAAS,EAAA,MAAW,CAAA,CAAA;IAC3C,MAAK;IACJ,UAAU,EAAA;IACV,cAAU,cAAgB;IAC1B,gBAAc,MAAS,EAAA,QAAW,SAAY,KAAA;IAC9C,UAAK,MAAE,EAAS,CAAI;IACpB,YAAO,MAAE,EAAU,GAAQ,CAAI;QAE7B,CAAI,GAAA,IAAA,CAAA,EAAA,CAAA;GAKX,EAyBK,MAzBL,GAyBK,CAxBH,EAuBS,UAAA;IAtBP,OAAM;IACN,MAAK;IACJ,UAAU,EAAA,YAAY,EAAA,SAAe,EAAA;IACrC,cAAY;IACZ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAS,EAAA,QAAW,CAAA;OAE5B,EAeO,EAAA,QAAA,QAAA,CAAA,SAAA,CAAA,AAAA,EAAA,OAdL,EAaM,OAAA;IAZJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,eAAY;OAEZ,EAME,QAAA;IALA,GAAE;IACF,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB"}

package/dist/components/TPopover.cjs

@@ -0,0 +1,2 @@
+var e=require("./TPopover.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TPopover.cjs.map

package/dist/components/TPopover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPopover.cjs","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TPopover.js

@@ -0,0 +1,7 @@
+import e from "./TPopover.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TPopover.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TPopover.js.map

package/dist/components/TPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPopover.js","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreePopover.vue.d.ts → TPopover.vue.d.ts}

@@ -1,9 +1,9 @@
-import { TreeTooltipSide } from '../types/contracts';
+import { TTooltipSide } from '../types/contracts';
 type __VLS_Props = {
     open?: boolean;
     defaultOpen?: boolean;
     disabled?: boolean;
-    side?: TreeTooltipSide;
+    side?: TTooltipSide;
     align?: 'start' | 'center' | 'end';
     id?: string;
 };
@@ -39,7 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     id: string;
     open: boolean;
     defaultOpen: boolean;
-    side: TreeTooltipSide;
+    side: TTooltipSide;
     align: "start" | "center" | "end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
@@ -53,4 +53,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreePopover.vue.d.ts.map
+//# sourceMappingURL=TPopover.vue.d.ts.map

package/dist/components/TPopover.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPopover.vue.d.ts","sourceRoot":"","sources":["../../src/components/TPopover.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMvD,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAsIJ,iBAAS,cAAc;WAyET,OAAO,IAA6B;;uBA3LjC;YAAE,MAAM,EAAE,OAAO,CAAA;SAAE,GAAG,OAAO;mBACjC,OAAO;;uBADH;YAAE,MAAM,EAAE,OAAO,CAAA;SAAE,GAAG,OAAO;mBACjC,OAAO;;;;;;;;EA+LnB;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;cA/ON,OAAO;QAGb,MAAM;UALJ,OAAO;iBACA,OAAO;UAEd,YAAY;WACX,OAAO,GAAG,QAAQ,GAAG,KAAK;;;;;OAsPpC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TPopover.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("../composables/useControllableOpen.cjs");let t=require("vue"),n=require("@treeui/utils");var r=[`data-state`],i=[`disabled`,`aria-expanded`,`aria-controls`],a=[`id`,`data-state`],o=(0,t.defineComponent)({inheritAttrs:!1,__name:`TPopover`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},side:{default:`bottom`},align:{default:`center`},id:{default:void 0}},emits:[`update:open`,`open-change`],setup(o,{emit:s}){let c=o,l=s,u=(0,t.useAttrs)(),d=c.id??(0,n.createId)(`t-popover`),f=(0,t.ref)(null),p=(0,t.ref)(null),m=(0,t.ref)(null),h=(0,t.computed)(()=>{let{class:e,style:t,...n}=u;return n}),{value:g,setValue:_}=e.useControllableOpen((0,t.toRef)(c,`open`),c.defaultOpen,e=>{l(`update:open`,e),l(`open-change`,e)}),v=(0,t.computed)(()=>[`t-popover`,{"is-open":g.value,"is-disabled":c.disabled},u.class]),y=(0,t.computed)(()=>u.style),b=(0,t.computed)(()=>[`t-popover__content`,`t-popover__content--${c.side}`,`t-popover__content--align-${c.align}`]),x=()=>{c.disabled||(_(!0),(0,t.nextTick)(()=>{m.value&&((0,n.focusFirst)(m.value)||m.value.focus())}))},S=(e=!1)=>{_(!1),e&&(0,t.nextTick)(()=>p.value?.focus())},C=()=>{g.value?S():x()},w=e=>{c.disabled||(0,n.isEscapeKey)(e)&&g.value&&(e.preventDefault(),S())},T=e=>{(0,n.isEscapeKey)(e)&&(e.preventDefault(),S(!0))},E=e=>{if(!g.value)return;let t=e.target;t instanceof Node&&(f.value?.contains(t)||S())};return(0,t.watch)(g,e=>{e?document.addEventListener(`pointerdown`,E):document.removeEventListener(`pointerdown`,E)}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,E)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootRef`,ref:f,class:(0,t.normalizeClass)(v.value),style:(0,t.normalizeStyle)(y.value),"data-state":(0,t.unref)(g)?`open`:`closed`},[(0,t.createElementVNode)(`div`,{class:`t-popover__anchor`,onClick:C,onKeydown:w},[(0,t.renderSlot)(e.$slots,`trigger`,{isOpen:(0,t.unref)(g)},()=>[(0,t.createElementVNode)(`button`,(0,t.mergeProps)({ref_key:`triggerRef`,ref:p,type:`button`,class:`t-popover__trigger`,disabled:o.disabled,"aria-expanded":(0,t.unref)(g),"aria-controls":(0,t.unref)(g)?(0,t.unref)(d):void 0,"aria-haspopup":`dialog`},h.value),null,16,i)])],32),(0,t.createVNode)(t.Transition,{name:`t-popover-fade`},{default:(0,t.withCtx)(()=>[(0,t.unref)(g)&&!o.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:(0,t.unref)(d),ref_key:`contentRef`,ref:m,role:`dialog`,class:(0,t.normalizeClass)(b.value),"data-state":(0,t.unref)(g)?`open`:`closed`,tabindex:`-1`,onKeydown:T},[(0,t.renderSlot)(e.$slots,`default`)],42,a)):(0,t.createCommentVNode)(``,!0)]),_:3})],14,r))}});exports.default=o;
+//# sourceMappingURL=TPopover.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TPopover.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPopover.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TPopover.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,106 @@
+import { useControllableOpen as e } from "../composables/useControllableOpen.js";
+import { Transition as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toRef as g, unref as _, useAttrs as v, watch as y, withCtx as b } from "vue";
+import { createId as x, focusFirst as S, isEscapeKey as C } from "@treeui/utils";
+//#region src/components/TPopover.vue?vue&type=script&setup=true&lang.ts
+var w = ["data-state"], T = [
+	"disabled",
+	"aria-expanded",
+	"aria-controls"
+], E = ["id", "data-state"], D = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "TPopover",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		side: { default: "bottom" },
+		align: { default: "center" },
+		id: { default: void 0 }
+	},
+	emits: ["update:open", "open-change"],
+	setup(s, { emit: D }) {
+		let O = s, k = D, A = v(), j = O.id ?? x("t-popover"), M = m(null), N = m(null), P = m(null), F = n(() => {
+			let { class: e, style: t, ...n } = A;
+			return n;
+		}), { value: I, setValue: L } = e(g(O, "open"), O.defaultOpen, (e) => {
+			k("update:open", e), k("open-change", e);
+		}), R = n(() => [
+			"t-popover",
+			{
+				"is-open": I.value,
+				"is-disabled": O.disabled
+			},
+			A.class
+		]), z = n(() => A.style), B = n(() => [
+			"t-popover__content",
+			`t-popover__content--${O.side}`,
+			`t-popover__content--align-${O.align}`
+		]), V = () => {
+			O.disabled || (L(!0), l(() => {
+				P.value && (S(P.value) || P.value.focus());
+			}));
+		}, H = (e = !1) => {
+			L(!1), e && l(() => N.value?.focus());
+		}, U = () => {
+			I.value ? H() : V();
+		}, W = (e) => {
+			O.disabled || C(e) && I.value && (e.preventDefault(), H());
+		}, G = (e) => {
+			C(e) && (e.preventDefault(), H(!0));
+		}, K = (e) => {
+			if (!I.value) return;
+			let t = e.target;
+			t instanceof Node && (M.value?.contains(t) || H());
+		};
+		return y(I, (e) => {
+			e ? document.addEventListener("pointerdown", K) : document.removeEventListener("pointerdown", K);
+		}), f(() => {
+			document.removeEventListener("pointerdown", K);
+		}), (e, n) => (p(), i("div", {
+			ref_key: "rootRef",
+			ref: M,
+			class: u(R.value),
+			style: d(z.value),
+			"data-state": _(I) ? "open" : "closed"
+		}, [a("div", {
+			class: "t-popover__anchor",
+			onClick: U,
+			onKeydown: W
+		}, [h(e.$slots, "trigger", { isOpen: _(I) }, () => [a("button", c({
+			ref_key: "triggerRef",
+			ref: N,
+			type: "button",
+			class: "t-popover__trigger",
+			disabled: s.disabled,
+			"aria-expanded": _(I),
+			"aria-controls": _(I) ? _(j) : void 0,
+			"aria-haspopup": "dialog"
+		}, F.value), null, 16, T)])], 32), o(t, { name: "t-popover-fade" }, {
+			default: b(() => [_(I) && !s.disabled ? (p(), i("div", {
+				key: 0,
+				id: _(j),
+				ref_key: "contentRef",
+				ref: P,
+				role: "dialog",
+				class: u(B.value),
+				"data-state": _(I) ? "open" : "closed",
+				tabindex: "-1",
+				onKeydown: G
+			}, [h(e.$slots, "default")], 42, E)) : r("", !0)]),
+			_: 3
+		})], 14, w));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=TPopover.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TPopover.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPopover.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAM,IAAQ,GAmBR,IAAO,GAUP,IAAQ,EAAS,GACjB,IAAY,EAAM,MAAM,EAAS,WAAW,GAC5C,IAAU,EAAwB,IAAI,GACtC,IAAa,EAA8B,IAAI,GAC/C,IAAa,EAAwB,IAAI,GAEzC,IAAe,QAAe;GAClC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,EAAE,OAAO,GAAQ,gBAAa,EAClC,EAAM,GAAO,MAAM,GACnB,EAAM,cACL,MAAU;GAET,AADA,EAAK,eAAe,CAAK,GACzB,EAAK,eAAe,CAAK;EAC3B,CACF,GAEM,IAAc,QAAe;GACjC;GACA;IACE,WAAW,EAAO;IAClB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAiB,QAAe;GACpC;GACA,uBAAuB,EAAM;GAC7B,6BAA6B,EAAM;EACrC,CAAC,GAEK,UAAoB;GACpB,EAAM,aACV,EAAS,EAAI,GACb,QAAe;IACb,AAAI,EAAW,UACR,EAAW,EAAW,KAAK,KAC9B,EAAW,MAAM,MAAM;GAG7B,CAAC;EACH,GAEM,KAAgB,IAAe,OAAU;GAE7C,AADA,EAAS,EAAK,GACV,KACF,QAAe,EAAW,OAAO,MAAM,CAAC;EAE5C,GAEM,UAAsB;GAC1B,AAAI,EAAO,QACT,EAAa,IAEb,EAAY;EAEhB,GAEM,KAAoB,MAAyB;GAC7C,EAAM,YAEN,EAAY,CAAK,KAAK,EAAO,UAC/B,EAAM,eAAe,GACrB,EAAa;EAEjB,GAEM,KAAoB,MAAyB;GACjD,AAAI,EAAY,CAAK,MACnB,EAAM,eAAe,GACrB,EAAa,EAAI;EAErB,GAEM,KAAyB,MAAwB;GACrD,IAAI,CAAC,EAAO,OAAO;GACnB,IAAM,IAAS,EAAM;GACf,aAAkB,SACpB,EAAQ,OAAO,SAAS,CAAM,KAClC,EAAa;EACf;SAEA,EAAM,IAAS,MAAU;GACvB,AAAI,IACF,SAAS,iBAAiB,eAAe,CAAqB,IAE9D,SAAS,oBAAoB,eAAe,CAAqB;EAErE,CAAC,GAED,QAAsB;GACpB,SAAS,oBAAoB,eAAe,CAAqB;EACnE,CAAC,mBAIC,EAyCM,OAAA;YAxCA;GAAJ,KAAI;GACH,OAAK,EAAE,EAAA,KAAW;GAClB,OAAK,EAAE,EAAA,KAAS;GAChB,cAAY,EAAA,CAAA,IAAM,SAAA;MAEnB,EAoBM,OAAA;GAnBJ,OAAM;GACL,SAAO;GACP,WAAS;MAEV,EAcO,EAAA,QAAA,WAAA,EAZJ,QAAS,EAAA,CAAA,EAAM,SAYX,CAVL,EASE,UATF,EASE;YARI;GAAJ,KAAI;GACJ,MAAK;GACL,OAAM;GACL,UAAU,EAAA;GACV,iBAAe,EAAA,CAAA;GACf,iBAAe,EAAA,CAAA,IAAS,EAAA,CAAA,IAAY,KAAA;GACrC,iBAAc;KACN,EAAA,KAAY,GAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,GAI1B,EAaa,GAAA,EAbD,MAAK,iBAAgB,GAAA;oBAYzB,CAVE,EAAA,CAAA,KAAM,CAAK,EAAA,YAAA,EAAA,GADnB,EAWM,OAAA;;IATH,IAAI,EAAA,CAAA;aACD;IAAJ,KAAI;IACJ,MAAK;IACJ,OAAK,EAAE,EAAA,KAAc;IACrB,cAAY,EAAA,CAAA,IAAM,SAAA;IACnB,UAAS;IACR,WAAS;OAEV,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,IAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/TPricing.cjs

@@ -0,0 +1,2 @@
+var e=require("./TPricing.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TPricing.cjs.map

package/dist/components/TPricing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricing.cjs","names":[],"sources":["../../src/components/TPricing.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TPricingCard from './TPricingCard.vue';\nimport type { PricingFeature } from './TPricingCard.vue';\n\nexport interface PricingPlan {\n  title: string;\n  description?: string;\n  price: string | number;\n  currency?: string;\n  period?: string;\n  features?: PricingFeature[];\n  highlighted?: boolean;\n  badge?: string;\n  buttonText?: string;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    plans: PricingPlan[];\n    size?: TSize;\n    columns?: number;\n  }>(),\n  {\n    size: 'md',\n    columns: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n  if (props.columns) {\n    return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n  }\n  return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n  <div\n    class=\"t-pricing\"\n    :style=\"gridStyle\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(plan, index) in plans\"\n      :key=\"index\"\n      role=\"listitem\"\n    >\n      <slot\n        name=\"plan\"\n        :plan=\"plan\"\n        :index=\"index\"\n      >\n        <TPricingCard\n          v-bind=\"plan\"\n          :size=\"size\"\n          @select=\"emit('select', plan, index)\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TPricing.js

@@ -0,0 +1,7 @@
+import e from "./TPricing.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TPricing.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TPricing.js.map

package/dist/components/TPricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricing.js","names":[],"sources":["../../src/components/TPricing.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TPricingCard from './TPricingCard.vue';\nimport type { PricingFeature } from './TPricingCard.vue';\n\nexport interface PricingPlan {\n  title: string;\n  description?: string;\n  price: string | number;\n  currency?: string;\n  period?: string;\n  features?: PricingFeature[];\n  highlighted?: boolean;\n  badge?: string;\n  buttonText?: string;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    plans: PricingPlan[];\n    size?: TSize;\n    columns?: number;\n  }>(),\n  {\n    size: 'md',\n    columns: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n  if (props.columns) {\n    return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n  }\n  return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n  <div\n    class=\"t-pricing\"\n    :style=\"gridStyle\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(plan, index) in plans\"\n      :key=\"index\"\n      role=\"listitem\"\n    >\n      <slot\n        name=\"plan\"\n        :plan=\"plan\"\n        :index=\"index\"\n      >\n        <TPricingCard\n          v-bind=\"plan\"\n          :size=\"size\"\n          @select=\"emit('select', plan, index)\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreePricing.vue.d.ts → TPricing.vue.d.ts}

@@ -1,5 +1,5 @@
-import { TreeSize } from '../types/contracts';
-import { PricingFeature } from './TreePricingCard.vue';
+import { TSize } from '../types/contracts';
+import { PricingFeature } from './TPricingCard.vue';
 export interface PricingPlan {
     title: string;
     description?: string;
@@ -14,7 +14,7 @@ export interface PricingPlan {
 }
 type __VLS_Props = {
     plans: PricingPlan[];
-    size?: TreeSize;
+    size?: TSize;
     columns?: number;
 };
 declare function __VLS_template(): {
@@ -34,7 +34,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((plan: PricingPlan, index: number) => any) | undefined;
 }>, {
-    size: TreeSize;
+    size: TSize;
     columns: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -44,4 +44,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreePricing.vue.d.ts.map
+//# sourceMappingURL=TPricing.vue.d.ts.map

package/dist/components/TPricing.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricing.vue.d.ts","sourceRoot":"","sources":["../../src/components/TPricing.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA2BJ,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;;;;YAVxB,GAAG;;;;EAe5B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAvGV,KAAK;aACF,MAAM;wFA+GlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TPricing.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TPricingCard.cjs");let t=require("vue");var n=(0,t.defineComponent)({__name:`TPricing`,props:{plans:{},size:{default:`md`},columns:{default:void 0}},emits:[`select`],setup(n,{emit:r}){let i=n,a=r,o=(0,t.computed)(()=>i.columns?{gridTemplateColumns:`repeat(${i.columns}, 1fr)`}:{gridTemplateColumns:`repeat(${i.plans.length}, 1fr)`});return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:`t-pricing`,style:(0,t.normalizeStyle)(o.value),role:`list`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(n.plans,(i,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:o,role:`listitem`},[(0,t.renderSlot)(r.$slots,`plan`,{plan:i,index:o},()=>[(0,t.createVNode)(e.default,(0,t.mergeProps)({ref_for:!0},i,{size:n.size,onSelect:e=>a(`select`,i,o)}),null,16,[`size`,`onSelect`])])]))),128))],4))}});exports.default=n;
+//# sourceMappingURL=TPricing.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TPricing.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricing.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TPricing.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TPricingCard from './TPricingCard.vue';\nimport type { PricingFeature } from './TPricingCard.vue';\n\nexport interface PricingPlan {\n  title: string;\n  description?: string;\n  price: string | number;\n  currency?: string;\n  period?: string;\n  features?: PricingFeature[];\n  highlighted?: boolean;\n  badge?: string;\n  buttonText?: string;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    plans: PricingPlan[];\n    size?: TSize;\n    columns?: number;\n  }>(),\n  {\n    size: 'md',\n    columns: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n  if (props.columns) {\n    return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n  }\n  return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n  <div\n    class=\"t-pricing\"\n    :style=\"gridStyle\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(plan, index) in plans\"\n      :key=\"index\"\n      role=\"listitem\"\n    >\n      <slot\n        name=\"plan\"\n        :plan=\"plan\"\n        :index=\"index\"\n      >\n        <TPricingCard\n          v-bind=\"plan\"\n          :size=\"size\"\n          @select=\"emit('select', plan, index)\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":"2MAmBA,IAAM,EAAQ,EAYR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,QACD,CAAE,oBAAqB,UAAU,EAAM,QAAQ,OAAQ,EAEzD,CAAE,oBAAqB,UAAU,EAAM,MAAM,OAAO,OAAQ,CACpE,2DA0BO,MAAA,CArBJ,MAAM,YACL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAS,EACjB,KAAK,uDAkBC,EAAA,SAAA,MAAA,EAAA,EAAA,WAAA,CAfoB,EAAA,OAAhB,EAAM,gDAeV,MAAA,CAdH,IAAK,EACN,KAAK,8BAYE,EAAA,OAAA,OAAA,CARE,OACC,aAOH,EAAA,EAAA,EAAA,YAAA,CADH,EAAA,SAAA,EAAA,EAAA,WAAA,CAAA,CAAA,QAAA,EAAA,EAHQ,EAAI,CACX,KAAM,EAAA,KACN,SAAM,GAAE,EAAI,SAAW,EAAM,CAAK"}

package/dist/components/TPricing.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import e from "./TPricingCard.js";
+import { Fragment as t, computed as n, createElementBlock as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeStyle as s, openBlock as c, renderList as l, renderSlot as u } from "vue";
+//#region src/components/TPricing.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ a({
+	__name: "TPricing",
+	props: {
+		plans: {},
+		size: { default: "md" },
+		columns: { default: void 0 }
+	},
+	emits: ["select"],
+	setup(a, { emit: d }) {
+		let f = a, p = d, m = n(() => f.columns ? { gridTemplateColumns: `repeat(${f.columns}, 1fr)` } : { gridTemplateColumns: `repeat(${f.plans.length}, 1fr)` });
+		return (n, d) => (c(), r("div", {
+			class: "t-pricing",
+			style: s(m.value),
+			role: "list"
+		}, [(c(!0), r(t, null, l(a.plans, (t, s) => (c(), r("div", {
+			key: s,
+			role: "listitem"
+		}, [u(n.$slots, "plan", {
+			plan: t,
+			index: s
+		}, () => [i(e, o({ ref_for: !0 }, t, {
+			size: a.size,
+			onSelect: (e) => p("select", t, s)
+		}), null, 16, ["size", "onSelect"])])]))), 128))], 4));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TPricing.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TPricing.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricing.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TPricing.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TPricingCard from './TPricingCard.vue';\nimport type { PricingFeature } from './TPricingCard.vue';\n\nexport interface PricingPlan {\n  title: string;\n  description?: string;\n  price: string | number;\n  currency?: string;\n  period?: string;\n  features?: PricingFeature[];\n  highlighted?: boolean;\n  badge?: string;\n  buttonText?: string;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    plans: PricingPlan[];\n    size?: TSize;\n    columns?: number;\n  }>(),\n  {\n    size: 'md',\n    columns: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [plan: PricingPlan, index: number];\n}>();\n\nconst gridStyle = computed(() => {\n  if (props.columns) {\n    return { gridTemplateColumns: `repeat(${props.columns}, 1fr)` };\n  }\n  return { gridTemplateColumns: `repeat(${props.plans.length}, 1fr)` };\n});\n</script>\n\n<template>\n  <div\n    class=\"t-pricing\"\n    :style=\"gridStyle\"\n    role=\"list\"\n  >\n    <div\n      v-for=\"(plan, index) in plans\"\n      :key=\"index\"\n      role=\"listitem\"\n    >\n      <slot\n        name=\"plan\"\n        :plan=\"plan\"\n        :index=\"index\"\n      >\n        <TPricingCard\n          v-bind=\"plan\"\n          :size=\"size\"\n          @select=\"emit('select', plan, index)\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAmBA,IAAM,IAAQ,GAYR,IAAO,GAIP,IAAY,QACZ,EAAM,UACD,EAAE,qBAAqB,UAAU,EAAM,QAAQ,QAAQ,IAEzD,EAAE,qBAAqB,UAAU,EAAM,MAAM,OAAO,QAAQ,CACpE;yBAIC,EAsBM,OAAA;GArBJ,OAAM;GACL,OAAK,EAAE,EAAA,KAAS;GACjB,MAAK;cAEL,EAgBM,GAAA,MAAA,EAfoB,EAAA,QAAhB,GAAM,YADhB,EAgBM,OAAA;GAdH,KAAK;GACN,MAAK;MAEL,EAUO,EAAA,QAAA,QAAA;GARE;GACC;WAOH,CALL,EAIE,GAJF,EAIE,EAAA,SAAA,GAAA,GAHQ,GAAI;GACX,MAAM,EAAA;GACN,WAAM,MAAE,EAAI,UAAW,GAAM,CAAK"}

package/dist/components/TPricingCard.cjs

@@ -0,0 +1,2 @@
+var e=require("./TPricingCard.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TPricingCard.cjs.map

package/dist/components/TPricingCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricingCard.cjs","names":[],"sources":["../../src/components/TPricingCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TBadge from './TBadge.vue';\n\nexport interface PricingFeature {\n  text: string;\n  included?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    title: string;\n    description?: string;\n    price: string | number;\n    currency?: string;\n    period?: string;\n    features?: PricingFeature[];\n    highlighted?: boolean;\n    badge?: string;\n    buttonText?: string;\n    size?: TSize;\n    disabled?: boolean;\n  }>(),\n  {\n    description: undefined,\n    currency: '$',\n    period: undefined,\n    features: () => [],\n    highlighted: false,\n    badge: undefined,\n    buttonText: undefined,\n    size: 'md',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [];\n}>();\n\ndefineSlots<{\n  header?: () => unknown;\n  price?: () => unknown;\n  features?: () => unknown;\n  action?: () => unknown;\n  badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n  't-pricing-card',\n  `t-pricing-card--${props.size}`,\n  {\n    't-pricing-card--highlighted': props.highlighted,\n  },\n]);\n\nconst onSelect = () => {\n  if (!props.disabled) {\n    emit('select');\n  }\n};\n</script>\n\n<template>\n  <article :class=\"classes\">\n    <div\n      v-if=\"badge || $slots.badge\"\n      class=\"t-pricing-card__badge\"\n    >\n      <slot name=\"badge\">\n        <TBadge\n          variant=\"solid\"\n          size=\"sm\"\n        >\n          {{ badge }}\n        </TBadge>\n      </slot>\n    </div>\n\n    <header class=\"t-pricing-card__header\">\n      <slot name=\"header\">\n        <h3 class=\"t-pricing-card__title\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"description\"\n          class=\"t-pricing-card__description\"\n        >\n          {{ description }}\n        </p>\n      </slot>\n    </header>\n\n    <div class=\"t-pricing-card__price\">\n      <slot name=\"price\">\n        <span class=\"t-pricing-card__currency\">{{ currency }}</span>\n        <span class=\"t-pricing-card__amount\">{{ price }}</span>\n        <span\n          v-if=\"period\"\n          class=\"t-pricing-card__period\"\n        >{{ period }}</span>\n      </slot>\n    </div>\n\n    <div\n      v-if=\"features.length > 0 || $slots.features\"\n      class=\"t-pricing-card__features\"\n    >\n      <slot name=\"features\">\n        <ul\n          class=\"t-pricing-card__feature-list\"\n          role=\"list\"\n        >\n          <li\n            v-for=\"(feature, index) in features\"\n            :key=\"index\"\n            class=\"t-pricing-card__feature-item\"\n            :class=\"{ 't-pricing-card__feature-item--excluded': feature.included === false }\"\n          >\n            <span\n              class=\"t-pricing-card__feature-icon\"\n              aria-hidden=\"true\"\n            >\n              {{ feature.included === false ? '✕' : '✓' }}\n            </span>\n            <span>{{ feature.text }}</span>\n          </li>\n        </ul>\n      </slot>\n    </div>\n\n    <footer\n      v-if=\"buttonText || $slots.action\"\n      class=\"t-pricing-card__action\"\n    >\n      <slot name=\"action\">\n        <TButton\n          :variant=\"highlighted ? 'solid' : 'outline'\"\n          :size=\"size\"\n          :disabled=\"disabled\"\n          @click=\"onSelect\"\n        >\n          {{ buttonText }}\n        </TButton>\n      </slot>\n    </footer>\n  </article>\n</template>\n"],"mappings":""}

package/dist/components/TPricingCard.js

@@ -0,0 +1,7 @@
+import e from "./TPricingCard.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TPricingCard.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TPricingCard.js.map

package/dist/components/TPricingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricingCard.js","names":[],"sources":["../../src/components/TPricingCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TBadge from './TBadge.vue';\n\nexport interface PricingFeature {\n  text: string;\n  included?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    title: string;\n    description?: string;\n    price: string | number;\n    currency?: string;\n    period?: string;\n    features?: PricingFeature[];\n    highlighted?: boolean;\n    badge?: string;\n    buttonText?: string;\n    size?: TSize;\n    disabled?: boolean;\n  }>(),\n  {\n    description: undefined,\n    currency: '$',\n    period: undefined,\n    features: () => [],\n    highlighted: false,\n    badge: undefined,\n    buttonText: undefined,\n    size: 'md',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [];\n}>();\n\ndefineSlots<{\n  header?: () => unknown;\n  price?: () => unknown;\n  features?: () => unknown;\n  action?: () => unknown;\n  badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n  't-pricing-card',\n  `t-pricing-card--${props.size}`,\n  {\n    't-pricing-card--highlighted': props.highlighted,\n  },\n]);\n\nconst onSelect = () => {\n  if (!props.disabled) {\n    emit('select');\n  }\n};\n</script>\n\n<template>\n  <article :class=\"classes\">\n    <div\n      v-if=\"badge || $slots.badge\"\n      class=\"t-pricing-card__badge\"\n    >\n      <slot name=\"badge\">\n        <TBadge\n          variant=\"solid\"\n          size=\"sm\"\n        >\n          {{ badge }}\n        </TBadge>\n      </slot>\n    </div>\n\n    <header class=\"t-pricing-card__header\">\n      <slot name=\"header\">\n        <h3 class=\"t-pricing-card__title\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"description\"\n          class=\"t-pricing-card__description\"\n        >\n          {{ description }}\n        </p>\n      </slot>\n    </header>\n\n    <div class=\"t-pricing-card__price\">\n      <slot name=\"price\">\n        <span class=\"t-pricing-card__currency\">{{ currency }}</span>\n        <span class=\"t-pricing-card__amount\">{{ price }}</span>\n        <span\n          v-if=\"period\"\n          class=\"t-pricing-card__period\"\n        >{{ period }}</span>\n      </slot>\n    </div>\n\n    <div\n      v-if=\"features.length > 0 || $slots.features\"\n      class=\"t-pricing-card__features\"\n    >\n      <slot name=\"features\">\n        <ul\n          class=\"t-pricing-card__feature-list\"\n          role=\"list\"\n        >\n          <li\n            v-for=\"(feature, index) in features\"\n            :key=\"index\"\n            class=\"t-pricing-card__feature-item\"\n            :class=\"{ 't-pricing-card__feature-item--excluded': feature.included === false }\"\n          >\n            <span\n              class=\"t-pricing-card__feature-icon\"\n              aria-hidden=\"true\"\n            >\n              {{ feature.included === false ? '✕' : '✓' }}\n            </span>\n            <span>{{ feature.text }}</span>\n          </li>\n        </ul>\n      </slot>\n    </div>\n\n    <footer\n      v-if=\"buttonText || $slots.action\"\n      class=\"t-pricing-card__action\"\n    >\n      <slot name=\"action\">\n        <TButton\n          :variant=\"highlighted ? 'solid' : 'outline'\"\n          :size=\"size\"\n          :disabled=\"disabled\"\n          @click=\"onSelect\"\n        >\n          {{ buttonText }}\n        </TButton>\n      </slot>\n    </footer>\n  </article>\n</template>\n"],"mappings":""}

package/dist/components/{TreePricingCard.vue.d.ts → TPricingCard.vue.d.ts}

@@ -1,4 +1,4 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 export interface PricingFeature {
     text: string;
     included?: boolean;
@@ -13,7 +13,7 @@ type __VLS_Props = {
     highlighted?: boolean;
     badge?: string;
     buttonText?: string;
-    size?: TreeSize;
+    size?: TSize;
     disabled?: boolean;
 };
 declare function __VLS_template(): {
@@ -41,7 +41,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     description: string;
     badge: string;
     currency: string;
@@ -57,4 +57,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreePricingCard.vue.d.ts.map
+//# sourceMappingURL=TPricingCard.vue.d.ts.map

package/dist/components/TPricingCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricingCard.vue.d.ts","sourceRoot":"","sources":["../../src/components/TPricingCard.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAIhD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAwDJ,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;iBApKvC,MAAM,OAAO;gBACd,MAAM,OAAO;mBACV,MAAM,OAAO;iBACf,MAAM,OAAO;gBACd,MAAM,OAAO;;iBAJZ,MAAM,OAAO;gBACd,MAAM,OAAO;mBACV,MAAM,OAAO;iBACf,MAAM,OAAO;gBACd,MAAM,OAAO;;;;EAqKtB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cA/MN,OAAO;UADX,KAAK;iBARE,MAAM;WAMZ,MAAM;cAJH,MAAM;YACR,MAAM;cACJ,cAAc,EAAE;iBACb,OAAO;gBAER,MAAM;qFA0NrB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TPricingCard.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TBadge.cjs"),t=require("./TButton.cjs");let n=require("vue");var r={key:0,class:`t-pricing-card__badge`},i={class:`t-pricing-card__header`},a={class:`t-pricing-card__title`},o={key:0,class:`t-pricing-card__description`},s={class:`t-pricing-card__price`},c={class:`t-pricing-card__currency`},l={class:`t-pricing-card__amount`},u={key:0,class:`t-pricing-card__period`},d={key:1,class:`t-pricing-card__features`},f={class:`t-pricing-card__feature-list`,role:`list`},p={class:`t-pricing-card__feature-icon`,"aria-hidden":`true`},m={key:2,class:`t-pricing-card__action`},h=(0,n.defineComponent)({__name:`TPricingCard`,props:{title:{},description:{default:void 0},price:{},currency:{default:`$`},period:{default:void 0},features:{default:()=>[]},highlighted:{type:Boolean,default:!1},badge:{default:void 0},buttonText:{default:void 0},size:{default:`md`},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(h,{emit:g}){let _=h,v=g,y=(0,n.computed)(()=>[`t-pricing-card`,`t-pricing-card--${_.size}`,{"t-pricing-card--highlighted":_.highlighted}]),b=()=>{_.disabled||v(`select`)};return(g,_)=>((0,n.openBlock)(),(0,n.createElementBlock)(`article`,{class:(0,n.normalizeClass)(y.value)},[h.badge||g.$slots.badge?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r,[(0,n.renderSlot)(g.$slots,`badge`,{},()=>[(0,n.createVNode)(e.default,{variant:`solid`,size:`sm`},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(h.badge),1)]),_:1})])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`header`,i,[(0,n.renderSlot)(g.$slots,`header`,{},()=>[(0,n.createElementVNode)(`h3`,a,(0,n.toDisplayString)(h.title),1),h.description?((0,n.openBlock)(),(0,n.createElementBlock)(`p`,o,(0,n.toDisplayString)(h.description),1)):(0,n.createCommentVNode)(``,!0)])]),(0,n.createElementVNode)(`div`,s,[(0,n.renderSlot)(g.$slots,`price`,{},()=>[(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(h.currency),1),(0,n.createElementVNode)(`span`,l,(0,n.toDisplayString)(h.price),1),h.period?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,(0,n.toDisplayString)(h.period),1)):(0,n.createCommentVNode)(``,!0)])]),h.features.length>0||g.$slots.features?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,d,[(0,n.renderSlot)(g.$slots,`features`,{},()=>[(0,n.createElementVNode)(`ul`,f,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(h.features,(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`li`,{key:t,class:(0,n.normalizeClass)([`t-pricing-card__feature-item`,{"t-pricing-card__feature-item--excluded":e.included===!1}])},[(0,n.createElementVNode)(`span`,p,(0,n.toDisplayString)(e.included===!1?`✕`:`✓`),1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.text),1)],2))),128))])])])):(0,n.createCommentVNode)(``,!0),h.buttonText||g.$slots.action?((0,n.openBlock)(),(0,n.createElementBlock)(`footer`,m,[(0,n.renderSlot)(g.$slots,`action`,{},()=>[(0,n.createVNode)(t.default,{variant:h.highlighted?`solid`:`outline`,size:h.size,disabled:h.disabled,onClick:b},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(h.buttonText),1)]),_:1},8,[`variant`,`size`,`disabled`])])])):(0,n.createCommentVNode)(``,!0)],2))}});exports.default=h;
+//# sourceMappingURL=TPricingCard.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TPricingCard.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPricingCard.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TPricingCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TBadge from './TBadge.vue';\n\nexport interface PricingFeature {\n  text: string;\n  included?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    title: string;\n    description?: string;\n    price: string | number;\n    currency?: string;\n    period?: string;\n    features?: PricingFeature[];\n    highlighted?: boolean;\n    badge?: string;\n    buttonText?: string;\n    size?: TSize;\n    disabled?: boolean;\n  }>(),\n  {\n    description: undefined,\n    currency: '$',\n    period: undefined,\n    features: () => [],\n    highlighted: false,\n    badge: undefined,\n    buttonText: undefined,\n    size: 'md',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  select: [];\n}>();\n\ndefineSlots<{\n  header?: () => unknown;\n  price?: () => unknown;\n  features?: () => unknown;\n  action?: () => unknown;\n  badge?: () => unknown;\n}>();\n\nconst classes = computed(() => [\n  't-pricing-card',\n  `t-pricing-card--${props.size}`,\n  {\n    't-pricing-card--highlighted': props.highlighted,\n  },\n]);\n\nconst onSelect = () => {\n  if (!props.disabled) {\n    emit('select');\n  }\n};\n</script>\n\n<template>\n  <article :class=\"classes\">\n    <div\n      v-if=\"badge || $slots.badge\"\n      class=\"t-pricing-card__badge\"\n    >\n      <slot name=\"badge\">\n        <TBadge\n          variant=\"solid\"\n          size=\"sm\"\n        >\n          {{ badge }}\n        </TBadge>\n      </slot>\n    </div>\n\n    <header class=\"t-pricing-card__header\">\n      <slot name=\"header\">\n        <h3 class=\"t-pricing-card__title\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"description\"\n          class=\"t-pricing-card__description\"\n        >\n          {{ description }}\n        </p>\n      </slot>\n    </header>\n\n    <div class=\"t-pricing-card__price\">\n      <slot name=\"price\">\n        <span class=\"t-pricing-card__currency\">{{ currency }}</span>\n        <span class=\"t-pricing-card__amount\">{{ price }}</span>\n        <span\n          v-if=\"period\"\n          class=\"t-pricing-card__period\"\n        >{{ period }}</span>\n      </slot>\n    </div>\n\n    <div\n      v-if=\"features.length > 0 || $slots.features\"\n      class=\"t-pricing-card__features\"\n    >\n      <slot name=\"features\">\n        <ul\n          class=\"t-pricing-card__feature-list\"\n          role=\"list\"\n        >\n          <li\n            v-for=\"(feature, index) in features\"\n            :key=\"index\"\n            class=\"t-pricing-card__feature-item\"\n            :class=\"{ 't-pricing-card__feature-item--excluded': feature.included === false }\"\n          >\n            <span\n              class=\"t-pricing-card__feature-icon\"\n              aria-hidden=\"true\"\n            >\n              {{ feature.included === false ? '✕' : '✓' }}\n            </span>\n            <span>{{ feature.text }}</span>\n          </li>\n        </ul>\n      </slot>\n    </div>\n\n    <footer\n      v-if=\"buttonText || $slots.action\"\n      class=\"t-pricing-card__action\"\n    >\n      <slot name=\"action\">\n        <TButton\n          :variant=\"highlighted ? 'solid' : 'outline'\"\n          :size=\"size\"\n          :disabled=\"disabled\"\n          @click=\"onSelect\"\n        >\n          {{ buttonText }}\n        </TButton>\n      </slot>\n    </footer>\n  </article>\n</template>\n"],"mappings":"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"}