@treeui/vue 0.12.0 → 0.14.0

package/dist/components/TNavMenu.vue_vue_type_script_setup_true_lang.js

@@ -9,16 +9,16 @@ var T = {
 	key: 1,
 	class: "t-nav-menu__marker",
 	"aria-hidden": "true"
-}, D = { class: "t-nav-menu__copy" }, O = { class: "t-nav-menu__label" }, k = {
+}, D = { class: "t-nav-menu__copy" }, ee = { class: "t-nav-menu__label" }, te = {
 	key: 0,
 	class: "t-nav-menu__description"
-}, A = {
+}, O = {
 	key: 2,
 	class: "t-nav-menu__badge"
-}, j = {
+}, k = {
 	key: 1,
 	class: "t-nav-menu__empty"
-}, M = /*@__PURE__*/ c({
+}, A = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "TNavMenu",
 	props: {
@@ -33,107 +33,119 @@ var T = {
 		disabled: {
 			type: Boolean,
 			default: !1
+		},
+		exact: {
+			type: Boolean,
+			default: !0
 		}
 	},
 	emits: ["update:modelValue", "select"],
-	setup(c, { emit: M }) {
-		let N = c, P = M, F = b(), I = u(e, null), L = h(N.defaultValue), R = h(/* @__PURE__ */ new Map()), z = l(), B = n(() => N.modelValue ?? L.value), V = n(() => N.collapsed ?? I?.collapsed.value ?? !1), H = n(() => z?.appContext.components.RouterLink ?? null), U = (e) => e.to && H.value ? H.value : "button", W = () => {
-			let e = N.items.findIndex((e) => e.value === B.value && !e.disabled);
-			return e >= 0 ? e : N.items.findIndex((e) => !e.disabled);
-		}, G = h(W()), K = n(() => [
+	setup(c, { emit: A }) {
+		let j = c, M = A, N = b(), P = u(e, null), F = h(j.defaultValue), I = h(/* @__PURE__ */ new Map()), L = l(), R = n(() => j.modelValue ?? F.value), z = n(() => j.collapsed ?? P?.collapsed.value ?? !1), B = n(() => L?.appContext.components.RouterLink ?? null), V = (e) => e.to && B.value ? B.value : "button", H = (e) => !!e.to && B.value !== null, U = (e) => {
+			if (H(e)) return j.modelValue === void 0 ? e.exact ?? j.exact ? "" : "is-selected" : "";
+		}, W = (e) => {
+			if (H(e)) return j.modelValue === void 0 ? "is-selected" : "";
+		}, G = () => {
+			let e = j.items.findIndex((e) => e.value === R.value && !e.disabled);
+			return e >= 0 ? e : j.items.findIndex((e) => !e.disabled);
+		}, K = h(G()), q = n(() => [
 			"t-nav-menu",
-			`t-nav-menu--${N.size}`,
+			`t-nav-menu--${j.size}`,
 			{
-				"is-collapsed": V.value,
-				"is-disabled": N.disabled
+				"is-collapsed": z.value,
+				"is-disabled": j.disabled
 			},
-			F.class
-		]), q = n(() => F.style), J = n(() => {
-			let { class: e, style: t, ...n } = F;
+			N.class
+		]), J = n(() => N.style), Y = n(() => {
+			let { class: e, style: t, ...n } = N;
 			return n;
-		}), Y = (e) => B.value === e, X = (e, t) => {
+		}), X = (e) => R.value === e, Z = (e, t) => {
 			let n = e instanceof HTMLElement ? e : e && "$el" in e && e.$el instanceof HTMLElement ? e.$el : null;
-			n ? R.value.set(t, n) : R.value.delete(t);
-		}, Z = (e) => {
-			let t = N.items[e];
-			t && (G.value = e, f(() => R.value.get(t.value)?.focus()));
+			n ? I.value.set(t, n) : I.value.delete(t);
 		}, Q = (e) => {
-			N.disabled || e.disabled || (N.modelValue === void 0 && (L.value = e.value), P("update:modelValue", e.value), P("select", e.value, e));
-		}, $ = (e, t) => {
-			if (!N.disabled) {
+			let t = j.items[e];
+			t && (K.value = e, f(() => I.value.get(t.value)?.focus()));
+		}, $ = (e) => {
+			j.disabled || e.disabled || (j.modelValue === void 0 && (F.value = e.value), M("update:modelValue", e.value), M("select", e.value, e));
+		}, ne = (e, t) => {
+			if (!j.disabled) {
 				if (e.key === "Home") {
 					e.preventDefault();
-					let t = N.items.findIndex((e) => !e.disabled);
-					t >= 0 && Z(t);
+					let t = j.items.findIndex((e) => !e.disabled);
+					t >= 0 && Q(t);
 					return;
 				}
 				if (e.key === "End") {
 					e.preventDefault();
-					let t = [...N.items].reverse().findIndex((e) => !e.disabled);
-					t >= 0 && Z(N.items.length - 1 - t);
+					let t = [...j.items].reverse().findIndex((e) => !e.disabled);
+					t >= 0 && Q(j.items.length - 1 - t);
 					return;
 				}
 				if (e.key === "ArrowDown" || e.key === "ArrowRight") {
 					e.preventDefault();
-					let n = C(t, N.items, 1);
-					n >= 0 && Z(n);
+					let n = C(t, j.items, 1);
+					n >= 0 && Q(n);
 					return;
 				}
 				if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
 					e.preventDefault();
-					let n = C(t, N.items, -1);
-					n >= 0 && Z(n);
+					let n = C(t, j.items, -1);
+					n >= 0 && Q(n);
 					return;
 				}
-				w(e) && (e.preventDefault(), Q(N.items[t]));
+				w(e) && (e.preventDefault(), $(j.items[t]));
 			}
-		}, ee = (e) => G.value === e ? 0 : -1;
-		return x(() => [N.items, N.modelValue], () => {
-			let e = W();
-			G.value = e >= 0 ? e : -1;
-		}, { deep: !0 }), (e, n) => (m(), a("nav", d(J.value, {
-			class: K.value,
-			style: q.value
+		}, re = (e) => K.value === e ? 0 : -1;
+		return x(() => [j.items, j.modelValue], () => {
+			let e = G();
+			K.value = e >= 0 ? e : -1;
+		}, { deep: !0 }), (e, n) => (m(), a("nav", d(Y.value, {
+			class: q.value,
+			style: J.value
 		}), [c.items.length > 0 ? (m(), a("ul", T, [(m(!0), a(t, null, g(c.items, (t, n) => (m(), a("li", {
 			key: t.value,
 			class: "t-nav-menu__entry"
-		}, [(m(), r(v(U(t)), {
+		}, [(m(), r(v(V(t)), {
 			ref_for: !0,
-			ref: (e) => X(e, t.value),
+			ref: (e) => Z(e, t.value),
 			type: t.to ? void 0 : "button",
 			to: t.to || void 0,
 			class: p(["t-nav-menu__item", {
-				"is-selected": Y(t.value),
+				"is-selected": X(t.value),
 				"is-disabled": c.disabled || t.disabled
 			}]),
+			"active-class": U(t),
+			"exact-active-class": W(t),
 			disabled: !t.to && (c.disabled || t.disabled) || void 0,
 			"aria-disabled": t.to && (c.disabled || t.disabled) || void 0,
-			"aria-current": Y(t.value) ? "page" : void 0,
-			tabindex: c.disabled || t.disabled ? -1 : ee(n),
-			title: V.value ? t.label : void 0,
-			onClick: (e) => Q(t),
-			onKeydown: (e) => $(e, n),
-			onFocus: (e) => G.value = n
+			"aria-current": X(t.value) ? "page" : void 0,
+			tabindex: c.disabled || t.disabled ? -1 : re(n),
+			title: z.value ? t.label : void 0,
+			onClick: (e) => $(t),
+			onKeydown: (e) => ne(e, n),
+			onFocus: (e) => K.value = n
 		}, {
 			default: S(() => [_(e.$slots, "item", {
 				item: t,
-				selected: Y(t.value),
-				focused: G.value === n,
-				collapsed: V.value
+				selected: X(t.value),
+				focused: K.value === n,
+				collapsed: z.value
 			}, () => [
 				t.icon ? (m(), r(v(t.icon), {
 					key: 0,
 					class: "t-nav-menu__icon",
 					"aria-hidden": "true"
 				})) : (m(), a("span", E, y((t.shortLabel ?? t.label.charAt(0)).toUpperCase()), 1)),
-				o("span", D, [o("span", O, y(t.label), 1), t.description ? (m(), a("span", k, y(t.description), 1)) : i("", !0)]),
-				t.badge !== void 0 && t.badge !== null ? (m(), a("span", A, y(t.badge), 1)) : i("", !0)
+				o("span", D, [o("span", ee, y(t.label), 1), t.description ? (m(), a("span", te, y(t.description), 1)) : i("", !0)]),
+				t.badge !== void 0 && t.badge !== null ? (m(), a("span", O, y(t.badge), 1)) : i("", !0)
 			])]),
 			_: 2
 		}, 1064, [
 			"type",
 			"to",
 			"class",
+			"active-class",
+			"exact-active-class",
 			"disabled",
 			"aria-disabled",
 			"aria-current",
@@ -142,10 +154,10 @@ var T = {
 			"onClick",
 			"onKeydown",
 			"onFocus"
-		]))]))), 128))])) : (m(), a("div", j, [_(e.$slots, "empty", {}, () => [n[0] ||= s(" No navigation items. ", -1)])]))], 16));
+		]))]))), 128))])) : (m(), a("div", k, [_(e.$slots, "empty", {}, () => [n[0] ||= s(" No navigation items. ", -1)])]))], 16));
 	}
 });
 //#endregion
