@treeui/vue 0.7.0 → 0.10.0

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/{TreeProgress.vue.d.ts → TProgress.vue.d.ts}

@@ -1,19 +1,19 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     /** Current progress value (0–100). Omit for indeterminate. */
     value?: number;
     /** Maximum value. Defaults to 100. */
     max?: number;
     /** Size variant */
-    size?: TreeSize;
+    size?: TSize;
     /** Accessible label */
     label?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: TreeSize;
+    size: TSize;
     label: string;
     value: number;
     max: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=TreeProgress.vue.d.ts.map
+//# sourceMappingURL=TProgress.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TProgress.vue.d.ts","sourceRoot":"","sources":["../../src/components/TProgress.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,KAAK,WAAW,GAAG;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;UAHO,KAAK;WAEJ,MAAM;WANN,MAAM;SAER,MAAM;;AA4FhB,wBAQG"}

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/{TreeRadio.vue.d.ts → TRadio.vue.d.ts}

@@ -1,9 +1,9 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     value: string;
     disabled?: boolean;
     invalid?: boolean;
-    size?: TreeSize;
+    size?: TSize;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,7 +16,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     invalid: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -26,4 +26,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeRadio.vue.d.ts.map
+//# sourceMappingURL=TRadio.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadio.vue.d.ts","sourceRoot":"","sources":["../../src/components/TRadio.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AA4DJ,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cAzIN,OAAO;UAEX,KAAK;aADF,OAAO;6EA+InB,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/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadio.vue_vue_type_script_setup_true_lang.js","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAcR,IAAQ,EAOJ,iBAAiB,IAAI,GAEzB,IAAQ,EAAS,GAEjB,IAAY,QACT,IAAQ,EAAM,WAAW,MAAM,EAAM,QAAQ,EACrD,GAEK,IAAa,QAAe,EAAM,aAAa,GAAO,SAAS,KAAK,GAAM,GAC1E,IAAY,QAAe,EAAM,YAAY,GAAO,QAAQ,KAAK,GAAM,GACvE,IAAe,QAAe,EAAM,QAAQ,GAAO,KAAK,KAAK,IAAI,GAEjE,IAAc,QAAe;GACjC;GACA,YAAY,EAAa;GACzB;IACE,cAAc,EAAU;IACxB,eAAe,EAAW;IAC1B,cAAc,EAAU;GAC1B;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAa,QAAe;GAChC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,UAAiB;GACrB,AAAI,KACF,EAAM,SAAS,EAAM,KAAK;EAE9B;yBAIE,EA+BQ,SAAA;GA9BL,OAAK,EAAE,EAAA,KAAW;GAClB,OAAK,EAAE,EAAA,KAAS;;GAEjB,EAWC,SAXD,EACU,EAUT,OAVmB;IAClB,MAAK;IACL,OAAM;IACL,OAAO,EAAA;IACP,SAAS,EAAA;IACT,UAAU,EAAA;IACV,MAAM,EAAA,CAAA,CAAK,EAAE,KAAI;IACjB,gBAAc,EAAA;IACd,gBAAc,EAAA,SAAa,KAAA;IACnB;;GAEX,EAQO,QARP,GAQO,CAHG,EAAA,SAAA,EAAA,GADR,EAGE,QAHF,CAGE,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;GAGIA,EAAAA,OAAO,WAAA,EAAA,GADf,EAKO,QALP,GAKO,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TRadioGroup.cjs

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

