@treeui/vue 0.20.0 → 0.21.0

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

@@ -108,12 +108,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }>, {
     collapsible: boolean;
     as: string;
+    collapsed: boolean;
     mobile: boolean;
     closeOnEscape: boolean;
     closeOnOverlay: boolean;
     closeLabel: string;
     side: TSidebarSide;
-    collapsed: boolean;
     defaultCollapsed: boolean;
     collapsedWidth: string;
     collapseLabel: string;

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

@@ -1 +1 @@
-{"version":3,"file":"TAppShell.vue.d.ts","sourceRoot":"","sources":["../../src/components/TAppShell.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"TAppShell.vue.d.ts","sourceRoot":"","sources":["../../src/components/TAppShell.vue"],"names":[],"mappings":"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"}

package/dist/components/TBrandLockup.cjs

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

package/dist/components/TBrandLockup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBrandLockup.cjs","names":[],"sources":["../../src/components/TBrandLockup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TText from './TText.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Product name. Truncates on overflow. */\n    title?: string;\n    /** Optional supporting line under the title. Truncates on overflow. */\n    subtitle?: string;\n    size?: TSize;\n    /**\n     * Collapse to the logo only, hiding the text — for a shell's collapsed rail.\n     * When collapsed and used as a link, supply an accessible name on the logo\n     * (e.g. `alt` on the `<img>`) since the visible text is gone.\n     */\n    collapsed?: boolean;\n    /** Native href. Renders the lockup as an anchor. */\n    href?: string;\n    /** Route target. Renders as RouterLink when vue-router is available. */\n    to?: string | Record<string, unknown>;\n  }>(),\n  {\n    title: undefined,\n    subtitle: undefined,\n    size: 'md',\n    collapsed: false,\n    href: undefined,\n    to: undefined,\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLink = computed<Component | null>(() => {\n  if (!props.to) return null;\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst isLink = computed(() => Boolean(props.href || props.to));\n\nconst tag = computed<string | Component>(() => {\n  if (props.to && routerLink.value) return routerLink.value;\n  if (isLink.value) return 'a';\n  return 'div';\n});\n\nconst linkProps = computed(() => {\n  if (props.to && routerLink.value) return { to: props.to };\n  if (isLink.value) {\n    return { href: props.href ?? (typeof props.to === 'string' ? props.to : undefined) };\n  }\n  return {};\n});\n\nconst classes = computed(() => [\n  't-brand-lockup',\n  `t-brand-lockup--${props.size}`,\n  { 'is-collapsed': props.collapsed },\n]);\n\nconst showText = computed(() => !props.collapsed && Boolean(props.title || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n  >\n    <span class=\"t-brand-lockup__logo\">\n      <slot name=\"logo\" />\n    </span>\n    <span\n      v-if=\"showText\"\n      class=\"t-brand-lockup__text\"\n    >\n      <TText\n        v-if=\"title\"\n        as=\"span\"\n        class=\"t-brand-lockup__title\"\n        weight=\"semibold\"\n        truncate\n      >\n        {{ title }}\n      </TText>\n      <TText\n        v-if=\"subtitle\"\n        as=\"span\"\n        class=\"t-brand-lockup__subtitle\"\n        tone=\"muted\"\n        size=\"sm\"\n        truncate\n      >\n        {{ subtitle }}\n      </TText>\n    </span>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TBrandLockup.js

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

package/dist/components/TBrandLockup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBrandLockup.js","names":[],"sources":["../../src/components/TBrandLockup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TText from './TText.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Product name. Truncates on overflow. */\n    title?: string;\n    /** Optional supporting line under the title. Truncates on overflow. */\n    subtitle?: string;\n    size?: TSize;\n    /**\n     * Collapse to the logo only, hiding the text — for a shell's collapsed rail.\n     * When collapsed and used as a link, supply an accessible name on the logo\n     * (e.g. `alt` on the `<img>`) since the visible text is gone.\n     */\n    collapsed?: boolean;\n    /** Native href. Renders the lockup as an anchor. */\n    href?: string;\n    /** Route target. Renders as RouterLink when vue-router is available. */\n    to?: string | Record<string, unknown>;\n  }>(),\n  {\n    title: undefined,\n    subtitle: undefined,\n    size: 'md',\n    collapsed: false,\n    href: undefined,\n    to: undefined,\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLink = computed<Component | null>(() => {\n  if (!props.to) return null;\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst isLink = computed(() => Boolean(props.href || props.to));\n\nconst tag = computed<string | Component>(() => {\n  if (props.to && routerLink.value) return routerLink.value;\n  if (isLink.value) return 'a';\n  return 'div';\n});\n\nconst linkProps = computed(() => {\n  if (props.to && routerLink.value) return { to: props.to };\n  if (isLink.value) {\n    return { href: props.href ?? (typeof props.to === 'string' ? props.to : undefined) };\n  }\n  return {};\n});\n\nconst classes = computed(() => [\n  't-brand-lockup',\n  `t-brand-lockup--${props.size}`,\n  { 'is-collapsed': props.collapsed },\n]);\n\nconst showText = computed(() => !props.collapsed && Boolean(props.title || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n  >\n    <span class=\"t-brand-lockup__logo\">\n      <slot name=\"logo\" />\n    </span>\n    <span\n      v-if=\"showText\"\n      class=\"t-brand-lockup__text\"\n    >\n      <TText\n        v-if=\"title\"\n        as=\"span\"\n        class=\"t-brand-lockup__title\"\n        weight=\"semibold\"\n        truncate\n      >\n        {{ title }}\n      </TText>\n      <TText\n        v-if=\"subtitle\"\n        as=\"span\"\n        class=\"t-brand-lockup__subtitle\"\n        tone=\"muted\"\n        size=\"sm\"\n        truncate\n      >\n        {{ subtitle }}\n      </TText>\n    </span>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,43 @@
+import { TSize } from '../types/contracts';
+type __VLS_Props = {
+    /** Product name. Truncates on overflow. */
+    title?: string;
+    /** Optional supporting line under the title. Truncates on overflow. */
+    subtitle?: string;
+    size?: TSize;
+    /**
+     * Collapse to the logo only, hiding the text — for a shell's collapsed rail.
+     * When collapsed and used as a link, supply an accessible name on the logo
+     * (e.g. `alt` on the `<img>`) since the visible text is gone.
+     */
+    collapsed?: boolean;
+    /** Native href. Renders the lockup as an anchor. */
+    href?: string;
+    /** Route target. Renders as RouterLink when vue-router is available. */
+    to?: string | Record<string, unknown>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        logo?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    size: TSize;
+    title: string;
+    href: string;
+    to: string | Record<string, unknown>;
+    subtitle: string;
+    collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TBrandLockup.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBrandLockup.vue.d.ts","sourceRoot":"","sources":["../../src/components/TBrandLockup.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAGhD,KAAK,WAAW,GAAG;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACvC,CAAC;AAsDJ,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;sBAVxB,GAAG;;;;EAe5B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAzKV,KAAK;WAHJ,MAAM;UAWP,MAAM;QAER,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAX1B,MAAM;eAOL,OAAO;6EA2KrB,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/TBrandLockup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TText.cjs");let t=require("vue");var n={class:`t-brand-lockup__logo`},r={key:0,class:`t-brand-lockup__text`},i=(0,t.defineComponent)({__name:`TBrandLockup`,props:{title:{default:void 0},subtitle:{default:void 0},size:{default:`md`},collapsed:{type:Boolean,default:!1},href:{default:void 0},to:{default:void 0}},setup(i){let a=i,o=(0,t.getCurrentInstance)(),s=(0,t.computed)(()=>a.to?o?.appContext.components.RouterLink??null:null),c=(0,t.computed)(()=>!!(a.href||a.to)),l=(0,t.computed)(()=>a.to&&s.value?s.value:c.value?`a`:`div`),u=(0,t.computed)(()=>a.to&&s.value?{to:a.to}:c.value?{href:a.href??(typeof a.to==`string`?a.to:void 0)}:{}),d=(0,t.computed)(()=>[`t-brand-lockup`,`t-brand-lockup--${a.size}`,{"is-collapsed":a.collapsed}]),f=(0,t.computed)(()=>!a.collapsed&&!!(a.title||a.subtitle));return(a,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(l.value),(0,t.mergeProps)(u.value,{class:d.value}),{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,n,[(0,t.renderSlot)(a.$slots,`logo`)]),f.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,r,[i.title?((0,t.openBlock)(),(0,t.createBlock)(e.default,{key:0,as:`span`,class:`t-brand-lockup__title`,weight:`semibold`,truncate:``},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.title),1)]),_:1})):(0,t.createCommentVNode)(``,!0),i.subtitle?((0,t.openBlock)(),(0,t.createBlock)(e.default,{key:1,as:`span`,class:`t-brand-lockup__subtitle`,tone:`muted`,size:`sm`,truncate:``},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.subtitle),1)]),_:1})):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});exports.default=i;
+//# sourceMappingURL=TBrandLockup.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBrandLockup.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TBrandLockup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TText from './TText.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Product name. Truncates on overflow. */\n    title?: string;\n    /** Optional supporting line under the title. Truncates on overflow. */\n    subtitle?: string;\n    size?: TSize;\n    /**\n     * Collapse to the logo only, hiding the text — for a shell's collapsed rail.\n     * When collapsed and used as a link, supply an accessible name on the logo\n     * (e.g. `alt` on the `<img>`) since the visible text is gone.\n     */\n    collapsed?: boolean;\n    /** Native href. Renders the lockup as an anchor. */\n    href?: string;\n    /** Route target. Renders as RouterLink when vue-router is available. */\n    to?: string | Record<string, unknown>;\n  }>(),\n  {\n    title: undefined,\n    subtitle: undefined,\n    size: 'md',\n    collapsed: false,\n    href: undefined,\n    to: undefined,\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLink = computed<Component | null>(() => {\n  if (!props.to) return null;\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst isLink = computed(() => Boolean(props.href || props.to));\n\nconst tag = computed<string | Component>(() => {\n  if (props.to && routerLink.value) return routerLink.value;\n  if (isLink.value) return 'a';\n  return 'div';\n});\n\nconst linkProps = computed(() => {\n  if (props.to && routerLink.value) return { to: props.to };\n  if (isLink.value) {\n    return { href: props.href ?? (typeof props.to === 'string' ? props.to : undefined) };\n  }\n  return {};\n});\n\nconst classes = computed(() => [\n  't-brand-lockup',\n  `t-brand-lockup--${props.size}`,\n  { 'is-collapsed': props.collapsed },\n]);\n\nconst showText = computed(() => !props.collapsed && Boolean(props.title || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n  >\n    <span class=\"t-brand-lockup__logo\">\n      <slot name=\"logo\" />\n    </span>\n    <span\n      v-if=\"showText\"\n      class=\"t-brand-lockup__text\"\n    >\n      <TText\n        v-if=\"title\"\n        as=\"span\"\n        class=\"t-brand-lockup__title\"\n        weight=\"semibold\"\n        truncate\n      >\n        {{ title }}\n      </TText>\n      <TText\n        v-if=\"subtitle\"\n        as=\"span\"\n        class=\"t-brand-lockup__subtitle\"\n        tone=\"muted\"\n        size=\"sm\"\n        truncate\n      >\n        {{ subtitle }}\n      </TText>\n    </span>\n  </component>\n</template>\n"],"mappings":"mVAKA,IAAM,EAAQ,EA4BR,GAAA,EAAA,EAAA,mBAAA,CAA8B,EAE9B,GAAA,EAAA,EAAA,SAAA,KACC,EAAM,GACH,GAAU,WAAW,WAAW,YAAwC,KAD1D,IAEvB,EAEK,GAAA,EAAA,EAAA,SAAA,KAAwB,GAAQ,EAAM,MAAQ,EAAM,GAAG,EAEvD,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,IAAM,EAAW,MAAc,EAAW,MAChD,EAAO,MAAc,IAClB,KACR,EAEK,GAAA,EAAA,EAAA,SAAA,KACA,EAAM,IAAM,EAAW,MAAc,CAAE,GAAI,EAAM,EAAG,EACpD,EAAO,MACF,CAAE,KAAM,EAAM,OAAS,OAAO,EAAM,IAAO,SAAW,EAAM,GAAK,IAAA,GAAW,EAE9E,CAAC,CACT,EAEK,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,iBACA,mBAAmB,EAAM,OACzB,CAAE,eAAgB,EAAM,SAAU,CACpC,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA0B,CAAC,EAAM,WAAa,GAAQ,EAAM,OAAS,EAAM,SAAS,kFAKjF,EAAA,KAAG,GAAA,EAAA,EAAA,WAAA,CACA,EA8BE,MA9BO,CAChB,MAAO,EAAA,KAAO,CAAA,EAAA,2BAIR,EAAA,EAAA,EAAA,mBAAA,CAAA,OAFP,EAEO,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,MAAA,CAAA,CAAA,EAGd,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAsBD,OAvBP,EAuBO,CAlBG,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,CAOA,EAAA,QAAA,OANN,GAAG,OACH,MAAM,wBACN,OAAO,WACP,SAAA,+BAEW,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAR,EAAA,KAAK,EAAA,CAAA,CAAA,CAAA,yCAGF,EAAA,WAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,CAQA,EAAA,QAAA,OAPN,GAAG,OACH,MAAM,2BACN,KAAK,QACL,KAAK,KACL,SAAA,+BAEc,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAX,EAAA,QAAQ,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/TBrandLockup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import e from "./TText.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, getCurrentInstance as c, mergeProps as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/TBrandLockup.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "t-brand-lockup__logo" }, g = {
+	key: 0,
+	class: "t-brand-lockup__text"
+}, _ = /*@__PURE__*/ s({
+	__name: "TBrandLockup",
+	props: {
+		title: { default: void 0 },
+		subtitle: { default: void 0 },
+		size: { default: "md" },
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		href: { default: void 0 },
+		to: { default: void 0 }
+	},
+	setup(s) {
+		let _ = s, v = c(), y = t(() => _.to ? v?.appContext.components.RouterLink ?? null : null), b = t(() => !!(_.href || _.to)), x = t(() => _.to && y.value ? y.value : b.value ? "a" : "div"), S = t(() => _.to && y.value ? { to: _.to } : b.value ? { href: _.href ?? (typeof _.to == "string" ? _.to : void 0) } : {}), C = t(() => [
+			"t-brand-lockup",
+			`t-brand-lockup--${_.size}`,
+			{ "is-collapsed": _.collapsed }
+		]), w = t(() => !_.collapsed && !!(_.title || _.subtitle));
+		return (t, c) => (u(), n(f(x.value), l(S.value, { class: C.value }), {
+			default: m(() => [a("span", h, [d(t.$slots, "logo")]), w.value ? (u(), i("span", g, [s.title ? (u(), n(e, {
+				key: 0,
+				as: "span",
+				class: "t-brand-lockup__title",
+				weight: "semibold",
+				truncate: ""
+			}, {
+				default: m(() => [o(p(s.title), 1)]),
+				_: 1
+			})) : r("", !0), s.subtitle ? (u(), n(e, {
+				key: 1,
+				as: "span",
+				class: "t-brand-lockup__subtitle",
+				tone: "muted",
+				size: "sm",
+				truncate: ""
+			}, {
+				default: m(() => [o(p(s.subtitle), 1)]),
+				_: 1
+			})) : r("", !0)])) : r("", !0)]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=TBrandLockup.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBrandLockup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TBrandLockup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, type Component } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport TText from './TText.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Product name. Truncates on overflow. */\n    title?: string;\n    /** Optional supporting line under the title. Truncates on overflow. */\n    subtitle?: string;\n    size?: TSize;\n    /**\n     * Collapse to the logo only, hiding the text — for a shell's collapsed rail.\n     * When collapsed and used as a link, supply an accessible name on the logo\n     * (e.g. `alt` on the `<img>`) since the visible text is gone.\n     */\n    collapsed?: boolean;\n    /** Native href. Renders the lockup as an anchor. */\n    href?: string;\n    /** Route target. Renders as RouterLink when vue-router is available. */\n    to?: string | Record<string, unknown>;\n  }>(),\n  {\n    title: undefined,\n    subtitle: undefined,\n    size: 'md',\n    collapsed: false,\n    href: undefined,\n    to: undefined,\n  },\n);\n\nconst instance = getCurrentInstance();\n\nconst routerLink = computed<Component | null>(() => {\n  if (!props.to) return null;\n  return (instance?.appContext.components.RouterLink as Component | undefined) ?? null;\n});\n\nconst isLink = computed(() => Boolean(props.href || props.to));\n\nconst tag = computed<string | Component>(() => {\n  if (props.to && routerLink.value) return routerLink.value;\n  if (isLink.value) return 'a';\n  return 'div';\n});\n\nconst linkProps = computed(() => {\n  if (props.to && routerLink.value) return { to: props.to };\n  if (isLink.value) {\n    return { href: props.href ?? (typeof props.to === 'string' ? props.to : undefined) };\n  }\n  return {};\n});\n\nconst classes = computed(() => [\n  't-brand-lockup',\n  `t-brand-lockup--${props.size}`,\n  { 'is-collapsed': props.collapsed },\n]);\n\nconst showText = computed(() => !props.collapsed && Boolean(props.title || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"tag\"\n    v-bind=\"linkProps\"\n    :class=\"classes\"\n  >\n    <span class=\"t-brand-lockup__logo\">\n      <slot name=\"logo\" />\n    </span>\n    <span\n      v-if=\"showText\"\n      class=\"t-brand-lockup__text\"\n    >\n      <TText\n        v-if=\"title\"\n        as=\"span\"\n        class=\"t-brand-lockup__title\"\n        weight=\"semibold\"\n        truncate\n      >\n        {{ title }}\n      </TText>\n      <TText\n        v-if=\"subtitle\"\n        as=\"span\"\n        class=\"t-brand-lockup__subtitle\"\n        tone=\"muted\"\n        size=\"sm\"\n        truncate\n      >\n        {{ subtitle }}\n      </TText>\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,IAAM,IAAQ,GA4BR,IAAW,EAAmB,GAE9B,IAAa,QACZ,EAAM,KACH,GAAU,WAAW,WAAW,cAAwC,OAD1D,IAEvB,GAEK,IAAS,QAAe,GAAQ,EAAM,QAAQ,EAAM,GAAG,GAEvD,IAAM,QACN,EAAM,MAAM,EAAW,QAAc,EAAW,QAChD,EAAO,QAAc,MAClB,KACR,GAEK,IAAY,QACZ,EAAM,MAAM,EAAW,QAAc,EAAE,IAAI,EAAM,GAAG,IACpD,EAAO,QACF,EAAE,MAAM,EAAM,SAAS,OAAO,EAAM,MAAO,WAAW,EAAM,KAAK,KAAA,GAAW,IAE9E,CAAC,CACT,GAEK,IAAU,QAAe;GAC7B;GACA,mBAAmB,EAAM;GACzB,EAAE,gBAAgB,EAAM,UAAU;EACpC,CAAC,GAEK,IAAW,QAAe,CAAC,EAAM,aAAa,GAAQ,EAAM,SAAS,EAAM,SAAS;yBAIxF,EAgCY,EA/BL,EAAA,KAAG,GADV,EAEU,EA8BE,OA9BO,EAChB,OAAO,EAAA,MAAO,CAAA,GAAA;oBAIR,CAFP,EAEO,QAFP,GAEO,CADL,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,GAGd,EAAA,SAAA,EAAA,GADR,EAuBO,QAvBP,GAuBO,CAlBG,EAAA,SAAA,EAAA,GADR,EAQQ,GAAA;;IANN,IAAG;IACH,OAAM;IACN,QAAO;IACP,UAAA;;qBAEW,CAAA,EAAA,EAAR,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;oBAGF,EAAA,YAAA,EAAA,GADR,EASQ,GAAA;;IAPN,IAAG;IACH,OAAM;IACN,MAAK;IACL,MAAK;IACL,UAAA;;qBAEc,CAAA,EAAA,EAAX,EAAA,QAAQ,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/TButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TButton.cjs","names":[],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\n// Left as a runtime reference (see vue vite.config `define`) so the consumer's\n// bundler — not TreeUI's build — decides dev vs prod. `typeof` guards raw ESM\n// where `process` is absent; the check tree-shakes out of production bundles.\nconst isDevEnv = (): boolean =>\n  typeof process !== 'undefined' && process.env != null && process.env.NODE_ENV !== 'production';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. Warn in development only; production\n// stays silent (and the check is stripped by the consumer's bundler).\nif (isDevEnv()) {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TButton.cjs","names":[],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. This is a BARE `process.env.NODE_ENV`\n// compare, inlined (no `typeof process` guard, no function wrapper): the\n// consumer's bundler statically replaces it, so the whole block runs in their\n// dev build and is dead-code-eliminated — string literals included — from their\n// production build. A `typeof process` guard would be `false` in the browser\n// (where `process` does not exist), silently disabling the warning; a function\n// wrapper would be opaque to tree-shaking. TreeUI's own build keeps\n// `process.env.NODE_ENV` as a runtime reference (vite.config `define`) so the\n// decision belongs to the consumer's environment, not this build.\nif (process.env.NODE_ENV !== 'production') {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TButton.js","names":[],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\n// Left as a runtime reference (see vue vite.config `define`) so the consumer's\n// bundler — not TreeUI's build — decides dev vs prod. `typeof` guards raw ESM\n// where `process` is absent; the check tree-shakes out of production bundles.\nconst isDevEnv = (): boolean =>\n  typeof process !== 'undefined' && process.env != null && process.env.NODE_ENV !== 'production';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. Warn in development only; production\n// stays silent (and the check is stripped by the consumer's bundler).\nif (isDevEnv()) {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TButton.js","names":[],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. This is a BARE `process.env.NODE_ENV`\n// compare, inlined (no `typeof process` guard, no function wrapper): the\n// consumer's bundler statically replaces it, so the whole block runs in their\n// dev build and is dead-code-eliminated — string literals included — from their\n// production build. A `typeof process` guard would be `false` in the browser\n// (where `process` does not exist), silently disabling the warning; a function\n// wrapper would be opaque to tree-shaking. TreeUI's own build keeps\n// `process.env.NODE_ENV` as a runtime reference (vite.config `define`) so the\n// decision belongs to the consumer's environment, not this build.\nif (process.env.NODE_ENV !== 'production') {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"TButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/TButton.vue"],"names":[],"mappings":"AA6KA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAS1D,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC,CAAC;AA8GJ,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;sBAXvB,GAAG;yBACA,GAAG;;;;EAehC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UA1NV,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAnBzB,OAAO;UADX,KAAK;WAmBJ,MAAM;aApBJ,QAAQ,GAAG,OAAO;QADvB,MAAM;aAID,OAAO;kBAKF,MAAM;0BAKE,OAAO;cAKnB,OAAO;WAKV,OAAO;WAEP,OAAO,GAAG,QAAQ,GAAG,KAAK;6EA+NpC,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"}
+{"version":3,"file":"TButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/TButton.vue"],"names":[],"mappings":"AA8KA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG1D,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,kDAAkD;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC,CAAC;AAqHJ,iBAAS,cAAc;WAiFT,OAAO,IAA6B;;sBAXvB,GAAG;yBACA,GAAG;;;;EAehC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UAjOV,QAAQ,GAAG,QAAQ,GAAG,OAAO;cAnBzB,OAAO;UADX,KAAK;WAmBJ,MAAM;aApBJ,QAAQ,GAAG,OAAO;QADvB,MAAM;aAID,OAAO;kBAKF,MAAM;0BAKE,OAAO;cAKnB,OAAO;WAKV,OAAO;WAEP,OAAO,GAAG,QAAQ,GAAG,KAAK;6EAsOpC,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/TButton.vue_vue_type_script_setup_true_lang.cjs

@@ -1,2 +1,2 @@
-const e=require("./TSpinner.cjs");let t=require("vue"),n=require("@treeui/utils");var r={key:0,class:`t-button__spinner`},i={key:1,class:`t-button__icon`,"aria-hidden":`true`},a={key:2,class:`t-button__label`},o=(0,t.defineComponent)({__name:`TButton`,props:{as:{default:`button`},variant:{default:`solid`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingLabel:{default:`Loading`},hideIconWhileLoading:{type:Boolean,default:!0},iconOnly:{type:Boolean,default:!1},label:{default:void 0},type:{default:`button`},block:{type:Boolean,default:!1},align:{default:`center`}},emits:[`click`],setup(o,{emit:s}){let c=()=>typeof process<`u`&&process.env!=null&&process.env.NODE_ENV!==`production`,l=o,u=s,d=(0,n.tv)({base:`t-button`,variants:{variant:{solid:`t-button--solid`,outline:`t-button--outline`,ghost:`t-button--ghost`,soft:`t-button--soft`,danger:`t-button--danger`,brand:`t-button--brand`},size:{sm:`t-button--sm`,md:`t-button--md`,lg:`t-button--lg`}}}),f=(0,t.useAttrs)(),p=(0,t.computed)(()=>l.as===`button`),m=(0,t.computed)(()=>l.disabled||l.loading);c()&&(0,t.watchEffect)(()=>{l.iconOnly&&!l.label&&!f[`aria-label`]&&!f[`aria-labelledby`]&&console.warn("[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).")});let h=(0,t.computed)(()=>l.loading&&l.hideIconWhileLoading),g=(0,t.computed)(()=>d({variant:l.variant,size:l.size,class:{"is-loading":l.loading,"is-disabled":m.value,"t-button--block":l.block,"t-button--icon":l.iconOnly,"t-button--align-start":l.align===`start`,"t-button--align-end":l.align===`end`}})),_=e=>{if(m.value){e.preventDefault(),e.stopPropagation();return}u(`click`,e)};return(n,s)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(o.as),{type:p.value?o.type:void 0,class:(0,t.normalizeClass)(g.value),disabled:p.value?m.value:void 0,"aria-disabled":!p.value&&m.value?`true`:void 0,"aria-busy":o.loading||void 0,"aria-label":o.label,tabindex:!p.value&&m.value?-1:void 0,onClick:_},{default:(0,t.withCtx)(()=>[o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,r,[(0,t.createVNode)(e.default,{size:`sm`,label:o.loadingLabel},null,8,[`label`])])):(0,t.createCommentVNode)(``,!0),n.$slots.icon&&!h.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,[(0,t.renderSlot)(n.$slots,`icon`)])):(0,t.createCommentVNode)(``,!0),o.iconOnly?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(n.$slots,`default`)]))]),_:3},8,[`type`,`class`,`disabled`,`aria-disabled`,`aria-busy`,`aria-label`,`tabindex`]))}});exports.default=o;
+const e=require("./TSpinner.cjs");let t=require("vue"),n=require("@treeui/utils");var r={key:0,class:`t-button__spinner`},i={key:1,class:`t-button__icon`,"aria-hidden":`true`},a={key:2,class:`t-button__label`},o=(0,t.defineComponent)({__name:`TButton`,props:{as:{default:`button`},variant:{default:`solid`},size:{default:`md`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingLabel:{default:`Loading`},hideIconWhileLoading:{type:Boolean,default:!0},iconOnly:{type:Boolean,default:!1},label:{default:void 0},type:{default:`button`},block:{type:Boolean,default:!1},align:{default:`center`}},emits:[`click`],setup(o,{emit:s}){let c=o,l=s,u=(0,n.tv)({base:`t-button`,variants:{variant:{solid:`t-button--solid`,outline:`t-button--outline`,ghost:`t-button--ghost`,soft:`t-button--soft`,danger:`t-button--danger`,brand:`t-button--brand`},size:{sm:`t-button--sm`,md:`t-button--md`,lg:`t-button--lg`}}}),d=(0,t.useAttrs)(),f=(0,t.computed)(()=>c.as===`button`),p=(0,t.computed)(()=>c.disabled||c.loading);process.env.NODE_ENV!==`production`&&(0,t.watchEffect)(()=>{c.iconOnly&&!c.label&&!d[`aria-label`]&&!d[`aria-labelledby`]&&console.warn("[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).")});let m=(0,t.computed)(()=>c.loading&&c.hideIconWhileLoading),h=(0,t.computed)(()=>u({variant:c.variant,size:c.size,class:{"is-loading":c.loading,"is-disabled":p.value,"t-button--block":c.block,"t-button--icon":c.iconOnly,"t-button--align-start":c.align===`start`,"t-button--align-end":c.align===`end`}})),g=e=>{if(p.value){e.preventDefault(),e.stopPropagation();return}l(`click`,e)};return(n,s)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(o.as),{type:f.value?o.type:void 0,class:(0,t.normalizeClass)(h.value),disabled:f.value?p.value:void 0,"aria-disabled":!f.value&&p.value?`true`:void 0,"aria-busy":o.loading||void 0,"aria-label":o.label,tabindex:!f.value&&p.value?-1:void 0,onClick:g},{default:(0,t.withCtx)(()=>[o.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,r,[(0,t.createVNode)(e.default,{size:`sm`,label:o.loadingLabel},null,8,[`label`])])):(0,t.createCommentVNode)(``,!0),n.$slots.icon&&!m.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,[(0,t.renderSlot)(n.$slots,`icon`)])):(0,t.createCommentVNode)(``,!0),o.iconOnly?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(n.$slots,`default`)]))]),_:3},8,[`type`,`class`,`disabled`,`aria-disabled`,`aria-busy`,`aria-label`,`tabindex`]))}});exports.default=o;
 //# sourceMappingURL=TButton.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TButton.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\n// Left as a runtime reference (see vue vite.config `define`) so the consumer's\n// bundler — not TreeUI's build — decides dev vs prod. `typeof` guards raw ESM\n// where `process` is absent; the check tree-shakes out of production bundles.\nconst isDevEnv = (): boolean =>\n  typeof process !== 'undefined' && process.env != null && process.env.NODE_ENV !== 'production';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. Warn in development only; production\n// stays silent (and the check is stripped by the consumer's bundler).\nif (isDevEnv()) {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":"0oBASA,IAAM,MACJ,OAAO,QAAY,KAAe,QAAQ,KAAO,MAAA,QAAA,IAAA,WAAiC,aAE9E,EAAQ,EA8CR,EAAO,EAIP,GAAA,EAAA,EAAA,GAAA,CAAiB,CACrB,KAAM,WACN,SAAU,CACR,QAAS,CACP,MAAO,kBACP,QAAS,oBACT,MAAO,kBACP,KAAM,iBACN,OAAQ,mBACR,MAAO,iBACT,EACA,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,CACF,CACF,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,CAAiB,EACjB,GAAA,EAAA,EAAA,SAAA,KAAgC,EAAM,KAAO,QAAQ,EACrD,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAM,UAAY,EAAM,OAAO,EAK7D,EAAS,IACX,EAAA,EAAA,YAAA,KAAkB,CAEd,EAAM,UACN,CAAC,EAAM,OACP,CAAC,EAAM,eACP,CAAC,EAAM,oBAEP,QAAQ,KACN,0FACF,CAEJ,CAAC,EAKH,IAAM,GAAA,EAAA,EAAA,SAAA,KAA8B,EAAM,SAAW,EAAM,oBAAoB,EAEzE,GAAA,EAAA,EAAA,SAAA,KACJ,EAAY,CACV,QAAS,EAAM,QACf,KAAM,EAAM,KACZ,MAAO,CACL,aAAc,EAAM,QACpB,cAAe,EAAW,MAC1B,kBAAmB,EAAM,MACzB,iBAAkB,EAAM,SACxB,wBAAyB,EAAM,QAAU,QACzC,sBAAuB,EAAM,QAAU,KACzC,CACF,CAAC,CACH,EAEM,EAAW,GAAsB,CACrC,GAAI,EAAW,MAAO,CACpB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,MACF,CAEA,EAAK,QAAS,CAAK,CACrB,kFAKS,EAAA,EAAE,EAAA,CACN,KAAM,EAAA,MAAiB,EAAA,KAAO,IAAA,GAC9B,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACd,SAAU,EAAA,MAAiB,EAAA,MAAa,IAAA,GACxC,gBAAa,CAAG,EAAA,OAAkB,EAAA,MAAU,OAAY,IAAA,GACxD,YAAW,EAAA,SAAW,IAAA,GACtB,aAAY,EAAA,MACZ,SAAQ,CAAG,EAAA,OAAkB,EAAA,MAAU,GAAQ,IAAA,GACxC,sCAUD,CAPC,EAAA,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAOD,OARP,EAQO,EAAA,EAAA,EAAA,YAAA,CADH,EAAA,QAAA,CAFA,KAAK,KACJ,MAAO,EAAA,mEAIJA,EAAAA,OAAO,MAAI,CAAK,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKjB,OANP,EAMO,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,MAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAGb,EAAA,UAGC,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,IAHD,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIF,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TButton.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. This is a BARE `process.env.NODE_ENV`\n// compare, inlined (no `typeof process` guard, no function wrapper): the\n// consumer's bundler statically replaces it, so the whole block runs in their\n// dev build and is dead-code-eliminated — string literals included — from their\n// production build. A `typeof process` guard would be `false` in the browser\n// (where `process` does not exist), silently disabling the warning; a function\n// wrapper would be opaque to tree-shaking. TreeUI's own build keeps\n// `process.env.NODE_ENV` as a runtime reference (vite.config `define`) so the\n// decision belongs to the consumer's environment, not this build.\nif (process.env.NODE_ENV !== 'production') {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":"0oBAMA,IAAM,EAAQ,EA8CR,EAAO,EAIP,GAAA,EAAA,EAAA,GAAA,CAAiB,CACrB,KAAM,WACN,SAAU,CACR,QAAS,CACP,MAAO,kBACP,QAAS,oBACT,MAAO,kBACP,KAAM,iBACN,OAAQ,mBACR,MAAO,iBACT,EACA,KAAM,CACJ,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,CACF,CACF,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,CAAiB,EACjB,GAAA,EAAA,EAAA,SAAA,KAAgC,EAAM,KAAO,QAAQ,EACrD,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAM,UAAY,EAAM,OAAO,EAYjE,QAAA,IAAA,WAA6B,eAC3B,EAAA,EAAA,YAAA,KAAkB,CAEd,EAAM,UACN,CAAC,EAAM,OACP,CAAC,EAAM,eACP,CAAC,EAAM,oBAEP,QAAQ,KACN,0FACF,CAEJ,CAAC,EAKH,IAAM,GAAA,EAAA,EAAA,SAAA,KAA8B,EAAM,SAAW,EAAM,oBAAoB,EAEzE,GAAA,EAAA,EAAA,SAAA,KACJ,EAAY,CACV,QAAS,EAAM,QACf,KAAM,EAAM,KACZ,MAAO,CACL,aAAc,EAAM,QACpB,cAAe,EAAW,MAC1B,kBAAmB,EAAM,MACzB,iBAAkB,EAAM,SACxB,wBAAyB,EAAM,QAAU,QACzC,sBAAuB,EAAM,QAAU,KACzC,CACF,CAAC,CACH,EAEM,EAAW,GAAsB,CACrC,GAAI,EAAW,MAAO,CACpB,EAAM,eAAe,EACrB,EAAM,gBAAgB,EACtB,MACF,CAEA,EAAK,QAAS,CAAK,CACrB,kFAKS,EAAA,EAAE,EAAA,CACN,KAAM,EAAA,MAAiB,EAAA,KAAO,IAAA,GAC9B,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACd,SAAU,EAAA,MAAiB,EAAA,MAAa,IAAA,GACxC,gBAAa,CAAG,EAAA,OAAkB,EAAA,MAAU,OAAY,IAAA,GACxD,YAAW,EAAA,SAAW,IAAA,GACtB,aAAY,EAAA,MACZ,SAAQ,CAAG,EAAA,OAAkB,EAAA,MAAU,GAAQ,IAAA,GACxC,sCAUD,CAPC,EAAA,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAOD,OARP,EAQO,EAAA,EAAA,EAAA,YAAA,CADH,EAAA,QAAA,CAFA,KAAK,KACJ,MAAO,EAAA,mEAIJA,EAAAA,OAAO,MAAI,CAAK,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKjB,OANP,EAMO,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,MAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAGb,EAAA,UAGC,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,IAHD,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIF,OALP,EAKO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TButton.vue_vue_type_script_setup_true_lang.js

@@ -45,7 +45,7 @@ var h = {
 	},
 	emits: ["click"],
 	setup(o, { emit: v }) {
-		let y = () => typeof process < "u" && process.env != null && process.env.NODE_ENV !== "production", b = o, x = v, S = m({
+		let y = o, b = v, x = m({
 			base: "t-button",
 			variants: {
 				variant: {
@@ -62,44 +62,44 @@ var h = {
 					lg: "t-button--lg"
 				}
 			}
-		}), C = d(), w = t(() => b.as === "button"), T = t(() => b.disabled || b.loading);
-		y() && f(() => {
-			b.iconOnly && !b.label && !C["aria-label"] && !C["aria-labelledby"] && console.warn("[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).");
+		}), S = d(), C = t(() => y.as === "button"), w = t(() => y.disabled || y.loading);
+		process.env.NODE_ENV !== "production" && f(() => {
+			y.iconOnly && !y.label && !S["aria-label"] && !S["aria-labelledby"] && console.warn("[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).");
 		});
-		let E = t(() => b.loading && b.hideIconWhileLoading), D = t(() => S({
-			variant: b.variant,
-			size: b.size,
+		let T = t(() => y.loading && y.hideIconWhileLoading), E = t(() => x({
+			variant: y.variant,
+			size: y.size,
 			class: {
-				"is-loading": b.loading,
-				"is-disabled": T.value,
-				"t-button--block": b.block,
-				"t-button--icon": b.iconOnly,
-				"t-button--align-start": b.align === "start",
-				"t-button--align-end": b.align === "end"
+				"is-loading": y.loading,
+				"is-disabled": w.value,
+				"t-button--block": y.block,
+				"t-button--icon": y.iconOnly,
+				"t-button--align-start": y.align === "start",
+				"t-button--align-end": y.align === "end"
 			}
-		})), O = (e) => {
-			if (T.value) {
+		})), D = (e) => {
+			if (w.value) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			x("click", e);
+			b("click", e);
 		};
 		return (t, d) => (c(), n(u(o.as), {
-			type: w.value ? o.type : void 0,
-			class: s(D.value),
-			disabled: w.value ? T.value : void 0,
-			"aria-disabled": !w.value && T.value ? "true" : void 0,
+			type: C.value ? o.type : void 0,
+			class: s(E.value),
+			disabled: C.value ? w.value : void 0,
+			"aria-disabled": !C.value && w.value ? "true" : void 0,
 			"aria-busy": o.loading || void 0,
 			"aria-label": o.label,
-			tabindex: !w.value && T.value ? -1 : void 0,
-			onClick: O
+			tabindex: !C.value && w.value ? -1 : void 0,
+			onClick: D
 		}, {
 			default: p(() => [
 				o.loading ? (c(), i("span", h, [a(e, {
 					size: "sm",
 					label: o.loadingLabel
 				}, null, 8, ["label"])])) : r("", !0),
-				t.$slots.icon && !E.value ? (c(), i("span", g, [l(t.$slots, "icon")])) : r("", !0),
+				t.$slots.icon && !T.value ? (c(), i("span", g, [l(t.$slots, "icon")])) : r("", !0),
 				o.iconOnly ? r("", !0) : (c(), i("span", _, [l(t.$slots, "default")]))
 			]),
 			_: 3

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

@@ -1 +1 @@
-{"version":3,"file":"TButton.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\n// Left as a runtime reference (see vue vite.config `define`) so the consumer's\n// bundler — not TreeUI's build — decides dev vs prod. `typeof` guards raw ESM\n// where `process` is absent; the check tree-shakes out of production bundles.\nconst isDevEnv = (): boolean =>\n  typeof process !== 'undefined' && process.env != null && process.env.NODE_ENV !== 'production';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. Warn in development only; production\n// stays silent (and the check is stripped by the consumer's bundler).\nif (isDevEnv()) {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAM,UACJ,OAAO,UAAY,OAAe,QAAQ,OAAO,QAAA,QAAA,IAAA,aAAiC,cAE9E,IAAQ,GA8CR,IAAO,GAIP,IAAc,EAAG;GACrB,MAAM;GACN,UAAU;IACR,SAAS;KACP,OAAO;KACP,SAAS;KACT,OAAO;KACP,MAAM;KACN,QAAQ;KACR,OAAO;IACT;IACA,MAAM;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;IACN;GACF;EACF,CAAC,GAEK,IAAQ,EAAS,GACjB,IAAiB,QAAe,EAAM,OAAO,QAAQ,GACrD,IAAa,QAAe,EAAM,YAAY,EAAM,OAAO;EAKjE,AAAI,EAAS,KACX,QAAkB;GAChB,AACE,EAAM,YACN,CAAC,EAAM,SACP,CAAC,EAAM,iBACP,CAAC,EAAM,sBAEP,QAAQ,KACN,0FACF;EAEJ,CAAC;EAKH,IAAM,IAAe,QAAe,EAAM,WAAW,EAAM,oBAAoB,GAEzE,IAAU,QACd,EAAY;GACV,SAAS,EAAM;GACf,MAAM,EAAM;GACZ,OAAO;IACL,cAAc,EAAM;IACpB,eAAe,EAAW;IAC1B,mBAAmB,EAAM;IACzB,kBAAkB,EAAM;IACxB,yBAAyB,EAAM,UAAU;IACzC,uBAAuB,EAAM,UAAU;GACzC;EACF,CAAC,CACH,GAEM,KAAW,MAAsB;GACrC,IAAI,EAAW,OAAO;IAEpB,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;IACtB;GACF;GAEA,EAAK,SAAS,CAAK;EACrB;yBAIE,EAiCY,EAhCL,EAAA,EAAE,GAAA;GACN,MAAM,EAAA,QAAiB,EAAA,OAAO,KAAA;GAC9B,OAAK,EAAE,EAAA,KAAO;GACd,UAAU,EAAA,QAAiB,EAAA,QAAa,KAAA;GACxC,iBAAa,CAAG,EAAA,SAAkB,EAAA,QAAU,SAAY,KAAA;GACxD,aAAW,EAAA,WAAW,KAAA;GACtB,cAAY,EAAA;GACZ,UAAQ,CAAG,EAAA,SAAkB,EAAA,QAAU,KAAQ,KAAA;GACxC;;oBAUD;IAPC,EAAA,WAAA,EAAA,GADR,EAQO,QARP,GAQO,CAJL,EAGE,GAAA;KAFA,MAAK;KACJ,OAAO,EAAA;;IAIJA,EAAAA,OAAO,QAAI,CAAK,EAAA,SAAA,EAAA,GADxB,EAMO,QANP,GAMO,CADL,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAGb,EAAA,WAGC,EAAA,IAAA,EAAA,KAHD,EAAA,GADT,EAKO,QALP,GAKO,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TButton.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, watchEffect } from 'vue';\nimport { tv } from '@treeui/utils';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    variant?: TVariant | 'brand';\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    /**\n     * Accessible announcement while `loading`, forwarded to the spinner.\n     * The default is English; pass the active locale's string to localize it.\n     */\n    loadingLabel?: string;\n    /**\n     * While `loading`, hide the `icon` slot so the spinner replaces the icon\n     * instead of rendering beside it. Set to `false` to keep both visible.\n     */\n    hideIconWhileLoading?: boolean;\n    /**\n     * Square, icon-only button. The visible label is dropped, so an accessible\n     * name is required — pass `label` (or `aria-label`).\n     */\n    iconOnly?: boolean;\n    /** Accessible name, rendered as `aria-label`. Required when `iconOnly`. */\n    label?: string;\n    type?: 'button' | 'submit' | 'reset';\n    /** Stretch to the full width of the container. */\n    block?: boolean;\n    /** Content alignment — only meaningful together with `block`. */\n    align?: 'start' | 'center' | 'end';\n  }>(),\n  {\n    as: 'button',\n    variant: 'solid',\n    size: 'md',\n    disabled: false,\n    loading: false,\n    loadingLabel: 'Loading',\n    hideIconWhileLoading: true,\n    iconOnly: false,\n    label: undefined,\n    type: 'button',\n    block: false,\n    align: 'center',\n  },\n);\n\nconst emit = defineEmits<{\n  click: [event: MouseEvent];\n}>();\n\nconst buttonClass = tv({\n  base: 't-button',\n  variants: {\n    variant: {\n      solid: 't-button--solid',\n      outline: 't-button--outline',\n      ghost: 't-button--ghost',\n      soft: 't-button--soft',\n      danger: 't-button--danger',\n      brand: 't-button--brand',\n    },\n    size: {\n      sm: 't-button--sm',\n      md: 't-button--md',\n      lg: 't-button--lg',\n    },\n  },\n});\n\nconst attrs = useAttrs();\nconst isNativeButton = computed(() => props.as === 'button');\nconst isDisabled = computed(() => props.disabled || props.loading);\n\n// An icon-only button has no visible text and an aria-hidden icon, so without a\n// name it is unlabelled for assistive tech. This is a BARE `process.env.NODE_ENV`\n// compare, inlined (no `typeof process` guard, no function wrapper): the\n// consumer's bundler statically replaces it, so the whole block runs in their\n// dev build and is dead-code-eliminated — string literals included — from their\n// production build. A `typeof process` guard would be `false` in the browser\n// (where `process` does not exist), silently disabling the warning; a function\n// wrapper would be opaque to tree-shaking. TreeUI's own build keeps\n// `process.env.NODE_ENV` as a runtime reference (vite.config `define`) so the\n// decision belongs to the consumer's environment, not this build.\nif (process.env.NODE_ENV !== 'production') {\n  watchEffect(() => {\n    if (\n      props.iconOnly &&\n      !props.label &&\n      !attrs['aria-label'] &&\n      !attrs['aria-labelledby']\n    ) {\n      console.warn(\n        '[TButton] `iconOnly` needs an accessible name — pass the `label` prop (or `aria-label`).',\n      );\n    }\n  });\n}\n\n// The spinner takes the icon's leading position, so rendering both would show\n// two glyphs and widen the button mid-action.\nconst isIconHidden = computed(() => props.loading && props.hideIconWhileLoading);\n\nconst classes = computed(() =>\n  buttonClass({\n    variant: props.variant,\n    size: props.size,\n    class: {\n      'is-loading': props.loading,\n      'is-disabled': isDisabled.value,\n      't-button--block': props.block,\n      't-button--icon': props.iconOnly,\n      't-button--align-start': props.align === 'start',\n      't-button--align-end': props.align === 'end',\n    },\n  }),\n);\n\nconst onClick = (event: MouseEvent) => {\n  if (isDisabled.value) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  emit('click', event);\n};\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :type=\"isNativeButton ? type : undefined\"\n    :class=\"classes\"\n    :disabled=\"isNativeButton ? isDisabled : undefined\"\n    :aria-disabled=\"!isNativeButton && isDisabled ? 'true' : undefined\"\n    :aria-busy=\"loading || undefined\"\n    :aria-label=\"label\"\n    :tabindex=\"!isNativeButton && isDisabled ? -1 : undefined\"\n    @click=\"onClick\"\n  >\n    <span\n      v-if=\"loading\"\n      class=\"t-button__spinner\"\n    >\n      <TSpinner\n        size=\"sm\"\n        :label=\"loadingLabel\"\n      />\n    </span>\n    <span\n      v-if=\"$slots.icon && !isIconHidden\"\n      class=\"t-button__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span\n      v-if=\"!iconOnly\"\n      class=\"t-button__label\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,IAAM,IAAQ,GA8CR,IAAO,GAIP,IAAc,EAAG;GACrB,MAAM;GACN,UAAU;IACR,SAAS;KACP,OAAO;KACP,SAAS;KACT,OAAO;KACP,MAAM;KACN,QAAQ;KACR,OAAO;IACT;IACA,MAAM;KACJ,IAAI;KACJ,IAAI;KACJ,IAAI;IACN;GACF;EACF,CAAC,GAEK,IAAQ,EAAS,GACjB,IAAiB,QAAe,EAAM,OAAO,QAAQ,GACrD,IAAa,QAAe,EAAM,YAAY,EAAM,OAAO;EAYjE,AAAA,QAAA,IAAA,aAA6B,gBAC3B,QAAkB;GAChB,AACE,EAAM,YACN,CAAC,EAAM,SACP,CAAC,EAAM,iBACP,CAAC,EAAM,sBAEP,QAAQ,KACN,0FACF;EAEJ,CAAC;EAKH,IAAM,IAAe,QAAe,EAAM,WAAW,EAAM,oBAAoB,GAEzE,IAAU,QACd,EAAY;GACV,SAAS,EAAM;GACf,MAAM,EAAM;GACZ,OAAO;IACL,cAAc,EAAM;IACpB,eAAe,EAAW;IAC1B,mBAAmB,EAAM;IACzB,kBAAkB,EAAM;IACxB,yBAAyB,EAAM,UAAU;IACzC,uBAAuB,EAAM,UAAU;GACzC;EACF,CAAC,CACH,GAEM,KAAW,MAAsB;GACrC,IAAI,EAAW,OAAO;IAEpB,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;IACtB;GACF;GAEA,EAAK,SAAS,CAAK;EACrB;yBAIE,EAiCY,EAhCL,EAAA,EAAE,GAAA;GACN,MAAM,EAAA,QAAiB,EAAA,OAAO,KAAA;GAC9B,OAAK,EAAE,EAAA,KAAO;GACd,UAAU,EAAA,QAAiB,EAAA,QAAa,KAAA;GACxC,iBAAa,CAAG,EAAA,SAAkB,EAAA,QAAU,SAAY,KAAA;GACxD,aAAW,EAAA,WAAW,KAAA;GACtB,cAAY,EAAA;GACZ,UAAQ,CAAG,EAAA,SAAkB,EAAA,QAAU,KAAQ,KAAA;GACxC;;oBAUD;IAPC,EAAA,WAAA,EAAA,GADR,EAQO,QARP,GAQO,CAJL,EAGE,GAAA;KAFA,MAAK;KACJ,OAAO,EAAA;;IAIJA,EAAAA,OAAO,QAAI,CAAK,EAAA,SAAA,EAAA,GADxB,EAMO,QANP,GAMO,CADL,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAGb,EAAA,WAGC,EAAA,IAAA,EAAA,KAHD,EAAA,GADT,EAKO,QALP,GAKO,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     modelValue: boolean;
     disabled: boolean;
     size: TSize;
-    indeterminate: boolean;
     invalid: boolean;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"TCheckbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/TCheckbox.vue"],"names":[],"mappings":"AAmIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmEJ,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBA3KJ,OAAO;cAET,OAAO;UADX,KAAK;mBAEI,OAAO;aACb,OAAO;;;OAgLnB,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"}
+{"version":3,"file":"TCheckbox.vue.d.ts","sourceRoot":"","sources":["../../src/components/TCheckbox.vue"],"names":[],"mappings":"AAmIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAMhD,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmEJ,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;gBA3KJ,OAAO;cAET,OAAO;UADX,KAAK;aAGF,OAAO;mBADD,OAAO;;;OAiLzB,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/TCodeBlock.cjs

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

package/dist/components/TCodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TCodeBlock.cjs","names":[],"sources":["../../src/components/TCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport TIcon from './TIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Code as a string. Rendered as the block content and used by the built-in\n     * copy button. Omit and use the default slot for pre-formatted markup.\n     */\n    code?: string;\n    /**\n     * Line wrapping. `false` (default) keeps lines intact and scrolls\n     * horizontally — right for logs. `true` wraps long lines (`pre-wrap`) — right\n     * for JSON.\n     */\n    wrap?: boolean;\n    /** Max height before the block scrolls vertically. Any CSS length. */\n    maxBlockSize?: string;\n    /** Show the built-in copy button. Requires `code` (nothing to copy from a slot). */\n    copyable?: boolean;\n    /** Accessible name for the scrollable region and the copy button. */\n    label?: string;\n  }>(),\n  {\n    code: undefined,\n    wrap: false,\n    maxBlockSize: undefined,\n    copyable: false,\n    label: 'Code',\n  },\n);\n\nconst emit = defineEmits<{\n  copy: [text: string];\n}>();\n\nconst copied = ref(false);\nlet resetTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst showCopy = computed(() => props.copyable && props.code != null);\nconst hasToolbar = computed(() => showCopy.value);\n\nconst preStyle = computed(() =>\n  props.maxBlockSize ? { maxBlockSize: props.maxBlockSize } : undefined,\n);\n\nconst classes = computed(() => ['t-code-block', { 'is-wrap': props.wrap }]);\n\nasync function onCopy() {\n  if (props.code == null) return;\n  try {\n    await navigator.clipboard?.writeText(props.code);\n    emit('copy', props.code);\n    copied.value = true;\n    clearTimeout(resetTimer);\n    resetTimer = setTimeout(() => {\n      copied.value = false;\n    }, 2000);\n  } catch {\n    // Clipboard can reject (permissions, insecure context); leave state as-is.\n  }\n}\n</script>\n\n<template>\n  <div :class=\"classes\">\n    <div\n      v-if=\"hasToolbar\"\n      class=\"t-code-block__toolbar\"\n    >\n      <button\n        v-if=\"showCopy\"\n        type=\"button\"\n        class=\"t-code-block__copy\"\n        :aria-label=\"copied ? 'Copied' : `Copy ${label}`\"\n        @click=\"onCopy\"\n      >\n        <TIcon\n          :name=\"copied ? 'check' : 'copy'\"\n          :size=\"16\"\n        />\n      </button>\n    </div>\n    <pre\n      class=\"t-code-block__pre\"\n      role=\"region\"\n      :aria-label=\"label\"\n      tabindex=\"0\"\n      :style=\"preStyle\"\n    ><code class=\"t-code-block__code\"><slot>{{ code }}</slot></code></pre>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TCodeBlock.js

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

package/dist/components/TCodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TCodeBlock.js","names":[],"sources":["../../src/components/TCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport TIcon from './TIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Code as a string. Rendered as the block content and used by the built-in\n     * copy button. Omit and use the default slot for pre-formatted markup.\n     */\n    code?: string;\n    /**\n     * Line wrapping. `false` (default) keeps lines intact and scrolls\n     * horizontally — right for logs. `true` wraps long lines (`pre-wrap`) — right\n     * for JSON.\n     */\n    wrap?: boolean;\n    /** Max height before the block scrolls vertically. Any CSS length. */\n    maxBlockSize?: string;\n    /** Show the built-in copy button. Requires `code` (nothing to copy from a slot). */\n    copyable?: boolean;\n    /** Accessible name for the scrollable region and the copy button. */\n    label?: string;\n  }>(),\n  {\n    code: undefined,\n    wrap: false,\n    maxBlockSize: undefined,\n    copyable: false,\n    label: 'Code',\n  },\n);\n\nconst emit = defineEmits<{\n  copy: [text: string];\n}>();\n\nconst copied = ref(false);\nlet resetTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst showCopy = computed(() => props.copyable && props.code != null);\nconst hasToolbar = computed(() => showCopy.value);\n\nconst preStyle = computed(() =>\n  props.maxBlockSize ? { maxBlockSize: props.maxBlockSize } : undefined,\n);\n\nconst classes = computed(() => ['t-code-block', { 'is-wrap': props.wrap }]);\n\nasync function onCopy() {\n  if (props.code == null) return;\n  try {\n    await navigator.clipboard?.writeText(props.code);\n    emit('copy', props.code);\n    copied.value = true;\n    clearTimeout(resetTimer);\n    resetTimer = setTimeout(() => {\n      copied.value = false;\n    }, 2000);\n  } catch {\n    // Clipboard can reject (permissions, insecure context); leave state as-is.\n  }\n}\n</script>\n\n<template>\n  <div :class=\"classes\">\n    <div\n      v-if=\"hasToolbar\"\n      class=\"t-code-block__toolbar\"\n    >\n      <button\n        v-if=\"showCopy\"\n        type=\"button\"\n        class=\"t-code-block__copy\"\n        :aria-label=\"copied ? 'Copied' : `Copy ${label}`\"\n        @click=\"onCopy\"\n      >\n        <TIcon\n          :name=\"copied ? 'check' : 'copy'\"\n          :size=\"16\"\n        />\n      </button>\n    </div>\n    <pre\n      class=\"t-code-block__pre\"\n      role=\"region\"\n      :aria-label=\"label\"\n      tabindex=\"0\"\n      :style=\"preStyle\"\n    ><code class=\"t-code-block__code\"><slot>{{ code }}</slot></code></pre>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,47 @@
+type __VLS_Props = {
+    /**
+     * Code as a string. Rendered as the block content and used by the built-in
+     * copy button. Omit and use the default slot for pre-formatted markup.
+     */
+    code?: string;
+    /**
+     * Line wrapping. `false` (default) keeps lines intact and scrolls
+     * horizontally — right for logs. `true` wraps long lines (`pre-wrap`) — right
+     * for JSON.
+     */
+    wrap?: boolean;
+    /** Max height before the block scrolls vertically. Any CSS length. */
+    maxBlockSize?: string;
+    /** Show the built-in copy button. Requires `code` (nothing to copy from a slot). */
+    copyable?: boolean;
+    /** Accessible name for the scrollable region and the copy button. */
+    label?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    copy: (text: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((text: string) => any) | undefined;
+}>, {
+    code: string;
+    label: string;
+    wrap: boolean;
+    maxBlockSize: string;
+    copyable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TCodeBlock.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../src/components/TCodeBlock.vue"],"names":[],"mappings":"AAkGA,KAAK,WAAW,GAAG;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAqDJ,iBAAS,cAAc;WA2DT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UApJV,MAAM;WAYL,MAAM;UANP,OAAO;kBAEC,MAAM;cAEV,OAAO;wFAmJpB,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/TCodeBlock.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TIcon.cjs");let t=require("vue");var n={key:0,class:`t-code-block__toolbar`},r=[`aria-label`],i=[`aria-label`],a={class:`t-code-block__code`},o=(0,t.defineComponent)({__name:`TCodeBlock`,props:{code:{default:void 0},wrap:{type:Boolean,default:!1},maxBlockSize:{default:void 0},copyable:{type:Boolean,default:!1},label:{default:`Code`}},emits:[`copy`],setup(o,{emit:s}){let c=o,l=s,u=(0,t.ref)(!1),d,f=(0,t.computed)(()=>c.copyable&&c.code!=null),p=(0,t.computed)(()=>f.value),m=(0,t.computed)(()=>c.maxBlockSize?{maxBlockSize:c.maxBlockSize}:void 0),h=(0,t.computed)(()=>[`t-code-block`,{"is-wrap":c.wrap}]);async function g(){if(c.code!=null)try{await navigator.clipboard?.writeText(c.code),l(`copy`,c.code),u.value=!0,clearTimeout(d),d=setTimeout(()=>{u.value=!1},2e3)}catch{}}return(s,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(h.value)},[p.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,n,[f.value?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,type:`button`,class:`t-code-block__copy`,"aria-label":u.value?`Copied`:`Copy ${o.label}`,onClick:g},[(0,t.createVNode)(e.default,{name:u.value?`check`:`copy`,size:16},null,8,[`name`])],8,r)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`pre`,{class:`t-code-block__pre`,role:`region`,"aria-label":o.label,tabindex:`0`,style:(0,t.normalizeStyle)(m.value)},[(0,t.createElementVNode)(`code`,a,[(0,t.renderSlot)(s.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.code),1)])])],12,i)],2))}});exports.default=o;
+//# sourceMappingURL=TCodeBlock.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TCodeBlock.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport TIcon from './TIcon.vue';\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * Code as a string. Rendered as the block content and used by the built-in\n     * copy button. Omit and use the default slot for pre-formatted markup.\n     */\n    code?: string;\n    /**\n     * Line wrapping. `false` (default) keeps lines intact and scrolls\n     * horizontally — right for logs. `true` wraps long lines (`pre-wrap`) — right\n     * for JSON.\n     */\n    wrap?: boolean;\n    /** Max height before the block scrolls vertically. Any CSS length. */\n    maxBlockSize?: string;\n    /** Show the built-in copy button. Requires `code` (nothing to copy from a slot). */\n    copyable?: boolean;\n    /** Accessible name for the scrollable region and the copy button. */\n    label?: string;\n  }>(),\n  {\n    code: undefined,\n    wrap: false,\n    maxBlockSize: undefined,\n    copyable: false,\n    label: 'Code',\n  },\n);\n\nconst emit = defineEmits<{\n  copy: [text: string];\n}>();\n\nconst copied = ref(false);\nlet resetTimer: ReturnType<typeof setTimeout> | undefined;\n\nconst showCopy = computed(() => props.copyable && props.code != null);\nconst hasToolbar = computed(() => showCopy.value);\n\nconst preStyle = computed(() =>\n  props.maxBlockSize ? { maxBlockSize: props.maxBlockSize } : undefined,\n);\n\nconst classes = computed(() => ['t-code-block', { 'is-wrap': props.wrap }]);\n\nasync function onCopy() {\n  if (props.code == null) return;\n  try {\n    await navigator.clipboard?.writeText(props.code);\n    emit('copy', props.code);\n    copied.value = true;\n    clearTimeout(resetTimer);\n    resetTimer = setTimeout(() => {\n      copied.value = false;\n    }, 2000);\n  } catch {\n    // Clipboard can reject (permissions, insecure context); leave state as-is.\n  }\n}\n</script>\n\n<template>\n  <div :class=\"classes\">\n    <div\n      v-if=\"hasToolbar\"\n      class=\"t-code-block__toolbar\"\n    >\n      <button\n        v-if=\"showCopy\"\n        type=\"button\"\n        class=\"t-code-block__copy\"\n        :aria-label=\"copied ? 'Copied' : `Copy ${label}`\"\n        @click=\"onCopy\"\n      >\n        <TIcon\n          :name=\"copied ? 'check' : 'copy'\"\n          :size=\"16\"\n        />\n      </button>\n    </div>\n    <pre\n      class=\"t-code-block__pre\"\n      role=\"region\"\n      :aria-label=\"label\"\n      tabindex=\"0\"\n      :style=\"preStyle\"\n    ><code class=\"t-code-block__code\"><slot>{{ code }}</slot></code></pre>\n  </div>\n</template>\n"],"mappings":"oYAIA,IAAM,EAAQ,EA6BR,EAAO,EAIP,GAAA,EAAA,EAAA,IAAA,CAAa,EAAK,EACpB,EAEE,GAAA,EAAA,EAAA,SAAA,KAA0B,EAAM,UAAY,EAAM,MAAQ,IAAI,EAC9D,GAAA,EAAA,EAAA,SAAA,KAA4B,EAAS,KAAK,EAE1C,GAAA,EAAA,EAAA,SAAA,KACJ,EAAM,aAAe,CAAE,aAAc,EAAM,YAAa,EAAI,IAAA,EAC9D,EAEM,GAAA,EAAA,EAAA,SAAA,KAAyB,CAAC,eAAgB,CAAE,UAAW,EAAM,IAAK,CAAC,CAAC,EAE1E,eAAe,GAAS,CAClB,KAAM,MAAQ,KAClB,GAAI,CACF,MAAM,UAAU,WAAW,UAAU,EAAM,IAAI,EAC/C,EAAK,OAAQ,EAAM,IAAI,EACvB,EAAO,MAAQ,GACf,aAAa,CAAU,EACvB,EAAa,eAAiB,CAC5B,EAAO,MAAQ,EACjB,EAAG,GAAI,CACT,MAAQ,CAER,CACF,0DA6BQ,MAAA,CAzBA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,CAAA,EAAA,CAEV,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAeF,MAhBN,EAgBM,CAXI,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAUC,SAAA,OATP,KAAK,SACL,MAAM,qBACL,aAAY,EAAA,MAAM,SAAA,QAAsB,EAAA,QACxC,QAAO,sBAKN,EAAA,QAAA,CAFC,KAAM,EAAA,MAAM,QAAA,OACZ,KAAM,wHAUyD,MAAA,CALpE,MAAM,oBACN,KAAK,SACJ,aAAY,EAAA,MACb,SAAS,IACR,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAQ,6BAC8C,OAA/D,EAA+D,EAAA,EAAA,EAAA,WAAA,CAAP,EAAA,OAAA,UAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAd,EAAA,IAAI,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,EAAA,CAAA"}