-export { M as default };
+export { A as default };
 
 //# sourceMappingURL=TNavMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TNavMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TNavMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, getCurrentInstance, inject, nextTick, ref, useAttrs, watch, type Component, type ComponentPublicInstance } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TNavMenuItem {\n  label: string;\n  value: string;\n  shortLabel?: string;\n  description?: string;\n  icon?: Component;\n  to?: string | Record<string, unknown>;\n  badge?: string | number;\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TNavMenuItem[];\n    size?: TSize;\n    collapsed?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    collapsed: undefined,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  select: [value: string, item: TNavMenuItem];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TNavMenuItem;\n    selected: boolean;\n    focused: boolean;\n    collapsed: boolean;\n  }) => unknown;\n  empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst sidebar = inject(treeSidebarInjectionKey, null);\nconst internalValue = ref(props.defaultValue);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst instance = getCurrentInstance();\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\nconst resolvedCollapsed = computed(() => props.collapsed ?? sidebar?.collapsed.value ?? false);\n\nconst routerLinkComponent = computed<Component | null>(() => (\n  (instance?.appContext.components.RouterLink as Component | undefined) ?? null\n));\n\nconst itemTag = (item: TNavMenuItem) => {\n  if (item.to && routerLinkComponent.value) {\n    return routerLinkComponent.value;\n  }\n  return 'button';\n};\n\nconst getInitialFocusedIndex = () => {\n  const selectedIndex = props.items.findIndex((item) =>\n    item.value === selectedValue.value && !item.disabled,\n  );\n\n  if (selectedIndex >= 0) {\n    return selectedIndex;\n  }\n\n  return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n  't-nav-menu',\n  `t-nav-menu--${props.size}`,\n  {\n    'is-collapsed': resolvedCollapsed.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n  const resolvedElement =\n    element instanceof HTMLElement\n      ? element\n      : element && '$el' in element && element.$el instanceof HTMLElement\n        ? element.$el\n        : null;\n\n  if (resolvedElement) {\n    itemRefs.value.set(value, resolvedElement);\n  } else {\n    itemRefs.value.delete(value);\n  }\n};\n\nconst focusItem = (index: number) => {\n  const item = props.items[index];\n\n  if (!item) {\n    return;\n  }\n\n  focusedIndex.value = index;\n  nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TNavMenuItem) => {\n  if (props.disabled || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n  emit('select', item.value, item);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault();\n    const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n    if (firstIndex >= 0) {\n      focusItem(firstIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault();\n    const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n    if (lastIndex >= 0) {\n      focusItem(props.items.length - 1 - lastIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n    if (nextIndex >= 0) {\n      focusItem(nextIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n    if (previousIndex >= 0) {\n      focusItem(previousIndex);\n    }\n\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectItem(props.items[index]);\n  }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n  () => [props.items, props.modelValue] as const,\n  () => {\n    const nextIndex = getInitialFocusedIndex();\n    focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <nav\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <ul\n      v-if=\"items.length > 0\"\n      class=\"t-nav-menu__list\"\n    >\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"item.value\"\n        class=\"t-nav-menu__entry\"\n      >\n        <component\n          :is=\"itemTag(item)\"\n          :ref=\"(element: Element | ComponentPublicInstance | null) => setItemRef(element, item.value)\"\n          :type=\"item.to ? undefined : 'button'\"\n          :to=\"item.to || undefined\"\n          class=\"t-nav-menu__item\"\n          :class=\"{\n            'is-selected': isSelected(item.value),\n            'is-disabled': disabled || item.disabled,\n          }\"\n          :disabled=\"(!item.to && (disabled || item.disabled)) || undefined\"\n          :aria-disabled=\"(item.to && (disabled || item.disabled)) || undefined\"\n          :aria-current=\"isSelected(item.value) ? 'page' : undefined\"\n          :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n          :title=\"resolvedCollapsed ? item.label : undefined\"\n          @click=\"selectItem(item)\"\n          @keydown=\"onItemKeydown($event, index)\"\n          @focus=\"focusedIndex = index\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"item\"\n            :selected=\"isSelected(item.value)\"\n            :focused=\"focusedIndex === index\"\n            :collapsed=\"resolvedCollapsed\"\n          >\n            <component\n              :is=\"item.icon\"\n              v-if=\"item.icon\"\n              class=\"t-nav-menu__icon\"\n              aria-hidden=\"true\"\n            />\n            <span\n              v-else\n              class=\"t-nav-menu__marker\"\n              aria-hidden=\"true\"\n            >\n              {{ (item.shortLabel ?? item.label.charAt(0)).toUpperCase() }}\n            </span>\n\n            <span class=\"t-nav-menu__copy\">\n              <span class=\"t-nav-menu__label\">{{ item.label }}</span>\n              <span\n                v-if=\"item.description\"\n                class=\"t-nav-menu__description\"\n              >\n                {{ item.description }}\n              </span>\n            </span>\n\n            <span\n              v-if=\"item.badge !== undefined && item.badge !== null\"\n              class=\"t-nav-menu__badge\"\n            >\n              {{ item.badge }}\n            </span>\n          </slot>\n        </component>\n      </li>\n    </ul>\n\n    <div\n      v-else\n      class=\"t-nav-menu__empty\"\n    >\n      <slot name=\"empty\">\n        No navigation items.\n      </slot>\n    </div>\n  </nav>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TNavMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TNavMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getNextEnabledIndex, isActivationKey } from '@treeui/utils';\nimport { computed, getCurrentInstance, inject, nextTick, ref, useAttrs, watch, type Component, type ComponentPublicInstance } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport { treeSidebarInjectionKey } from './sidebar';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TNavMenuItem {\n  label: string;\n  value: string;\n  shortLabel?: string;\n  description?: string;\n  icon?: Component;\n  to?: string | Record<string, unknown>;\n  badge?: string | number;\n  disabled?: boolean;\n  /**\n   * When the item renders as a router link, controls whether an inclusive\n   * (prefix) route match also marks it active. Defaults to the menu-level\n   * `exact` prop. Set to `false` for section roots that should stay active on\n   * nested routes.\n   */\n  exact?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    items?: TNavMenuItem[];\n    size?: TSize;\n    collapsed?: boolean;\n    disabled?: boolean;\n    exact?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    items: () => [],\n    size: 'md',\n    collapsed: undefined,\n    disabled: false,\n    exact: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  select: [value: string, item: TNavMenuItem];\n}>();\n\ndefineSlots<{\n  item?: (props: {\n    item: TNavMenuItem;\n    selected: boolean;\n    focused: boolean;\n    collapsed: boolean;\n  }) => unknown;\n  empty?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst sidebar = inject(treeSidebarInjectionKey, null);\nconst internalValue = ref(props.defaultValue);\nconst itemRefs = ref<Map<string, HTMLElement>>(new Map());\nconst instance = getCurrentInstance();\n\nconst selectedValue = computed(() => props.modelValue ?? internalValue.value);\nconst resolvedCollapsed = computed(() => props.collapsed ?? sidebar?.collapsed.value ?? false);\n\nconst routerLinkComponent = computed<Component | null>(() => (\n  (instance?.appContext.components.RouterLink as Component | undefined) ?? null\n));\n\nconst itemTag = (item: TNavMenuItem) => {\n  if (item.to && routerLinkComponent.value) {\n    return routerLinkComponent.value;\n  }\n  return 'button';\n};\n\nconst isRouterLinkItem = (item: TNavMenuItem) =>\n  Boolean(item.to) && routerLinkComponent.value !== null;\n\n// Keep the active highlight deterministic when items render as router links.\n// Vue Router's default `router-link-active` uses inclusive (prefix) matching,\n// so several links can appear active at once. We map the router's active\n// classes onto TreeUI's own `is-selected`:\n// - Controlled menus (explicit `modelValue`) own selection, so the router adds\n//   no class of its own — only the bound `is-selected` shows.\n// - Uncontrolled menus let the current route drive selection, using exact\n//   matching by default (opt out per item, or menu-wide, via `exact`).\nconst routerActiveClass = (item: TNavMenuItem) => {\n  if (!isRouterLinkItem(item)) {\n    return undefined;\n  }\n\n  if (props.modelValue !== undefined) {\n    return '';\n  }\n\n  return (item.exact ?? props.exact) ? '' : 'is-selected';\n};\n\nconst routerExactActiveClass = (item: TNavMenuItem) => {\n  if (!isRouterLinkItem(item)) {\n    return undefined;\n  }\n\n  return props.modelValue !== undefined ? '' : 'is-selected';\n};\n\nconst getInitialFocusedIndex = () => {\n  const selectedIndex = props.items.findIndex((item) =>\n    item.value === selectedValue.value && !item.disabled,\n  );\n\n  if (selectedIndex >= 0) {\n    return selectedIndex;\n  }\n\n  return props.items.findIndex((item) => !item.disabled);\n};\n\nconst focusedIndex = ref(getInitialFocusedIndex());\n\nconst rootClasses = computed(() => [\n  't-nav-menu',\n  `t-nav-menu--${props.size}`,\n  {\n    'is-collapsed': resolvedCollapsed.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst isSelected = (value: string) => selectedValue.value === value;\n\nconst setItemRef = (element: Element | ComponentPublicInstance | null, value: string) => {\n  const resolvedElement =\n    element instanceof HTMLElement\n      ? element\n      : element && '$el' in element && element.$el instanceof HTMLElement\n        ? element.$el\n        : null;\n\n  if (resolvedElement) {\n    itemRefs.value.set(value, resolvedElement);\n  } else {\n    itemRefs.value.delete(value);\n  }\n};\n\nconst focusItem = (index: number) => {\n  const item = props.items[index];\n\n  if (!item) {\n    return;\n  }\n\n  focusedIndex.value = index;\n  nextTick(() => itemRefs.value.get(item.value)?.focus());\n};\n\nconst selectItem = (item: TNavMenuItem) => {\n  if (props.disabled || item.disabled) {\n    return;\n  }\n\n  if (props.modelValue === undefined) {\n    internalValue.value = item.value;\n  }\n\n  emit('update:modelValue', item.value);\n  emit('select', item.value, item);\n};\n\nconst onItemKeydown = (event: KeyboardEvent, index: number) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault();\n    const firstIndex = props.items.findIndex((item) => !item.disabled);\n\n    if (firstIndex >= 0) {\n      focusItem(firstIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault();\n    const lastIndex = [...props.items].reverse().findIndex((item) => !item.disabled);\n\n    if (lastIndex >= 0) {\n      focusItem(props.items.length - 1 - lastIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    const nextIndex = getNextEnabledIndex(index, props.items, 1);\n\n    if (nextIndex >= 0) {\n      focusItem(nextIndex);\n    }\n\n    return;\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    const previousIndex = getNextEnabledIndex(index, props.items, -1);\n\n    if (previousIndex >= 0) {\n      focusItem(previousIndex);\n    }\n\n    return;\n  }\n\n  if (isActivationKey(event)) {\n    event.preventDefault();\n    selectItem(props.items[index]);\n  }\n};\n\nconst getTabIndex = (index: number) => (focusedIndex.value === index ? 0 : -1);\n\nwatch(\n  () => [props.items, props.modelValue] as const,\n  () => {\n    const nextIndex = getInitialFocusedIndex();\n    focusedIndex.value = nextIndex >= 0 ? nextIndex : -1;\n  },\n  { deep: true },\n);\n</script>\n\n<template>\n  <nav\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <ul\n      v-if=\"items.length > 0\"\n      class=\"t-nav-menu__list\"\n    >\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"item.value\"\n        class=\"t-nav-menu__entry\"\n      >\n        <component\n          :is=\"itemTag(item)\"\n          :ref=\"(element: Element | ComponentPublicInstance | null) => setItemRef(element, item.value)\"\n          :type=\"item.to ? undefined : 'button'\"\n          :to=\"item.to || undefined\"\n          class=\"t-nav-menu__item\"\n          :class=\"{\n            'is-selected': isSelected(item.value),\n            'is-disabled': disabled || item.disabled,\n          }\"\n          :active-class=\"routerActiveClass(item)\"\n          :exact-active-class=\"routerExactActiveClass(item)\"\n          :disabled=\"(!item.to && (disabled || item.disabled)) || undefined\"\n          :aria-disabled=\"(item.to && (disabled || item.disabled)) || undefined\"\n          :aria-current=\"isSelected(item.value) ? 'page' : undefined\"\n          :tabindex=\"disabled || item.disabled ? -1 : getTabIndex(index)\"\n          :title=\"resolvedCollapsed ? item.label : undefined\"\n          @click=\"selectItem(item)\"\n          @keydown=\"onItemKeydown($event, index)\"\n          @focus=\"focusedIndex = index\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"item\"\n            :selected=\"isSelected(item.value)\"\n            :focused=\"focusedIndex === index\"\n            :collapsed=\"resolvedCollapsed\"\n          >\n            <component\n              :is=\"item.icon\"\n              v-if=\"item.icon\"\n              class=\"t-nav-menu__icon\"\n              aria-hidden=\"true\"\n            />\n            <span\n              v-else\n              class=\"t-nav-menu__marker\"\n              aria-hidden=\"true\"\n            >\n              {{ (item.shortLabel ?? item.label.charAt(0)).toUpperCase() }}\n            </span>\n\n            <span class=\"t-nav-menu__copy\">\n              <span class=\"t-nav-menu__label\">{{ item.label }}</span>\n              <span\n                v-if=\"item.description\"\n                class=\"t-nav-menu__description\"\n              >\n                {{ item.description }}\n              </span>\n            </span>\n\n            <span\n              v-if=\"item.badge !== undefined && item.badge !== null\"\n              class=\"t-nav-menu__badge\"\n            >\n              {{ item.badge }}\n            </span>\n          </slot>\n        </component>\n      </li>\n    </ul>\n\n    <div\n      v-else\n      class=\"t-nav-menu__empty\"\n    >\n      <slot name=\"empty\">\n        No navigation items.\n      </slot>\n    </div>\n  </nav>\n</template>\n"],"mappings":"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"}