package/dist/components/TRadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRadioGroup.cjs","names":[],"sources":["../../src/components/TRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    name?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    modelValue: undefined,\n    name: undefined,\n    disabled: false,\n    invalid: false,\n    size: 'md',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('t-radio-group', {\n  modelValue: () => props.modelValue,\n  name: () => props.name,\n  disabled: () => props.disabled,\n  invalid: () => props.invalid,\n  size: () => props.size,\n  onChange: (value: string) => {\n    emit('update:modelValue', value);\n  },\n});\n\nconst rootClasses = computed(() => [\n  't-radio-group',\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"groupAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    role=\"radiogroup\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TRadioGroup.js

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

package/dist/components/TRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TRadioGroup.js","names":[],"sources":["../../src/components/TRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    name?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    modelValue: undefined,\n    name: undefined,\n    disabled: false,\n    invalid: false,\n    size: 'md',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('t-radio-group', {\n  modelValue: () => props.modelValue,\n  name: () => props.name,\n  disabled: () => props.disabled,\n  invalid: () => props.invalid,\n  size: () => props.size,\n  onChange: (value: string) => {\n    emit('update:modelValue', value);\n  },\n});\n\nconst rootClasses = computed(() => [\n  't-radio-group',\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"groupAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    role=\"radiogroup\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeRadioGroup.vue.d.ts → TRadioGroup.vue.d.ts}

@@ -1,10 +1,10 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     modelValue?: string;
     name?: string;
     disabled?: boolean;
     invalid?: boolean;
-    size?: TreeSize;
+    size?: TSize;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     modelValue: string;
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     invalid: boolean;
     name: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
@@ -33,4 +33,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeRadioGroup.vue.d.ts.map
+//# sourceMappingURL=TRadioGroup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/TRadioGroup.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAmDJ,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBArGJ,MAAM;cAER,OAAO;UAEX,KAAK;aADF,OAAO;UAFV,MAAM;6EA4Gf,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/TRadioGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TRadioGroup`,props:{modelValue:{default:void 0},name:{default:void 0},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},size:{default:`md`}},emits:[`update:modelValue`],setup(t,{emit:n}){let r=t,i=n,a=(0,e.useAttrs)();(0,e.provide)(`t-radio-group`,{modelValue:()=>r.modelValue,name:()=>r.name,disabled:()=>r.disabled,invalid:()=>r.invalid,size:()=>r.size,onChange:e=>{i(`update:modelValue`,e)}});let o=(0,e.computed)(()=>[`t-radio-group`,a.class]),s=(0,e.computed)(()=>a.style),c=(0,e.computed)(()=>{let{class:e,style:t,...n}=a;return n});return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,(0,e.mergeProps)(c.value,{class:o.value,style:s.value,role:`radiogroup`}),[(0,e.renderSlot)(t.$slots,`default`)],16))}});exports.default=t;
+//# sourceMappingURL=TRadioGroup.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadioGroup.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    name?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    modelValue: undefined,\n    name: undefined,\n    disabled: false,\n    invalid: false,\n    size: 'md',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('t-radio-group', {\n  modelValue: () => props.modelValue,\n  name: () => props.name,\n  disabled: () => props.disabled,\n  invalid: () => props.invalid,\n  size: () => props.size,\n  onChange: (value: string) => {\n    emit('update:modelValue', value);\n  },\n});\n\nconst rootClasses = computed(() => [\n  't-radio-group',\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"groupAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    role=\"radiogroup\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"wRAQA,IAAM,EAAQ,EAiBR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAiB,GAEvB,EAAA,EAAA,QAAA,CAAQ,gBAAiB,CACvB,eAAkB,EAAM,WACxB,SAAY,EAAM,KAClB,aAAgB,EAAM,SACtB,YAAe,EAAM,QACrB,SAAY,EAAM,KAClB,SAAW,GAAkB,CAC3B,EAAK,oBAAqB,CAAK,CACjC,CACF,CAAC,EAED,IAAM,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,gBACA,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,2DAWO,OAAA,EAAA,EAAA,WAAA,CANI,EAMJ,MANc,CACjB,MAAO,EAAA,MACP,MAAO,EAAA,MACR,KAAK,iCAEG,EAAA,OAAA,SAAA,CAAA,EAAA,EAAA"}

package/dist/components/TRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { computed as e, createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, provide as a, renderSlot as o, useAttrs as s } from "vue";
+//#region src/components/TRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TRadioGroup",
+	props: {
+		modelValue: { default: void 0 },
+		name: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: c }) {
+		let l = n, u = c, d = s();
+		a("t-radio-group", {
+			modelValue: () => l.modelValue,
+			name: () => l.name,
+			disabled: () => l.disabled,
+			invalid: () => l.invalid,
+			size: () => l.size,
+			onChange: (e) => {
+				u("update:modelValue", e);
+			}
+		});
+		let f = e(() => ["t-radio-group", d.class]), p = e(() => d.style), m = e(() => {
+			let { class: e, style: t, ...n } = d;
+			return n;
+		});
+		return (e, n) => (i(), t("div", r(m.value, {
+			class: f.value,
+			style: p.value,
+			role: "radiogroup"
+		}), [o(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=TRadioGroup.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TRadioGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    name?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    size?: TSize;\n  }>(),\n  {\n    modelValue: undefined,\n    name: undefined,\n    disabled: false,\n    invalid: false,\n    size: 'md',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst attrs = useAttrs();\n\nprovide('t-radio-group', {\n  modelValue: () => props.modelValue,\n  name: () => props.name,\n  disabled: () => props.disabled,\n  invalid: () => props.invalid,\n  size: () => props.size,\n  onChange: (value: string) => {\n    emit('update:modelValue', value);\n  },\n});\n\nconst rootClasses = computed(() => [\n  't-radio-group',\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst groupAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <div\n    v-bind=\"groupAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    role=\"radiogroup\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAiBR,IAAO,GAIP,IAAQ,EAAS;EAEvB,EAAQ,iBAAiB;GACvB,kBAAkB,EAAM;GACxB,YAAY,EAAM;GAClB,gBAAgB,EAAM;GACtB,eAAe,EAAM;GACrB,YAAY,EAAM;GAClB,WAAW,MAAkB;IAC3B,EAAK,qBAAqB,CAAK;GACjC;EACF,CAAC;EAED,IAAM,IAAc,QAAe,CACjC,iBACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAa,QAAe;GAChC,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAOM,OAPN,EACU,EAMJ,OANc;GACjB,OAAO,EAAA;GACP,OAAO,EAAA;GACR,MAAK;OAEL,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/TSelect.cjs

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

package/dist/components/TSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSelect.cjs","names":[],"sources":["../../src/components/TSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TSelectOption {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    options?: TSelectOption[];\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    options: () => [],\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('t-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst listboxRef = ref<HTMLElement | null>(null);\nconst optionRefs = ref<Map<string | number, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\nconst dropUp = ref(false);\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-select',\n  `t-select--${props.size}`,\n  {\n    't-select--drop-up': dropUp.value,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\n// Nearest ancestor that can clip the listbox (scroll container or hidden overflow).\nconst findClippingAncestor = (element: HTMLElement): HTMLElement | null => {\n  let parent = element.parentElement;\n  while (parent && parent !== document.body) {\n    const { overflowY } = window.getComputedStyle(parent);\n    if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'hidden') {\n      return parent;\n    }\n    parent = parent.parentElement;\n  }\n  return null;\n};\n\n// Flip the listbox above the trigger when its rendered position overflows the\n// nearest clipping ancestor (e.g. a modal body) or the viewport, and there is\n// more room above the trigger than below it. Measuring the rendered rect keeps\n// the decision in sync with the CSS offset (--tree-space-2) automatically.\nconst updateDropDirection = () => {\n  const trigger = triggerRef.value;\n  const listbox = listboxRef.value;\n  if (!trigger || !listbox) {\n    dropUp.value = false;\n    return;\n  }\n  const triggerRect = trigger.getBoundingClientRect();\n  const listboxRect = listbox.getBoundingClientRect();\n  const boundary = findClippingAncestor(trigger)?.getBoundingClientRect();\n  const bottomLimit = Math.min(boundary?.bottom ?? Infinity, window.innerHeight);\n  const topLimit = Math.max(boundary?.top ?? 0, 0);\n  const spaceBelow = bottomLimit - triggerRect.bottom;\n  const spaceAbove = triggerRect.top - topLimit;\n  dropUp.value = listboxRect.bottom > bottomLimit && spaceAbove > spaceBelow;\n};\n\nconst rootStyle = computed(() => attrs.style);\n\nconst selectedLabel = computed(() => {\n  const opt = props.options.find((o) => o.value === props.modelValue);\n  return opt?.label ?? '';\n});\n\nconst enabledOptions = computed(() =>\n  props.options.filter((o) => !o.disabled),\n);\n\nconst openDropdown = () => {\n  if (props.disabled) return;\n  const selectedIdx = props.options.findIndex((o) => o.value === props.modelValue);\n  focusedIndex.value = selectedIdx >= 0 ? selectedIdx : 0;\n  // Render downward first so the measurement always starts from the default position.\n  dropUp.value = false;\n  setValue(true);\n  nextTick(() => {\n    updateDropDirection();\n    focusOption(focusedIndex.value);\n  });\n};\n\nconst closeDropdown = (restoreFocus = false) => {\n  setValue(false);\n  focusedIndex.value = -1;\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst toggleDropdown = () => {\n  if (isOpen.value) {\n    closeDropdown();\n  } else {\n    openDropdown();\n  }\n};\n\nconst selectOption = (opt: TSelectOption) => {\n  if (opt.disabled) return;\n  emit('update:modelValue', opt.value);\n  closeDropdown(true);\n};\n\nconst focusOption = (index: number) => {\n  const opt = props.options[index];\n  if (!opt) return;\n  const el = optionRefs.value.get(opt.value);\n  el?.focus();\n};\n\nconst setOptionRef = (el: Element | null, value: string | number) => {\n  if (el instanceof HTMLElement) {\n    optionRefs.value.set(value, el);\n  } else {\n    optionRefs.value.delete(value);\n  }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  let nextIndex = focusedIndex.value + direction;\n  while (nextIndex >= 0 && nextIndex < props.options.length) {\n    if (!props.options[nextIndex].disabled) {\n      focusedIndex.value = nextIndex;\n      focusOption(nextIndex);\n      return;\n    }\n    nextIndex += direction;\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeDropdown();\n    return;\n  }\n\n  if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n    event.preventDefault();\n    openDropdown();\n  }\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, opt: TSelectOption, _index: number) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeDropdown(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectOption(opt);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusedIndex.value = enabledOptions.value.length > 0\n        ? props.options.indexOf(enabledOptions.value[0])\n        : 0;\n      focusOption(focusedIndex.value);\n      break;\n    case 'End':\n      event.preventDefault();\n      focusedIndex.value = enabledOptions.value.length > 0\n        ? props.options.indexOf(enabledOptions.value[enabledOptions.value.length - 1])\n        : props.options.length - 1;\n      focusOption(focusedIndex.value);\n      break;\n    default:\n      break;\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  closeDropdown();\n};\n\nconst hasSelection = computed(() =>\n  props.modelValue !== '' && props.modelValue !== null && props.modelValue !== undefined,\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    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-select__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? listboxId : undefined\"\n      aria-haspopup=\"listbox\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      :aria-busy=\"loading || undefined\"\n      @click=\"toggleDropdown\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-select__slot t-select__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n      <span\n        class=\"t-select__value\"\n        :data-placeholder=\"!hasSelection ? true : undefined\"\n      >\n        {{ selectedLabel || placeholder }}\n      </span>\n      <TSpinner\n        v-if=\"loading\"\n        size=\"sm\"\n        label=\"Loading\"\n      />\n      <svg\n        v-else\n        class=\"t-select__chevron\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"4 6 8 10 12 6\" />\n      </svg>\n    </button>\n    <transition name=\"t-fade\">\n      <ul\n        v-if=\"isOpen && !disabled\"\n        :id=\"listboxId\"\n        ref=\"listboxRef\"\n        role=\"listbox\"\n        class=\"t-select__listbox\"\n        :aria-label=\"typeof triggerAttrs['aria-label'] === 'string' ? triggerAttrs['aria-label'] : undefined\"\n      >\n        <li\n          v-for=\"(opt, index) in options\"\n          :key=\"opt.value\"\n          :ref=\"(el) => setOptionRef(el as Element | null, opt.value)\"\n          role=\"option\"\n          class=\"t-select__option\"\n          :class=\"{\n            'is-selected': opt.value === modelValue,\n            'is-disabled': opt.disabled,\n            'is-focused': index === focusedIndex,\n          }\"\n          :aria-selected=\"opt.value === modelValue\"\n          :aria-disabled=\"opt.disabled || undefined\"\n          :tabindex=\"opt.disabled ? -1 : 0\"\n          @click=\"selectOption(opt)\"\n          @keydown=\"onOptionKeydown($event, opt, index)\"\n        >\n          {{ opt.label }}\n          <svg\n            v-if=\"opt.value === modelValue\"\n            class=\"t-select__check\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n          </svg>\n        </li>\n      </ul>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TSelect.js

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

package/dist/components/TSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSelect.js","names":[],"sources":["../../src/components/TSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, isActivationKey, isEscapeKey } from '@treeui/utils';\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TSelectOption {\n  label: string;\n  value: string | number;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string | number;\n    options?: TSelectOption[];\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n  }>(),\n  {\n    modelValue: '',\n    options: () => [],\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | number];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('t-select');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst listboxRef = ref<HTMLElement | null>(null);\nconst optionRefs = ref<Map<string | number, HTMLElement>>(new Map());\nconst focusedIndex = ref(-1);\nconst dropUp = ref(false);\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-select',\n  `t-select--${props.size}`,\n  {\n    't-select--drop-up': dropUp.value,\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\n// Nearest ancestor that can clip the listbox (scroll container or hidden overflow).\nconst findClippingAncestor = (element: HTMLElement): HTMLElement | null => {\n  let parent = element.parentElement;\n  while (parent && parent !== document.body) {\n    const { overflowY } = window.getComputedStyle(parent);\n    if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'hidden') {\n      return parent;\n    }\n    parent = parent.parentElement;\n  }\n  return null;\n};\n\n// Flip the listbox above the trigger when its rendered position overflows the\n// nearest clipping ancestor (e.g. a modal body) or the viewport, and there is\n// more room above the trigger than below it. Measuring the rendered rect keeps\n// the decision in sync with the CSS offset (--tree-space-2) automatically.\nconst updateDropDirection = () => {\n  const trigger = triggerRef.value;\n  const listbox = listboxRef.value;\n  if (!trigger || !listbox) {\n    dropUp.value = false;\n    return;\n  }\n  const triggerRect = trigger.getBoundingClientRect();\n  const listboxRect = listbox.getBoundingClientRect();\n  const boundary = findClippingAncestor(trigger)?.getBoundingClientRect();\n  const bottomLimit = Math.min(boundary?.bottom ?? Infinity, window.innerHeight);\n  const topLimit = Math.max(boundary?.top ?? 0, 0);\n  const spaceBelow = bottomLimit - triggerRect.bottom;\n  const spaceAbove = triggerRect.top - topLimit;\n  dropUp.value = listboxRect.bottom > bottomLimit && spaceAbove > spaceBelow;\n};\n\nconst rootStyle = computed(() => attrs.style);\n\nconst selectedLabel = computed(() => {\n  const opt = props.options.find((o) => o.value === props.modelValue);\n  return opt?.label ?? '';\n});\n\nconst enabledOptions = computed(() =>\n  props.options.filter((o) => !o.disabled),\n);\n\nconst openDropdown = () => {\n  if (props.disabled) return;\n  const selectedIdx = props.options.findIndex((o) => o.value === props.modelValue);\n  focusedIndex.value = selectedIdx >= 0 ? selectedIdx : 0;\n  // Render downward first so the measurement always starts from the default position.\n  dropUp.value = false;\n  setValue(true);\n  nextTick(() => {\n    updateDropDirection();\n    focusOption(focusedIndex.value);\n  });\n};\n\nconst closeDropdown = (restoreFocus = false) => {\n  setValue(false);\n  focusedIndex.value = -1;\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst toggleDropdown = () => {\n  if (isOpen.value) {\n    closeDropdown();\n  } else {\n    openDropdown();\n  }\n};\n\nconst selectOption = (opt: TSelectOption) => {\n  if (opt.disabled) return;\n  emit('update:modelValue', opt.value);\n  closeDropdown(true);\n};\n\nconst focusOption = (index: number) => {\n  const opt = props.options[index];\n  if (!opt) return;\n  const el = optionRefs.value.get(opt.value);\n  el?.focus();\n};\n\nconst setOptionRef = (el: Element | null, value: string | number) => {\n  if (el instanceof HTMLElement) {\n    optionRefs.value.set(value, el);\n  } else {\n    optionRefs.value.delete(value);\n  }\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  let nextIndex = focusedIndex.value + direction;\n  while (nextIndex >= 0 && nextIndex < props.options.length) {\n    if (!props.options[nextIndex].disabled) {\n      focusedIndex.value = nextIndex;\n      focusOption(nextIndex);\n      return;\n    }\n    nextIndex += direction;\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closeDropdown();\n    return;\n  }\n\n  if (isActivationKey(event) || event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n    event.preventDefault();\n    openDropdown();\n  }\n};\n\nconst onOptionKeydown = (event: KeyboardEvent, opt: TSelectOption, _index: number) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closeDropdown(true);\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectOption(opt);\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusedIndex.value = enabledOptions.value.length > 0\n        ? props.options.indexOf(enabledOptions.value[0])\n        : 0;\n      focusOption(focusedIndex.value);\n      break;\n    case 'End':\n      event.preventDefault();\n      focusedIndex.value = enabledOptions.value.length > 0\n        ? props.options.indexOf(enabledOptions.value[enabledOptions.value.length - 1])\n        : props.options.length - 1;\n      focusOption(focusedIndex.value);\n      break;\n    default:\n      break;\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  closeDropdown();\n};\n\nconst hasSelection = computed(() =>\n  props.modelValue !== '' && props.modelValue !== null && props.modelValue !== undefined,\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    <button\n      ref=\"triggerRef\"\n      v-bind=\"triggerAttrs\"\n      type=\"button\"\n      class=\"t-select__trigger\"\n      :disabled=\"disabled\"\n      :aria-controls=\"isOpen ? listboxId : undefined\"\n      aria-haspopup=\"listbox\"\n      :aria-expanded=\"isOpen\"\n      :aria-invalid=\"invalid || undefined\"\n      :aria-busy=\"loading || undefined\"\n      @click=\"toggleDropdown\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-select__slot t-select__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n      <span\n        class=\"t-select__value\"\n        :data-placeholder=\"!hasSelection ? true : undefined\"\n      >\n        {{ selectedLabel || placeholder }}\n      </span>\n      <TSpinner\n        v-if=\"loading\"\n        size=\"sm\"\n        label=\"Loading\"\n      />\n      <svg\n        v-else\n        class=\"t-select__chevron\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"4 6 8 10 12 6\" />\n      </svg>\n    </button>\n    <transition name=\"t-fade\">\n      <ul\n        v-if=\"isOpen && !disabled\"\n        :id=\"listboxId\"\n        ref=\"listboxRef\"\n        role=\"listbox\"\n        class=\"t-select__listbox\"\n        :aria-label=\"typeof triggerAttrs['aria-label'] === 'string' ? triggerAttrs['aria-label'] : undefined\"\n      >\n        <li\n          v-for=\"(opt, index) in options\"\n          :key=\"opt.value\"\n          :ref=\"(el) => setOptionRef(el as Element | null, opt.value)\"\n          role=\"option\"\n          class=\"t-select__option\"\n          :class=\"{\n            'is-selected': opt.value === modelValue,\n            'is-disabled': opt.disabled,\n            'is-focused': index === focusedIndex,\n          }\"\n          :aria-selected=\"opt.value === modelValue\"\n          :aria-disabled=\"opt.disabled || undefined\"\n          :tabindex=\"opt.disabled ? -1 : 0\"\n          @click=\"selectOption(opt)\"\n          @keydown=\"onOptionKeydown($event, opt, index)\"\n        >\n          {{ opt.label }}\n          <svg\n            v-if=\"opt.value === modelValue\"\n            class=\"t-select__check\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n          </svg>\n        </li>\n      </ul>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}