@treeui/vue 0.8.0 → 0.10.0

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/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/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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"}

package/dist/components/TPricingCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import e from "./TBadge.js";
+import t from "./TButton.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, withCtx as h } from "vue";
+//#region src/components/TPricingCard.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "t-pricing-card__badge"
+}, _ = { class: "t-pricing-card__header" }, v = { class: "t-pricing-card__title" }, y = {
+	key: 0,
+	class: "t-pricing-card__description"
+}, b = { class: "t-pricing-card__price" }, x = { class: "t-pricing-card__currency" }, S = { class: "t-pricing-card__amount" }, C = {
+	key: 0,
+	class: "t-pricing-card__period"
+}, w = {
+	key: 1,
+	class: "t-pricing-card__features"
+}, T = {
+	class: "t-pricing-card__feature-list",
+	role: "list"
+}, E = {
+	class: "t-pricing-card__feature-icon",
+	"aria-hidden": "true"
+}, D = {
+	key: 2,
+	class: "t-pricing-card__action"
+}, O = /*@__PURE__*/ l({
+	__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(l, { emit: O }) {
+		let k = l, A = O, j = r(() => [
+			"t-pricing-card",
+			`t-pricing-card--${k.size}`,
+			{ "t-pricing-card--highlighted": k.highlighted }
+		]), M = () => {
+			k.disabled || A("select");
+		};
+		return (r, O) => (d(), a("article", { class: u(j.value) }, [
+			l.badge || r.$slots.badge ? (d(), a("div", g, [p(r.$slots, "badge", {}, () => [c(e, {
+				variant: "solid",
+				size: "sm"
+			}, {
+				default: h(() => [s(m(l.badge), 1)]),
+				_: 1
+			})])])) : i("", !0),
+			o("header", _, [p(r.$slots, "header", {}, () => [o("h3", v, m(l.title), 1), l.description ? (d(), a("p", y, m(l.description), 1)) : i("", !0)])]),
+			o("div", b, [p(r.$slots, "price", {}, () => [
+				o("span", x, m(l.currency), 1),
+				o("span", S, m(l.price), 1),
+				l.period ? (d(), a("span", C, m(l.period), 1)) : i("", !0)
+			])]),
+			l.features.length > 0 || r.$slots.features ? (d(), a("div", w, [p(r.$slots, "features", {}, () => [o("ul", T, [(d(!0), a(n, null, f(l.features, (e, t) => (d(), a("li", {
+				key: t,
+				class: u(["t-pricing-card__feature-item", { "t-pricing-card__feature-item--excluded": e.included === !1 }])
+			}, [o("span", E, m(e.included === !1 ? "✕" : "✓"), 1), o("span", null, m(e.text), 1)], 2))), 128))])])])) : i("", !0),
+			l.buttonText || r.$slots.action ? (d(), a("footer", D, [p(r.$slots, "action", {}, () => [c(t, {
+				variant: l.highlighted ? "solid" : "outline",
+				size: l.size,
+				disabled: l.disabled,
+				onClick: M
+			}, {
+				default: h(() => [s(m(l.buttonText), 1)]),
+				_: 1
+			}, 8, [
+				"variant",
+				"size",
+				"disabled"
+			])])])) : i("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=TPricingCard.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPricingCard.vue_vue_type_script_setup_true_lang.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GA2BR,IAAO,GAYP,IAAU,QAAe;GAC7B;GACA,mBAAmB,EAAM;GACzB,EACE,+BAA+B,EAAM,YACvC;EACF,CAAC,GAEK,UAAiB;GACrB,AAAK,EAAM,YACT,EAAK,QAAQ;EAEjB;yBAIE,EAkFU,WAAA,EAlFA,OAAK,EAAE,EAAA,KAAO,EAAA,GAAA;GAEd,EAAA,SAASA,EAAAA,OAAO,SAAA,EAAA,GADxB,EAYM,OAZN,GAYM,CARJ,EAOO,EAAA,QAAA,SAAA,CAAA,SAAA,CANL,EAKS,GAAA;IAJP,SAAQ;IACR,MAAK;;qBAEM,CAAA,EAAA,EAAR,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;GAKd,EAYS,UAZT,GAYS,CAXP,EAUO,EAAA,QAAA,UAAA,CAAA,SAAA,CATL,EAEK,MAFL,GAEK,EADA,EAAA,KAAK,GAAA,CAAA,GAGF,EAAA,eAAA,EAAA,GADR,EAKI,KALJ,GAKI,EADC,EAAA,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;GAKpB,EASM,OATN,GASM,CARJ,EAOO,EAAA,QAAA,SAAA,CAAA,SAAA;IANL,EAA4D,QAA5D,GAA4D,EAAlB,EAAA,QAAQ,GAAA,CAAA;IAClD,EAAuD,QAAvD,GAAuD,EAAf,EAAA,KAAK,GAAA,CAAA;IAErC,EAAA,UAAA,EAAA,GADR,EAGoB,QAHpB,GAGoB,EAAhB,EAAA,MAAM,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;;GAKN,EAAA,SAAS,SAAM,KAAQA,EAAAA,OAAO,YAAA,EAAA,GADtC,EAyBM,OAzBN,GAyBM,CArBJ,EAoBO,EAAA,QAAA,YAAA,CAAA,SAAA,CAnBL,EAkBK,MAlBL,GAkBK,EAAA,EAAA,EAAA,GAdH,EAaK,GAAA,MAAA,EAZwB,EAAA,WAAnB,GAAS,YADnB,EAaK,MAAA;IAXF,KAAK;IACN,OAAK,EAAA,CAAC,gCAA8B,EAAA,0CACgB,EAAQ,aAAQ,GAAA,CAAA,CAAA;OAEpE,EAKO,QALP,GAKO,EADF,EAAQ,aAAQ,KAAA,MAAA,GAAA,GAAA,CAAA,GAErB,EAA+B,QAAA,MAAA,EAAtB,EAAQ,IAAI,GAAA,CAAA,CAAA,GAAA,CAAA;GAOrB,EAAA,cAAcA,EAAAA,OAAO,UAAA,EAAA,GAD7B,EAcS,UAdT,GAcS,CAVP,EASO,EAAA,QAAA,UAAA,CAAA,SAAA,CARL,EAOU,GAAA;IANP,SAAS,EAAA,cAAW,UAAA;IACpB,MAAM,EAAA;IACN,UAAU,EAAA;IACV,SAAO;;qBAEQ,CAAA,EAAA,EAAb,EAAA,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/TProgress.cjs

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

package/dist/components/TProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TProgress.cjs","names":[],"sources":["../../src/components/TProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current progress value (0–100). Omit for indeterminate. */\n    value?: number;\n    /** Maximum value. Defaults to 100. */\n    max?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Accessible label */\n    label?: string;\n  }>(),\n  {\n    value: undefined,\n    max: 100,\n    size: 'md',\n    label: 'Progress',\n  },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n  if (isIndeterminate.value) return 0;\n  return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n  't-progress',\n  `t-progress--${props.size}`,\n  { 't-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"progressbar\"\n    :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"100\"\n    :aria-label=\"label\"\n  >\n    <div class=\"t-progress__track\">\n      <div\n        class=\"t-progress__fill\"\n        :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n      />\n    </div>\n\n    <span class=\"t-visually-hidden\">{{ label }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TProgress.js

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

package/dist/components/TProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TProgress.js","names":[],"sources":["../../src/components/TProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current progress value (0–100). Omit for indeterminate. */\n    value?: number;\n    /** Maximum value. Defaults to 100. */\n    max?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Accessible label */\n    label?: string;\n  }>(),\n  {\n    value: undefined,\n    max: 100,\n    size: 'md',\n    label: 'Progress',\n  },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n  if (isIndeterminate.value) return 0;\n  return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n  't-progress',\n  `t-progress--${props.size}`,\n  { 't-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"progressbar\"\n    :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"100\"\n    :aria-label=\"label\"\n  >\n    <div class=\"t-progress__track\">\n      <div\n        class=\"t-progress__fill\"\n        :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n      />\n    </div>\n\n    <span class=\"t-visually-hidden\">{{ label }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TProgress.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`aria-valuenow`,`aria-label`],n={class:`t-progress__track`},r={class:`t-visually-hidden`},i=(0,e.defineComponent)({__name:`TProgress`,props:{value:{default:void 0},max:{default:100},size:{default:`md`},label:{default:`Progress`}},setup(i){let a=i,o=(0,e.computed)(()=>a.value===void 0||a.value===null),s=(0,e.computed)(()=>o.value?0:Math.min(100,Math.max(0,a.value/a.max*100))),c=(0,e.computed)(()=>[`t-progress`,`t-progress--${a.size}`,{"t-progress--indeterminate":o.value}]);return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)(c.value),role:`progressbar`,"aria-valuenow":o.value?void 0:s.value,"aria-valuemin":0,"aria-valuemax":100,"aria-label":i.label},[(0,e.createElementVNode)(`div`,n,[(0,e.createElementVNode)(`div`,{class:`t-progress__fill`,style:(0,e.normalizeStyle)(o.value?void 0:{width:`${s.value}%`})},null,4)]),(0,e.createElementVNode)(`span`,r,(0,e.toDisplayString)(i.label),1)],10,t))}});exports.default=i;
+//# sourceMappingURL=TProgress.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TProgress.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current progress value (0–100). Omit for indeterminate. */\n    value?: number;\n    /** Maximum value. Defaults to 100. */\n    max?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Accessible label */\n    label?: string;\n  }>(),\n  {\n    value: undefined,\n    max: 100,\n    size: 'md',\n    label: 'Progress',\n  },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n  if (isIndeterminate.value) return 0;\n  return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n  't-progress',\n  `t-progress--${props.size}`,\n  { 't-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"progressbar\"\n    :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"100\"\n    :aria-label=\"label\"\n  >\n    <div class=\"t-progress__track\">\n      <div\n        class=\"t-progress__fill\"\n        :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n      />\n    </div>\n\n    <span class=\"t-visually-hidden\">{{ label }}</span>\n  </div>\n</template>\n"],"mappings":"2QAIA,IAAM,EAAQ,EAmBR,GAAA,EAAA,EAAA,SAAA,KAAiC,EAAM,QAAU,IAAA,IAAa,EAAM,QAAU,IAAI,EAElF,GAAA,EAAA,EAAA,SAAA,KACA,EAAgB,MAAc,EAC3B,KAAK,IAAI,IAAK,KAAK,IAAI,EAAI,EAAM,MAAS,EAAM,IAAO,GAAG,CAAC,CACnE,EAEK,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,aACA,eAAe,EAAM,OACrB,CAAE,4BAA6B,EAAgB,KAAM,CACvD,CAAC,2DAoBO,MAAA,CAfH,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACf,KAAK,cACJ,gBAAe,EAAA,MAAkB,IAAA,GAAY,EAAA,MAC7C,gBAAe,EACf,gBAAe,IACf,aAAY,EAAA,iCAOP,MALN,EAKM,EAAA,EAAA,EAAA,mBAAA,CADF,MAAA,CAFA,MAAM,mBACL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,MAAkB,IAAA,GAAS,CAAA,MAAA,GAAe,EAAA,MAAU,EAAA,CAAA,sCAId,OAAlD,GAAA,EAAA,EAAA,gBAAA,CAAmC,EAAA,KAAK,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA"}

package/dist/components/TProgress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
+//#region src/components/TProgress.vue?vue&type=script&setup=true&lang.ts
+var c = ["aria-valuenow", "aria-label"], l = { class: "t-progress__track" }, u = { class: "t-visually-hidden" }, d = /*@__PURE__*/ r({
+	__name: "TProgress",
+	props: {
+		value: { default: void 0 },
+		max: { default: 100 },
+		size: { default: "md" },
+		label: { default: "Progress" }
+	},
+	setup(r) {
+		let d = r, f = e(() => d.value === void 0 || d.value === null), p = e(() => f.value ? 0 : Math.min(100, Math.max(0, d.value / d.max * 100))), m = e(() => [
+			"t-progress",
+			`t-progress--${d.size}`,
+			{ "t-progress--indeterminate": f.value }
+		]);
+		return (e, d) => (o(), t("div", {
+			class: i(m.value),
+			role: "progressbar",
+			"aria-valuenow": f.value ? void 0 : p.value,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-label": r.label
+		}, [n("div", l, [n("div", {
+			class: "t-progress__fill",
+			style: a(f.value ? void 0 : { width: `${p.value}%` })
+		}, null, 4)]), n("span", u, s(r.label), 1)], 10, c));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=TProgress.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TProgress.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current progress value (0–100). Omit for indeterminate. */\n    value?: number;\n    /** Maximum value. Defaults to 100. */\n    max?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Accessible label */\n    label?: string;\n  }>(),\n  {\n    value: undefined,\n    max: 100,\n    size: 'md',\n    label: 'Progress',\n  },\n);\n\nconst isIndeterminate = computed(() => props.value === undefined || props.value === null);\n\nconst percentage = computed(() => {\n  if (isIndeterminate.value) return 0;\n  return Math.min(100, Math.max(0, (props.value! / props.max) * 100));\n});\n\nconst classes = computed(() => [\n  't-progress',\n  `t-progress--${props.size}`,\n  { 't-progress--indeterminate': isIndeterminate.value },\n]);\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"progressbar\"\n    :aria-valuenow=\"isIndeterminate ? undefined : percentage\"\n    :aria-valuemin=\"0\"\n    :aria-valuemax=\"100\"\n    :aria-label=\"label\"\n  >\n    <div class=\"t-progress__track\">\n      <div\n        class=\"t-progress__fill\"\n        :style=\"isIndeterminate ? undefined : { width: `${percentage}%` }\"\n      />\n    </div>\n\n    <span class=\"t-visually-hidden\">{{ label }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,IAAM,IAAQ,GAmBR,IAAkB,QAAe,EAAM,UAAU,KAAA,KAAa,EAAM,UAAU,IAAI,GAElF,IAAa,QACb,EAAgB,QAAc,IAC3B,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,EAAM,QAAS,EAAM,MAAO,GAAG,CAAC,CACnE,GAEK,IAAU,QAAe;GAC7B;GACA,eAAe,EAAM;GACrB,EAAE,6BAA6B,EAAgB,MAAM;EACvD,CAAC;yBAIC,EAgBM,OAAA;GAfH,OAAK,EAAE,EAAA,KAAO;GACf,MAAK;GACJ,iBAAe,EAAA,QAAkB,KAAA,IAAY,EAAA;GAC7C,iBAAe;GACf,iBAAe;GACf,cAAY,EAAA;MAEb,EAKM,OALN,GAKM,CAJJ,EAGE,OAAA;GAFA,OAAM;GACL,OAAK,EAAE,EAAA,QAAkB,KAAA,IAAS,EAAA,OAAA,GAAe,EAAA,MAAU,GAAA,CAAA;iBAIhE,EAAkD,QAAlD,GAAkD,EAAf,EAAA,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}

package/dist/components/TRadio.cjs

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

package/dist/components/TRadio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRadio.cjs","names":[],"sources":["../../src/components/TRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    disabled: false,\n    invalid: false,\n    size: undefined,\n  },\n);\n\nconst group = inject<{\n  modelValue: () => string | undefined;\n  name: () => string | undefined;\n  disabled: () => boolean;\n  invalid: () => boolean;\n  size: () => TSize;\n  onChange: (value: string) => void;\n} | null>('t-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n  return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n  't-radio',\n  `t-radio--${resolvedSize.value}`,\n  {\n    'is-checked': isChecked.value,\n    'is-disabled': isDisabled.value,\n    'is-invalid': isInvalid.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  if (group) {\n    group.onChange(props.value);\n  }\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"radio\"\n      class=\"t-radio__input\"\n      :value=\"value\"\n      :checked=\"isChecked\"\n      :disabled=\"isDisabled\"\n      :name=\"group?.name()\"\n      :aria-checked=\"isChecked\"\n      :aria-invalid=\"isInvalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-radio__control\"\n      aria-hidden=\"true\"\n    >\n      <span\n        v-if=\"isChecked\"\n        class=\"t-radio__dot\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-radio__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TRadio.js

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

package/dist/components/TRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRadio.js","names":[],"sources":["../../src/components/TRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    disabled: false,\n    invalid: false,\n    size: undefined,\n  },\n);\n\nconst group = inject<{\n  modelValue: () => string | undefined;\n  name: () => string | undefined;\n  disabled: () => boolean;\n  invalid: () => boolean;\n  size: () => TSize;\n  onChange: (value: string) => void;\n} | null>('t-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n  return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n  't-radio',\n  `t-radio--${resolvedSize.value}`,\n  {\n    'is-checked': isChecked.value,\n    'is-disabled': isDisabled.value,\n    'is-invalid': isInvalid.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  if (group) {\n    group.onChange(props.value);\n  }\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"radio\"\n      class=\"t-radio__input\"\n      :value=\"value\"\n      :checked=\"isChecked\"\n      :disabled=\"isDisabled\"\n      :name=\"group?.name()\"\n      :aria-checked=\"isChecked\"\n      :aria-invalid=\"isInvalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-radio__control\"\n      aria-hidden=\"true\"\n    >\n      <span\n        v-if=\"isChecked\"\n        class=\"t-radio__dot\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-radio__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/TRadio.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`value`,`checked`,`disabled`,`name`,`aria-checked`,`aria-invalid`],n={class:`t-radio__control`,"aria-hidden":`true`},r={key:0,class:`t-radio__dot`},i={key:0,class:`t-radio__label`},a=(0,e.defineComponent)({inheritAttrs:!1,__name:`TRadio`,props:{value:{},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},size:{default:void 0}},setup(a){let o=a,s=(0,e.inject)(`t-radio-group`,null),c=(0,e.useAttrs)(),l=(0,e.computed)(()=>s?s.modelValue()===o.value:!1),u=(0,e.computed)(()=>o.disabled||(s?.disabled()??!1)),d=(0,e.computed)(()=>o.invalid||(s?.invalid()??!1)),f=(0,e.computed)(()=>o.size??s?.size()??`md`),p=(0,e.computed)(()=>[`t-radio`,`t-radio--${f.value}`,{"is-checked":l.value,"is-disabled":u.value,"is-invalid":d.value},c.class]),m=(0,e.computed)(()=>c.style),h=(0,e.computed)(()=>{let{class:e,style:t,...n}=c;return n}),g=()=>{s&&s.onChange(o.value)};return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)(p.value),style:(0,e.normalizeStyle)(m.value)},[(0,e.createElementVNode)(`input`,(0,e.mergeProps)(h.value,{type:`radio`,class:`t-radio__input`,value:a.value,checked:l.value,disabled:u.value,name:(0,e.unref)(s)?.name(),"aria-checked":l.value,"aria-invalid":d.value||void 0,onChange:g}),null,16,t),(0,e.createElementVNode)(`span`,n,[l.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,r)):(0,e.createCommentVNode)(``,!0)]),o.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,i,[(0,e.renderSlot)(o.$slots,`default`)])):(0,e.createCommentVNode)(``,!0)],6))}});exports.default=a;
+//# sourceMappingURL=TRadio.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadio.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TRadio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    disabled: false,\n    invalid: false,\n    size: undefined,\n  },\n);\n\nconst group = inject<{\n  modelValue: () => string | undefined;\n  name: () => string | undefined;\n  disabled: () => boolean;\n  invalid: () => boolean;\n  size: () => TSize;\n  onChange: (value: string) => void;\n} | null>('t-radio-group', null);\n\nconst attrs = useAttrs();\n\nconst isChecked = computed(() => {\n  return group ? group.modelValue() === props.value : false;\n});\n\nconst isDisabled = computed(() => props.disabled || (group?.disabled() ?? false));\nconst isInvalid = computed(() => props.invalid || (group?.invalid() ?? false));\nconst resolvedSize = computed(() => props.size ?? group?.size() ?? 'md');\n\nconst rootClasses = computed(() => [\n  't-radio',\n  `t-radio--${resolvedSize.value}`,\n  {\n    'is-checked': isChecked.value,\n    'is-disabled': isDisabled.value,\n    'is-invalid': isInvalid.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst onChange = () => {\n  if (group) {\n    group.onChange(props.value);\n  }\n};\n</script>\n\n<template>\n  <label\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <input\n      v-bind=\"inputAttrs\"\n      type=\"radio\"\n      class=\"t-radio__input\"\n      :value=\"value\"\n      :checked=\"isChecked\"\n      :disabled=\"isDisabled\"\n      :name=\"group?.name()\"\n      :aria-checked=\"isChecked\"\n      :aria-invalid=\"isInvalid || undefined\"\n      @change=\"onChange\"\n    >\n    <span\n      class=\"t-radio__control\"\n      aria-hidden=\"true\"\n    >\n      <span\n        v-if=\"isChecked\"\n        class=\"t-radio__dot\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.default\"\n      class=\"t-radio__label\"\n    >\n      <slot />\n    </span>\n  </label>\n</template>\n"],"mappings":"+XAQA,IAAM,EAAQ,EAcR,GAAA,EAAA,EAAA,OAAA,CAOI,gBAAiB,IAAI,EAEzB,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KACG,EAAQ,EAAM,WAAW,IAAM,EAAM,MAAQ,EACrD,EAEK,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAM,WAAa,GAAO,SAAS,GAAK,GAAM,EAC1E,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,UAAY,GAAO,QAAQ,GAAK,GAAM,EACvE,GAAA,EAAA,EAAA,SAAA,KAA8B,EAAM,MAAQ,GAAO,KAAK,GAAK,IAAI,EAEjE,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAa,QACzB,CACE,aAAc,EAAU,MACxB,cAAe,EAAW,MAC1B,aAAc,EAAU,KAC1B,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA4B,CAChC,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,MAAiB,CACjB,GACF,EAAM,SAAS,EAAM,KAAK,CAE9B,2DAmCU,QAAA,CA9BL,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,EAClB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAS,6BAahB,SAAA,EAAA,EAAA,WAAA,CAVS,EAUT,MAVmB,CAClB,KAAK,QACL,MAAM,iBACL,MAAO,EAAA,MACP,QAAS,EAAA,MACT,SAAU,EAAA,MACV,MAAA,EAAA,EAAA,MAAA,CAAM,CAAA,CAAK,EAAE,KAAI,EACjB,eAAc,EAAA,MACd,eAAc,EAAA,OAAa,IAAA,GACnB,iDAUJ,OARP,EAQO,CAHG,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAEN,OAHF,CAGE,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAGIA,EAAAA,OAAO,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIR,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TRadio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, inject as a, mergeProps as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f } from "vue";
+//#region src/components/TRadio.vue?vue&type=script&setup=true&lang.ts
+var p = [
+	"value",
+	"checked",
+	"disabled",
+	"name",
+	"aria-checked",
+	"aria-invalid"
+], m = {
+	class: "t-radio__control",
+	"aria-hidden": "true"
+}, h = {
+	key: 0,
+	class: "t-radio__dot"
+}, g = {
+	key: 0,
+	class: "t-radio__label"
+}, _ = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "TRadio",
+	props: {
+		value: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: void 0 }
+	},
+	setup(i) {
+		let _ = i, v = a("t-radio-group", null), y = f(), b = e(() => v ? v.modelValue() === _.value : !1), x = e(() => _.disabled || (v?.disabled() ?? !1)), S = e(() => _.invalid || (v?.invalid() ?? !1)), C = e(() => _.size ?? v?.size() ?? "md"), w = e(() => [
+			"t-radio",
+			`t-radio--${C.value}`,
+			{
+				"is-checked": b.value,
+				"is-disabled": x.value,
+				"is-invalid": S.value
+			},
+			y.class
+		]), T = e(() => y.style), E = e(() => {
+			let { class: e, style: t, ...n } = y;
+			return n;
+		}), D = () => {
+			v && v.onChange(_.value);
+		};
+		return (e, a) => (l(), n("label", {
+			class: s(w.value),
+			style: c(T.value)
+		}, [
+			r("input", o(E.value, {
+				type: "radio",
+				class: "t-radio__input",
+				value: i.value,
+				checked: b.value,
+				disabled: x.value,
+				name: d(v)?.name(),
+				"aria-checked": b.value,
+				"aria-invalid": S.value || void 0,
+				onChange: D
+			}), null, 16, p),
+			r("span", m, [b.value ? (l(), n("span", h)) : t("", !0)]),
+			e.$slots.default ? (l(), n("span", g, [u(e.$slots, "default")])) : t("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=TRadio.vue_vue_type_script_setup_true_lang.js.map