package/dist/components/TPage.cjs

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

package/dist/components/TPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPage.cjs","names":[],"sources":["../../src/components/TPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport TContainer, { type TContainerSize } from './TContainer.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treePageGaps = ['sm', 'md', 'lg'] as const;\n\nexport type TPageGap = (typeof _treePageGaps)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Max-width of the centered content column. Mirrors `TContainer`'s sizes. */\n    width?: TContainerSize;\n    /** Block + inline padding around the content column. */\n    padded?: boolean;\n    /** Vertical rhythm between direct children (e.g. header, sections). */\n    gap?: TPageGap;\n  }>(),\n  {\n    as: 'div',\n    width: 'lg',\n    padded: true,\n    gap: 'lg',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-page',\n  {\n    'is-padded': props.padded,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst innerClasses = computed(() => ['t-page__inner', `t-page__inner--gap-${props.gap}`]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <TContainer\n      :size=\"width\"\n      :padded=\"padded\"\n      centered\n      :class=\"innerClasses\"\n    >\n      <slot />\n    </TContainer>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TPage.js

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

package/dist/components/TPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPage.js","names":[],"sources":["../../src/components/TPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport TContainer, { type TContainerSize } from './TContainer.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treePageGaps = ['sm', 'md', 'lg'] as const;\n\nexport type TPageGap = (typeof _treePageGaps)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Max-width of the centered content column. Mirrors `TContainer`'s sizes. */\n    width?: TContainerSize;\n    /** Block + inline padding around the content column. */\n    padded?: boolean;\n    /** Vertical rhythm between direct children (e.g. header, sections). */\n    gap?: TPageGap;\n  }>(),\n  {\n    as: 'div',\n    width: 'lg',\n    padded: true,\n    gap: 'lg',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-page',\n  {\n    'is-padded': props.padded,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst innerClasses = computed(() => ['t-page__inner', `t-page__inner--gap-${props.gap}`]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <TContainer\n      :size=\"width\"\n      :padded=\"padded\"\n      centered\n      :class=\"innerClasses\"\n    >\n      <slot />\n    </TContainer>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+import { TContainerSize } from './TContainer.vue';
+declare const _treePageGaps: readonly ["sm", "md", "lg"];
+export type TPageGap = (typeof _treePageGaps)[number];
+type __VLS_Props = {
+    as?: string;
+    /** Max-width of the centered content column. Mirrors `TContainer`'s sizes. */
+    width?: TContainerSize;
+    /** Block + inline padding around the content column. */
+    padded?: boolean;
+    /** Vertical rhythm between direct children (e.g. header, sections). */
+    gap?: TPageGap;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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<{}>, {
+    width: TContainerSize;
+    gap: TPageGap;
+    as: string;
+    padded: 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=TPage.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPage.vue.d.ts","sourceRoot":"","sources":["../../src/components/TPage.vue"],"names":[],"mappings":"AAsEA,OAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMnE,QAAA,MAAM,aAAa,6BAA8B,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAsCJ,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAlHT,cAAc;SAIhB,QAAQ;QANT,MAAM;YAIF,OAAO;6EAuHlB,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/TPage.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TContainer.cjs");let t=require("vue");var n=(0,t.defineComponent)({inheritAttrs:!1,__name:`TPage`,props:{as:{default:`div`},width:{default:`lg`},padded:{type:Boolean,default:!0},gap:{default:`lg`}},setup(n){let r=n,i=(0,t.useAttrs)(),a=(0,t.computed)(()=>[`t-page`,{"is-padded":r.padded},i.class]),o=(0,t.computed)(()=>i.style),s=(0,t.computed)(()=>{let{class:e,style:t,...n}=i;return n}),c=(0,t.computed)(()=>[`t-page__inner`,`t-page__inner--gap-${r.gap}`]);return(r,i)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(n.as),(0,t.mergeProps)(s.value,{class:a.value,style:o.value}),{default:(0,t.withCtx)(()=>[(0,t.createVNode)(e.default,{size:n.width,padded:n.padded,centered:``,class:(0,t.normalizeClass)(c.value)},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,`default`)]),_:3},8,[`size`,`padded`,`class`])]),_:3},16,[`class`,`style`]))}});exports.default=n;
+//# sourceMappingURL=TPage.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPage.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport TContainer, { type TContainerSize } from './TContainer.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treePageGaps = ['sm', 'md', 'lg'] as const;\n\nexport type TPageGap = (typeof _treePageGaps)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Max-width of the centered content column. Mirrors `TContainer`'s sizes. */\n    width?: TContainerSize;\n    /** Block + inline padding around the content column. */\n    padded?: boolean;\n    /** Vertical rhythm between direct children (e.g. header, sections). */\n    gap?: TPageGap;\n  }>(),\n  {\n    as: 'div',\n    width: 'lg',\n    padded: true,\n    gap: 'lg',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-page',\n  {\n    'is-padded': props.padded,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst innerClasses = computed(() => ['t-page__inner', `t-page__inner--gap-${props.gap}`]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <TContainer\n      :size=\"width\"\n      :padded=\"padded\"\n      centered\n      :class=\"innerClasses\"\n    >\n      <slot />\n    </TContainer>\n  </component>\n</template>\n"],"mappings":"kOAYA,IAAM,EAAQ,EAkBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,SACA,CACE,YAAa,EAAM,MACrB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA8B,CAAC,gBAAiB,sBAAsB,EAAM,KAAK,CAAC,kFAK/E,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAYE,MAZO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCASK,EAAA,EAAA,EAAA,YAAA,CAAA,EAAA,QAAA,CANV,KAAM,EAAA,MACN,OAAQ,EAAA,OACT,SAAA,GACC,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAY,8BAEZ,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import e from "./TContainer.js";
+import { computed as t, createBlock as n, createVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, useAttrs as u, withCtx as d } from "vue";
+//#region src/components/TPage.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "TPage",
+	props: {
+		as: { default: "div" },
+		width: { default: "lg" },
+		padded: {
+			type: Boolean,
+			default: !0
+		},
+		gap: { default: "lg" }
+	},
+	setup(i) {
+		let f = i, p = u(), m = t(() => [
+			"t-page",
+			{ "is-padded": f.padded },
+			p.class
+		]), h = t(() => p.style), g = t(() => {
+			let { class: e, style: t, ...n } = p;
+			return n;
+		}), _ = t(() => ["t-page__inner", `t-page__inner--gap-${f.gap}`]);
+		return (t, u) => (s(), n(l(i.as), a(g.value, {
+			class: m.value,
+			style: h.value
+		}), {
+			default: d(() => [r(e, {
+				size: i.width,
+				padded: i.padded,
+				centered: "",
+				class: o(_.value)
+			}, {
+				default: d(() => [c(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"size",
+				"padded",
+				"class"
+			])]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=TPage.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPage.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport TContainer, { type TContainerSize } from './TContainer.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treePageGaps = ['sm', 'md', 'lg'] as const;\n\nexport type TPageGap = (typeof _treePageGaps)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Max-width of the centered content column. Mirrors `TContainer`'s sizes. */\n    width?: TContainerSize;\n    /** Block + inline padding around the content column. */\n    padded?: boolean;\n    /** Vertical rhythm between direct children (e.g. header, sections). */\n    gap?: TPageGap;\n  }>(),\n  {\n    as: 'div',\n    width: 'lg',\n    padded: true,\n    gap: 'lg',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-page',\n  {\n    'is-padded': props.padded,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst innerClasses = computed(() => ['t-page__inner', `t-page__inner--gap-${props.gap}`]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <TContainer\n      :size=\"width\"\n      :padded=\"padded\"\n      centered\n      :class=\"innerClasses\"\n    >\n      <slot />\n    </TContainer>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAM,IAAQ,GAkBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,EACE,aAAa,EAAM,OACrB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,IAAe,QAAe,CAAC,iBAAiB,sBAAsB,EAAM,KAAK,CAAC;yBAItF,EAcY,EAbL,EAAA,EAAE,GADT,EAEU,EAYE,OAZO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBASK,CAPb,EAOa,GAAA;IANV,MAAM,EAAA;IACN,QAAQ,EAAA;IACT,UAAA;IACC,OAAK,EAAE,EAAA,KAAY;;qBAEZ,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TPageHeader.cjs

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

package/dist/components/TPageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPageHeader.cjs","names":[],"sources":["../../src/components/TPageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    title?: string;\n    subtitle?: string;\n    /** Heading level for the title element. Defaults to the page-level `1`. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    as?: string;\n  }>(),\n  {\n    title: '',\n    subtitle: '',\n    level: 1,\n    as: 'header',\n  },\n);\n\ndefineSlots<{\n  breadcrumb?: () => unknown;\n  title?: () => unknown;\n  subtitle?: () => unknown;\n  actions?: () => unknown;\n  default?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => ['t-page-header', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst titleTag = computed(() => `h${props.level}`);\nconst hasTitle = computed(() => Boolean(slots.title || props.title));\nconst hasSubtitle = computed(() => Boolean(slots.subtitle || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div\n      v-if=\"$slots.breadcrumb\"\n      class=\"t-page-header__breadcrumb\"\n    >\n      <slot name=\"breadcrumb\" />\n    </div>\n\n    <div class=\"t-page-header__bar\">\n      <div\n        v-if=\"hasTitle || hasSubtitle\"\n        class=\"t-page-header__heading\"\n      >\n        <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          class=\"t-page-header__title\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </component>\n\n        <p\n          v-if=\"hasSubtitle\"\n          class=\"t-page-header__subtitle\"\n        >\n          <slot name=\"subtitle\">\n            {{ subtitle }}\n          </slot>\n        </p>\n      </div>\n\n      <div\n        v-if=\"$slots.actions\"\n        class=\"t-page-header__actions\"\n      >\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      class=\"t-page-header__content\"\n    >\n      <slot />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TPageHeader.js

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

package/dist/components/TPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPageHeader.js","names":[],"sources":["../../src/components/TPageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    title?: string;\n    subtitle?: string;\n    /** Heading level for the title element. Defaults to the page-level `1`. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    as?: string;\n  }>(),\n  {\n    title: '',\n    subtitle: '',\n    level: 1,\n    as: 'header',\n  },\n);\n\ndefineSlots<{\n  breadcrumb?: () => unknown;\n  title?: () => unknown;\n  subtitle?: () => unknown;\n  actions?: () => unknown;\n  default?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => ['t-page-header', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst titleTag = computed(() => `h${props.level}`);\nconst hasTitle = computed(() => Boolean(slots.title || props.title));\nconst hasSubtitle = computed(() => Boolean(slots.subtitle || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div\n      v-if=\"$slots.breadcrumb\"\n      class=\"t-page-header__breadcrumb\"\n    >\n      <slot name=\"breadcrumb\" />\n    </div>\n\n    <div class=\"t-page-header__bar\">\n      <div\n        v-if=\"hasTitle || hasSubtitle\"\n        class=\"t-page-header__heading\"\n      >\n        <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          class=\"t-page-header__title\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </component>\n\n        <p\n          v-if=\"hasSubtitle\"\n          class=\"t-page-header__subtitle\"\n        >\n          <slot name=\"subtitle\">\n            {{ subtitle }}\n          </slot>\n        </p>\n      </div>\n\n      <div\n        v-if=\"$slots.actions\"\n        class=\"t-page-header__actions\"\n      >\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      class=\"t-page-header__content\"\n    >\n      <slot />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    /** Heading level for the title element. Defaults to the page-level `1`. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    as?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        breadcrumb?: () => unknown;
+        title?: () => unknown;
+        subtitle?: () => unknown;
+        actions?: () => unknown;
+        default?: () => unknown;
+    }> & {
+        breadcrumb?: () => unknown;
+        title?: () => unknown;
+        subtitle?: () => unknown;
+        actions?: () => unknown;
+        default?: () => unknown;
+    };
+    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<{}>, {
+    title: string;
+    as: string;
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    subtitle: string;
+}, {}, {}, {}, 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=TPageHeader.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPageHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/TPageHeader.vue"],"names":[],"mappings":"AA6GA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAyCJ,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;qBAjHnC,MAAM,OAAO;gBAClB,MAAM,OAAO;mBACV,MAAM,OAAO;kBACd,MAAM,OAAO;kBACb,MAAM,OAAO;;qBAJV,MAAM,OAAO;gBAClB,MAAM,OAAO;mBACV,MAAM,OAAO;kBACd,MAAM,OAAO;kBACb,MAAM,OAAO;;;;EAkHxB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAvJT,MAAM;QAIT,MAAM;WADH,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;cAFlB,MAAM;6EA6JnB,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/TPageHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={key:0,class:`t-page-header__breadcrumb`},n={class:`t-page-header__bar`},r={key:0,class:`t-page-header__heading`},i={key:1,class:`t-page-header__subtitle`},a={key:1,class:`t-page-header__actions`},o={key:1,class:`t-page-header__content`},s=(0,e.defineComponent)({inheritAttrs:!1,__name:`TPageHeader`,props:{title:{default:``},subtitle:{default:``},level:{default:1},as:{default:`header`}},setup(s){let c=s,l=(0,e.useAttrs)(),u=(0,e.useSlots)(),d=(0,e.computed)(()=>[`t-page-header`,l.class]),f=(0,e.computed)(()=>l.style),p=(0,e.computed)(()=>{let{class:e,style:t,...n}=l;return n}),m=(0,e.computed)(()=>`h${c.level}`),h=(0,e.computed)(()=>!!(u.title||c.title)),g=(0,e.computed)(()=>!!(u.subtitle||c.subtitle));return(c,l)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(s.as),(0,e.mergeProps)(p.value,{class:d.value,style:f.value}),{default:(0,e.withCtx)(()=>[c.$slots.breadcrumb?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.renderSlot)(c.$slots,`breadcrumb`)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`div`,n,[h.value||g.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[h.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(m.value),{key:0,class:`t-page-header__title`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,`title`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(s.title),1)])]),_:3})):(0,e.createCommentVNode)(``,!0),g.value?((0,e.openBlock)(),(0,e.createElementBlock)(`p`,i,[(0,e.renderSlot)(c.$slots,`subtitle`,{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(s.subtitle),1)])])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0),c.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,a,[(0,e.renderSlot)(c.$slots,`actions`)])):(0,e.createCommentVNode)(``,!0)]),c.$slots.default?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,o,[(0,e.renderSlot)(c.$slots,`default`)])):(0,e.createCommentVNode)(``,!0)]),_:3},16,[`class`,`style`]))}});exports.default=s;
+//# sourceMappingURL=TPageHeader.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPageHeader.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TPageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    title?: string;\n    subtitle?: string;\n    /** Heading level for the title element. Defaults to the page-level `1`. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    as?: string;\n  }>(),\n  {\n    title: '',\n    subtitle: '',\n    level: 1,\n    as: 'header',\n  },\n);\n\ndefineSlots<{\n  breadcrumb?: () => unknown;\n  title?: () => unknown;\n  subtitle?: () => unknown;\n  actions?: () => unknown;\n  default?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => ['t-page-header', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst titleTag = computed(() => `h${props.level}`);\nconst hasTitle = computed(() => Boolean(slots.title || props.title));\nconst hasSubtitle = computed(() => Boolean(slots.subtitle || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div\n      v-if=\"$slots.breadcrumb\"\n      class=\"t-page-header__breadcrumb\"\n    >\n      <slot name=\"breadcrumb\" />\n    </div>\n\n    <div class=\"t-page-header__bar\">\n      <div\n        v-if=\"hasTitle || hasSubtitle\"\n        class=\"t-page-header__heading\"\n      >\n        <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          class=\"t-page-header__title\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </component>\n\n        <p\n          v-if=\"hasSubtitle\"\n          class=\"t-page-header__subtitle\"\n        >\n          <slot name=\"subtitle\">\n            {{ subtitle }}\n          </slot>\n        </p>\n      </div>\n\n      <div\n        v-if=\"$slots.actions\"\n        class=\"t-page-header__actions\"\n      >\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      class=\"t-page-header__content\"\n    >\n      <slot />\n    </div>\n  </component>\n</template>\n"],"mappings":"yaAOA,IAAM,EAAQ,EAwBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EACjB,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CAAC,gBAAiB,EAAM,KAAK,CAAC,EAC3D,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EACtC,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA0B,IAAI,EAAM,OAAO,EAC3C,GAAA,EAAA,EAAA,SAAA,KAA0B,GAAQ,EAAM,OAAS,EAAM,MAAM,EAC7D,GAAA,EAAA,EAAA,SAAA,KAA6B,GAAQ,EAAM,UAAY,EAAM,SAAS,kFAKnE,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAkDE,MAlDO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAOF,CAJEA,EAAAA,OAAO,aAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADsB,EAAA,OAAA,YAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAkCtB,MA/BN,EA+BM,CA7BI,EAAA,OAAY,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAqBd,MAtBN,EAsBM,CAhBI,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,wBAAA,CADD,EAAA,KAAQ,EAAA,OAEb,MAAM,mDAIC,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,QAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CADF,EAAA,KAAK,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,yCAKJ,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAMJ,IAPJ,EAOI,EAAA,EAAA,EAAA,WAAA,CADK,EAAA,OAAA,WAAA,CAAA,MAAA,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CADF,EAAA,QAAQ,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAMTA,EAAAA,OAAO,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADmB,EAAA,OAAA,SAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA,EAKnBA,EAAAA,OAAO,UAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADI,EAAA,OAAA,SAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TPageHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d, useAttrs as f, useSlots as p, withCtx as m } from "vue";
+//#region src/components/TPageHeader.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	class: "t-page-header__breadcrumb"
+}, g = { class: "t-page-header__bar" }, _ = {
+	key: 0,
+	class: "t-page-header__heading"
+}, v = {
+	key: 1,
+	class: "t-page-header__subtitle"
+}, y = {
+	key: 1,
+	class: "t-page-header__actions"
+}, b = {
+	key: 1,
+	class: "t-page-header__content"
+}, x = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "TPageHeader",
+	props: {
+		title: { default: "" },
+		subtitle: { default: "" },
+		level: { default: 1 },
+		as: { default: "header" }
+	},
+	setup(o) {
+		let x = o, S = f(), C = p(), w = e(() => ["t-page-header", S.class]), T = e(() => S.style), E = e(() => {
+			let { class: e, style: t, ...n } = S;
+			return n;
+		}), D = e(() => `h${x.level}`), O = e(() => !!(C.title || x.title)), k = e(() => !!(C.subtitle || x.subtitle));
+		return (e, f) => (c(), t(u(o.as), s(E.value, {
+			class: w.value,
+			style: T.value
+		}), {
+			default: m(() => [
+				e.$slots.breadcrumb ? (c(), r("div", h, [l(e.$slots, "breadcrumb")])) : n("", !0),
+				i("div", g, [O.value || k.value ? (c(), r("div", _, [O.value ? (c(), t(u(D.value), {
+					key: 0,
+					class: "t-page-header__title"
+				}, {
+					default: m(() => [l(e.$slots, "title", {}, () => [a(d(o.title), 1)])]),
+					_: 3
+				})) : n("", !0), k.value ? (c(), r("p", v, [l(e.$slots, "subtitle", {}, () => [a(d(o.subtitle), 1)])])) : n("", !0)])) : n("", !0), e.$slots.actions ? (c(), r("div", y, [l(e.$slots, "actions")])) : n("", !0)]),
+				e.$slots.default ? (c(), r("div", b, [l(e.$slots, "default")])) : n("", !0)
+			]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=TPageHeader.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPageHeader.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TPageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    title?: string;\n    subtitle?: string;\n    /** Heading level for the title element. Defaults to the page-level `1`. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    as?: string;\n  }>(),\n  {\n    title: '',\n    subtitle: '',\n    level: 1,\n    as: 'header',\n  },\n);\n\ndefineSlots<{\n  breadcrumb?: () => unknown;\n  title?: () => unknown;\n  subtitle?: () => unknown;\n  actions?: () => unknown;\n  default?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst rootClasses = computed(() => ['t-page-header', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst titleTag = computed(() => `h${props.level}`);\nconst hasTitle = computed(() => Boolean(slots.title || props.title));\nconst hasSubtitle = computed(() => Boolean(slots.subtitle || props.subtitle));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div\n      v-if=\"$slots.breadcrumb\"\n      class=\"t-page-header__breadcrumb\"\n    >\n      <slot name=\"breadcrumb\" />\n    </div>\n\n    <div class=\"t-page-header__bar\">\n      <div\n        v-if=\"hasTitle || hasSubtitle\"\n        class=\"t-page-header__heading\"\n      >\n        <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          class=\"t-page-header__title\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </component>\n\n        <p\n          v-if=\"hasSubtitle\"\n          class=\"t-page-header__subtitle\"\n        >\n          <slot name=\"subtitle\">\n            {{ subtitle }}\n          </slot>\n        </p>\n      </div>\n\n      <div\n        v-if=\"$slots.actions\"\n        class=\"t-page-header__actions\"\n      >\n        <slot name=\"actions\" />\n      </div>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      class=\"t-page-header__content\"\n    >\n      <slot />\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAwBR,IAAQ,EAAS,GACjB,IAAQ,EAAS,GAEjB,IAAc,QAAe,CAAC,iBAAiB,EAAM,KAAK,CAAC,GAC3D,IAAY,QAAe,EAAM,KAAK,GACtC,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC,GAEK,IAAW,QAAe,IAAI,EAAM,OAAO,GAC3C,IAAW,QAAe,GAAQ,EAAM,SAAS,EAAM,MAAM,GAC7D,IAAc,QAAe,GAAQ,EAAM,YAAY,EAAM,SAAS;yBAI1E,EAoDY,EAnDL,EAAA,EAAE,GADT,EAEU,EAkDE,OAlDO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAOF;IAJEA,EAAAA,OAAO,cAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAA0B,EAAA,QAAA,YAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAG5B,EA+BM,OA/BN,GA+BM,CA7BI,EAAA,SAAY,EAAA,SAAA,EAAA,GADpB,EAsBM,OAtBN,GAsBM,CAhBI,EAAA,SAAA,EAAA,GAFR,EAQY,EAPL,EAAA,KAAQ,GAAA;;KAEb,OAAM;;sBAIC,CAFP,EAEO,EAAA,QAAA,SAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;qBAKJ,EAAA,SAAA,EAAA,GADR,EAOI,KAPJ,GAOI,CAHF,EAEO,EAAA,QAAA,YAAA,CAAA,SAAA,CAAA,EAAA,EADF,EAAA,QAAQ,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAMTA,EAAAA,OAAO,WAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAuB,EAAA,QAAA,SAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;IAKnBA,EAAAA,OAAO,WAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TSidebar.vue_vue_type_script_setup_true_lang.cjs

@@ -1,2 +1,2 @@
-const e=require("../composables/useControllableOpen.cjs"),t=require("./sidebar.cjs");let n=require("vue"),r=require("@treeui/icons");var i={key:0,class:`t-sidebar__header`},a={class:`t-sidebar__body`},o={key:1,class:`t-sidebar__footer`},s=[`aria-label`,`aria-expanded`],c={key:0},l=(0,n.defineComponent)({inheritAttrs:!1,__name:`TSidebar`,props:{as:{default:`aside`},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},size:{default:`md`},side:{default:`left`},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!0},width:{default:`17.5rem`},collapsedWidth:{default:`4.75rem`},collapseLabel:{default:`Collapse sidebar`},expandLabel:{default:`Expand sidebar`}},emits:[`update:collapsed`,`collapse-change`],setup(l,{emit:u}){let d=(0,r.getTreeIcon)(`chevron-left`),f=(0,r.getTreeIcon)(`chevron-right`),p=l,m=u,h=(0,n.useAttrs)(),{value:g,setValue:_}=e.useControllableOpen((0,n.toRef)(p,`collapsed`),p.defaultCollapsed,e=>{m(`update:collapsed`,e),m(`collapse-change`,e)}),v=(0,n.computed)(()=>[`t-sidebar`,`t-sidebar--${p.size}`,`t-sidebar--${p.side}`,{"is-collapsed":g.value,"is-sticky":p.sticky,"is-bordered":p.bordered},h.class]),y=(0,n.computed)(()=>[{"--tree-sidebar-width":p.width,"--tree-sidebar-collapsed-width":p.collapsedWidth},h.style]),b=(0,n.computed)(()=>{let{class:e,style:t,...n}=h;return n}),x=()=>{p.collapsible&&_(!g.value)},S=(0,n.computed)(()=>p.side===`right`?g.value?d:f:g.value?f:d),C=(0,n.computed)(()=>g.value?p.expandLabel:p.collapseLabel);return(0,n.provide)(t.treeSidebarInjectionKey,{collapsed:(0,n.computed)(()=>g.value)}),(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.as),(0,n.mergeProps)(b.value,{class:v.value,style:y.value,"data-state":(0,n.unref)(g)?`collapsed`:`expanded`}),{default:(0,n.withCtx)(()=>[e.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.renderSlot)(e.$slots,`header`,{collapsed:(0,n.unref)(g)})])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,a,[(0,n.renderSlot)(e.$slots,`default`,{collapsed:(0,n.unref)(g)})]),e.$slots.footer||l.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,[e.$slots.footer?(0,n.renderSlot)(e.$slots,`footer`,{key:0,collapsed:(0,n.unref)(g)}):(0,n.createCommentVNode)(``,!0),l.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:`t-sidebar__toggle`,"aria-label":C.value,"aria-expanded":!(0,n.unref)(g),onClick:x},[(0,n.renderSlot)(e.$slots,`toggle`,{collapsed:(0,n.unref)(g)},()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(S.value),{size:16})),(0,n.unref)(g)?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,(0,n.toDisplayString)(C.value),1))])],8,s)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)]),_:3},16,[`class`,`style`,`data-state`]))}});exports.default=l;
+const e=require("../composables/useControllableOpen.cjs"),t=require("./sidebar.cjs");let n=require("vue"),r=require("@treeui/icons");var i={key:0,class:`t-sidebar__header`},a={class:`t-sidebar__body`},o={key:1,class:`t-sidebar__footer`},s=[`aria-label`,`aria-expanded`],c={key:0},l=(0,n.defineComponent)({inheritAttrs:!1,__name:`TSidebar`,props:{as:{default:`aside`},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!0},size:{default:`md`},side:{default:`left`},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!0},width:{default:`17.5rem`},collapsedWidth:{default:`4.75rem`},collapseLabel:{default:`Collapse sidebar`},expandLabel:{default:`Expand sidebar`}},emits:[`update:collapsed`,`collapse-change`],setup(l,{emit:u}){let d=(0,r.getTreeIcon)(`chevron-left`),f=(0,r.getTreeIcon)(`chevron-right`),p=l,m=u,h=(0,n.useAttrs)(),{value:g,setValue:_}=e.useControllableOpen((0,n.toRef)(p,`collapsed`),p.defaultCollapsed,e=>{m(`update:collapsed`,e),m(`collapse-change`,e)}),v=(0,n.computed)(()=>[`t-sidebar`,`t-sidebar--${p.size}`,`t-sidebar--${p.side}`,{"is-collapsed":g.value,"is-sticky":p.sticky,"is-bordered":p.bordered},h.class]),y=(0,n.computed)(()=>[{"--tree-sidebar-width":p.width,"--tree-sidebar-collapsed-width":p.collapsedWidth},h.style]),b=(0,n.computed)(()=>{let{class:e,style:t,...n}=h;return n}),x=()=>{p.collapsible&&_(!g.value)},S=(0,n.computed)(()=>p.side===`right`?g.value?d:f:g.value?f:d),C=(0,n.computed)(()=>g.value?p.expandLabel:p.collapseLabel);return(0,n.provide)(t.treeSidebarInjectionKey,{collapsed:(0,n.computed)(()=>g.value)}),(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.as),(0,n.mergeProps)(b.value,{class:v.value,style:y.value,"data-state":(0,n.unref)(g)?`collapsed`:`expanded`}),{default:(0,n.withCtx)(()=>[e.$slots.header?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[(0,n.renderSlot)(e.$slots,`header`,{collapsed:(0,n.unref)(g)})])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,a,[(0,n.renderSlot)(e.$slots,`default`,{collapsed:(0,n.unref)(g)})]),e.$slots.footer||l.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,[e.$slots.footer?(0,n.renderSlot)(e.$slots,`footer`,{collapsed:(0,n.unref)(g)},void 0,void 0,0):(0,n.createCommentVNode)(``,!0),l.collapsible?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:1,type:`button`,class:`t-sidebar__toggle`,"aria-label":C.value,"aria-expanded":!(0,n.unref)(g),onClick:x},[(0,n.renderSlot)(e.$slots,`toggle`,{collapsed:(0,n.unref)(g)},()=>[((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(S.value),{size:16})),(0,n.unref)(g)?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,(0,n.toDisplayString)(C.value),1))])],8,s)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)]),_:3},16,[`class`,`style`,`data-state`]))}});exports.default=l;
 //# sourceMappingURL=TSidebar.vue_vue_type_script_setup_true_lang.cjs.map