@treeui/vue 0.14.0 → 0.15.0

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

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

package/dist/components/TSpacer.cjs

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

package/dist/components/TSpacer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.cjs","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/TSpacer.js

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

package/dist/components/TSpacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.js","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    as?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TSpacer.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSpacer.vue"],"names":[],"mappings":"AA0BA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;;QADK,MAAM;;AA2Df,wBAQG"}

package/dist/components/TSpacer.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({__name:`TSpacer`,props:{as:{default:`div`}},setup(t){return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),{class:`t-spacer`,"aria-hidden":`true`}))}});exports.default=t;
+//# sourceMappingURL=TSpacer.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":"uLAgBS,EAAA,EAAE,EAAA,CACP,MAAM,WACN,cAAY"}

package/dist/components/TSpacer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, openBlock as n, resolveDynamicComponent as r } from "vue";
+//#region src/components/TSpacer.vue?vue&type=script&setup=true&lang.ts
+var i = /*@__PURE__*/ t({
+	__name: "TSpacer",
+	props: { as: { default: "div" } },
+	setup(t) {
+		return (i, a) => (n(), e(r(t.as), {
+			class: "t-spacer",
+			"aria-hidden": "true"
+		}));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TSpacer.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSpacer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TSpacer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// A flexible spacer that absorbs free space between siblings in a flex layout\n// (e.g. a TStack). Use it to push items apart or pin a trailing item to the end\n// without hand-writing `margin-*: auto` or `flex: 1`.\nwithDefaults(\n  defineProps<{\n    as?: string;\n  }>(),\n  {\n    as: 'div',\n  },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"t-spacer\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":";;;;;;yBAeE,EAIE,EAHK,EAAA,EAAE,GAAA;GACP,OAAM;GACN,eAAY"}

package/dist/components/TSplit.cjs

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

package/dist/components/TSplit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.cjs","names":[],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TSplit.js

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

package/dist/components/TSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.js","names":[],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    as?: string;
+    gap?: string;
+    /** Main pane grows this many times faster than the aside pane. */
+    ratio?: number;
+    /** Min width each pane keeps before the layout stacks to one column. */
+    minWidth?: string;
+    /** Which side the aside pane sits on when side-by-side. */
+    side?: 'start' | 'end';
+    /** Cross-axis alignment (align-items). */
+    align?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        aside?(_: {}): 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<{}>, {
+    gap: string;
+    as: string;
+    align: string;
+    side: "start" | "end";
+    minWidth: string;
+    ratio: number;
+}, {}, {}, {}, 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=TSplit.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue.d.ts","sourceRoot":"","sources":["../../src/components/TSplit.vue"],"names":[],"mappings":"AAgFA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA8CJ,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;yBAXrB,GAAG;uBACL,GAAG;;;;EAe7B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;SAvHX,MAAM;QADP,MAAM;WASH,MAAM;UAFP,OAAO,GAAG,KAAK;cAFX,MAAM;WAFT,MAAM;6EA4HhB,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/TSplit.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-split__main`},n={key:0,class:`t-split__aside`},r=(0,e.defineComponent)({inheritAttrs:!1,__name:`TSplit`,props:{as:{default:`div`},gap:{default:`var(--tree-space-5)`},ratio:{default:2},minWidth:{default:`18rem`},side:{default:`end`},align:{default:`start`}},setup(r){let i=r,a=(0,e.useAttrs)(),o=(0,e.computed)(()=>[`t-split`,`t-split--${i.side}`,a.class]),s=(0,e.computed)(()=>[{"--tree-split-gap":i.gap,"--tree-split-ratio":String(i.ratio),"--tree-split-min":i.minWidth,"--tree-split-align":i.align},a.style]),c=(0,e.computed)(()=>{let{class:e,style:t,...n}=a;return n});return(i,a)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(r.as),(0,e.mergeProps)(c.value,{class:o.value,style:s.value}),{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,t,[(0,e.renderSlot)(i.$slots,`default`)]),i.$slots.aside?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.renderSlot)(i.$slots,`aside`)])):(0,e.createCommentVNode)(``,!0)]),_:3},16,[`class`,`style`]))}});exports.default=r;
+//# sourceMappingURL=TSplit.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":"+SAOA,IAAM,EAAQ,EAuBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,OAClB,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,mBAAoB,EAAM,IAC1B,qBAAsB,OAAO,EAAM,KAAK,EACxC,mBAAoB,EAAM,SAC1B,qBAAsB,EAAM,KAC9B,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAaE,MAbO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAIF,EAAA,EAAA,EAAA,mBAAA,CAAA,MAFN,EAEM,EAAA,EAAA,EAAA,WAAA,CADI,EAAA,OAAA,SAAA,CAAA,CAAA,EAGFA,EAAAA,OAAO,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADiB,EAAA,OAAA,OAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,CAAA"}

package/dist/components/TSplit.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, useAttrs as u, withCtx as d } from "vue";
+//#region src/components/TSplit.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "t-split__main" }, p = {
+	key: 0,
+	class: "t-split__aside"
+}, m = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "TSplit",
+	props: {
+		as: { default: "div" },
+		gap: { default: "var(--tree-space-5)" },
+		ratio: { default: 2 },
+		minWidth: { default: "18rem" },
+		side: { default: "end" },
+		align: { default: "start" }
+	},
+	setup(a) {
+		let m = a, h = u(), g = e(() => [
+			"t-split",
+			`t-split--${m.side}`,
+			h.class
+		]), _ = e(() => [{
+			"--tree-split-gap": m.gap,
+			"--tree-split-ratio": String(m.ratio),
+			"--tree-split-min": m.minWidth,
+			"--tree-split-align": m.align
+		}, h.style]), v = e(() => {
+			let { class: e, style: t, ...n } = h;
+			return n;
+		});
+		return (e, u) => (s(), t(l(a.as), o(v.value, {
+			class: g.value,
+			style: _.value
+		}), {
+			default: d(() => [i("div", f, [c(e.$slots, "default")]), e.$slots.aside ? (s(), r("div", p, [c(e.$slots, "aside")])) : n("", !0)]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=TSplit.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TSplit.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TSplit.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    gap?: string;\n    /** Main pane grows this many times faster than the aside pane. */\n    ratio?: number;\n    /** Min width each pane keeps before the layout stacks to one column. */\n    minWidth?: string;\n    /** Which side the aside pane sits on when side-by-side. */\n    side?: 'start' | 'end';\n    /** Cross-axis alignment (align-items). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    gap: 'var(--tree-space-5)',\n    ratio: 2,\n    minWidth: '18rem',\n    side: 'end',\n    align: 'start',\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-split',\n  `t-split--${props.side}`,\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    '--tree-split-gap': props.gap,\n    '--tree-split-ratio': String(props.ratio),\n    '--tree-split-min': props.minWidth,\n    '--tree-split-align': props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-split__main\">\n      <slot />\n    </div>\n    <div\n      v-if=\"$slots.aside\"\n      class=\"t-split__aside\"\n    >\n      <slot name=\"aside\" />\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAuBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,oBAAoB,EAAM;GAC1B,sBAAsB,OAAO,EAAM,KAAK;GACxC,oBAAoB,EAAM;GAC1B,sBAAsB,EAAM;EAC9B,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAeY,EAdL,EAAA,EAAE,GADT,EAEU,EAaE,OAbO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAIF,CAFN,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,GAGFA,EAAAA,OAAO,SAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAqB,EAAA,QAAA,OAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/components/TStack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TStack.cjs","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TStack.cjs","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n    /** Expand to fill available space along the parent's main axis. */\n    grow?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n    grow: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n    'is-grow': props.grow,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"TStack.js","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TStack.js","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n    /** Expand to fill available space along the parent's main axis. */\n    grow?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n    grow: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n    'is-grow': props.grow,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

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

@@ -8,6 +8,8 @@ type __VLS_Props = {
     justify?: string;
     wrap?: boolean;
     reverse?: boolean;
+    /** Expand to fill available space along the parent's main axis. */
+    grow?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -26,6 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     justify: string;
     wrap: boolean;
     direction: TStackDirection;
+    grow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AA6EA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxGP,OAAO;SAJX,MAAM;QAFP,MAAM;WAGH,MAAM;aACJ,MAAM;UACT,OAAO;eAJF,eAAe;6EAoH7B,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":"TStack.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStack.vue"],"names":[],"mappings":"AAiFA,QAAA,MAAM,oBAAoB,qCAAsC,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAsDJ,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7GP,OAAO;SAJX,MAAM;QAFP,MAAM;WAGH,MAAM;aACJ,MAAM;UACT,OAAO;eAJF,eAAe;UAOpB,OAAO;6EAkHhB,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/TStack.vue_vue_type_script_setup_true_lang.cjs

@@ -1,2 +1,2 @@
-let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TStack`,props:{as:{default:`div`},direction:{default:`vertical`},gap:{default:`var(--tree-space-4)`},align:{default:`stretch`},justify:{default:`flex-start`},wrap:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(0,e.computed)(()=>[`t-stack`,`t-stack--${n.direction}`,{"is-wrapping":n.wrap,"is-reversed":n.reverse},r.class]),a=(0,e.computed)(()=>[{gap:n.gap,alignItems:n.align,justifyContent:n.justify},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:i.value,style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TStack`,props:{as:{default:`div`},direction:{default:`vertical`},gap:{default:`var(--tree-space-4)`},align:{default:`stretch`},justify:{default:`flex-start`},wrap:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},grow:{type:Boolean,default:!1}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(0,e.computed)(()=>[`t-stack`,`t-stack--${n.direction}`,{"is-wrapping":n.wrap,"is-reversed":n.reverse,"is-grow":n.grow},r.class]),a=(0,e.computed)(()=>[{gap:n.gap,alignItems:n.align,justifyContent:n.justify},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:i.value,style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
 //# sourceMappingURL=TStack.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"mTAWA,IAAM,EAAQ,EAqBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,YAClB,CACE,cAAe,EAAM,KACrB,cAAe,EAAM,OACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,IAAK,EAAM,IACX,WAAY,EAAM,MAClB,eAAgB,EAAM,OACxB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAKE,MALO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n    /** Expand to fill available space along the parent's main axis. */\n    grow?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n    grow: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n    'is-grow': props.grow,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"kVAWA,IAAM,EAAQ,EAwBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,UACA,YAAY,EAAM,YAClB,CACE,cAAe,EAAM,KACrB,cAAe,EAAM,QACrB,UAAW,EAAM,IACnB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,IAAK,EAAM,IACX,WAAY,EAAM,MAClB,eAAgB,EAAM,OACxB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAKE,MALO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStack.vue_vue_type_script_setup_true_lang.js

@@ -16,6 +16,10 @@ var l = /*@__PURE__*/ n({
 		reverse: {
 			type: Boolean,
 			default: !1
+		},
+		grow: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(n) {
@@ -24,7 +28,8 @@ var l = /*@__PURE__*/ n({
 			`t-stack--${l.direction}`,
 			{
 				"is-wrapping": l.wrap,
-				"is-reversed": l.reverse
+				"is-reversed": l.reverse,
+				"is-grow": l.grow
 			},
 			u.class
 		]), f = e(() => [{

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

@@ -1 +1 @@
-{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GAqBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB;IACE,eAAe,EAAM;IACrB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,KAAK,EAAM;GACX,YAAY,EAAM;GAClB,gBAAgB,EAAM;EACxB,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAOY,EANL,EAAA,EAAE,GADT,EAEU,EAKE,OALO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"TStack.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeStackDirections = ['vertical', 'horizontal'] as const;\n\nexport type TStackDirection = (typeof _treeStackDirections)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    direction?: TStackDirection;\n    gap?: string;\n    align?: string;\n    justify?: string;\n    wrap?: boolean;\n    reverse?: boolean;\n    /** Expand to fill available space along the parent's main axis. */\n    grow?: boolean;\n  }>(),\n  {\n    as: 'div',\n    direction: 'vertical',\n    gap: 'var(--tree-space-4)',\n    align: 'stretch',\n    justify: 'flex-start',\n    wrap: false,\n    reverse: false,\n    grow: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-stack',\n  `t-stack--${props.direction}`,\n  {\n    'is-wrapping': props.wrap,\n    'is-reversed': props.reverse,\n    'is-grow': props.grow,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => [\n  {\n    gap: props.gap,\n    alignItems: props.align,\n    justifyContent: props.justify,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GAwBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,YAAY,EAAM;GAClB;IACE,eAAe,EAAM;IACrB,eAAe,EAAM;IACrB,WAAW,EAAM;GACnB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,CAC/B;GACE,KAAK,EAAM;GACX,YAAY,EAAM;GAClB,gBAAgB,EAAM;EACxB,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAOY,EANL,EAAA,EAAE,GADT,EAEU,EAKE,OALO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStackItem.cjs

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

package/dist/components/TStackItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.cjs","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    class=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TStackItem.js

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

package/dist/components/TStackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.js","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    class=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    as?: string;
+    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */
+    grow?: boolean | number;
+    /** Allow shrinking. `false` prevents it; a number sets the factor. */
+    shrink?: boolean | number;
+    /** flex-basis (initial main-axis size). */
+    basis?: string;
+    /** Minimum main-axis size before it wraps/shrinks. */
+    minWidth?: string;
+    /** Per-item cross-axis alignment (align-self). */
+    align?: string;
+};
+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<{}>, {
+    as: string;
+    align: string;
+    grow: boolean | number;
+    shrink: boolean | number;
+    basis: string;
+    minWidth: 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=TStackItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/TStackItem.vue"],"names":[],"mappings":"AA4EA,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgDJ,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;QAlHZ,MAAM;WAUH,MAAM;UARP,OAAO,GAAG,MAAM;YAEd,OAAO,GAAG,MAAM;WAEjB,MAAM;cAEH,MAAM;6EAiHnB,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/TStackItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=(0,e.defineComponent)({inheritAttrs:!1,__name:`TStackItem`,props:{as:{default:`div`},grow:{type:[Boolean,Number],default:!1},shrink:{type:[Boolean,Number],default:void 0},basis:{default:void 0},minWidth:{default:void 0},align:{default:void 0}},setup(t){let n=t,r=(0,e.useAttrs)(),i=(e,t,n)=>{if(e!==void 0)return e===!0?t:e===!1?n:e},a=(0,e.computed)(()=>[{flexGrow:i(n.grow,1,0),flexShrink:i(n.shrink,1,0),flexBasis:n.basis,minInlineSize:n.minWidth,alignSelf:n.align},r.style]),o=(0,e.computed)(()=>{let{class:e,style:t,...n}=r;return n});return(n,i)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.as),(0,e.mergeProps)(o.value,{class:[`t-stack-item`,(0,e.unref)(r).class],style:a.value}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`default`)]),_:3},16,[`class`,`style`]))}});exports.default=t;
+//# sourceMappingURL=TStackItem.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    class=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"wRAOA,IAAM,EAAQ,EAwBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAY,EAAqC,EAAgB,IAAkB,CACnF,OAAU,IAAA,GAGd,OAFI,IAAU,GAAa,EACvB,IAAU,GAAc,EACrB,CACT,EAEM,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,CACE,SAAU,EAAS,EAAM,KAAM,EAAG,CAAC,EACnC,WAAY,EAAS,EAAM,OAAQ,EAAG,CAAC,EACvC,UAAW,EAAM,MACjB,cAAe,EAAM,SACrB,UAAW,EAAM,KACnB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EAME,MANO,CACjB,MAAK,CAAC,gBAAA,EAAA,EAAA,MAAA,CACE,CAAA,CAAK,CAAC,KAAK,EAClB,MAAO,EAAA,mCAEA,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TStackItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { computed as e, createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, resolveDynamicComponent as o, unref as s, useAttrs as c, withCtx as l } from "vue";
+//#region src/components/TStackItem.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ n({
+	inheritAttrs: !1,
+	__name: "TStackItem",
+	props: {
+		as: { default: "div" },
+		grow: {
+			type: [Boolean, Number],
+			default: !1
+		},
+		shrink: {
+			type: [Boolean, Number],
+			default: void 0
+		},
+		basis: { default: void 0 },
+		minWidth: { default: void 0 },
+		align: { default: void 0 }
+	},
+	setup(n) {
+		let u = n, d = c(), f = (e, t, n) => {
+			if (e !== void 0) return e === !0 ? t : e === !1 ? n : e;
+		}, p = e(() => [{
+			flexGrow: f(u.grow, 1, 0),
+			flexShrink: f(u.shrink, 1, 0),
+			flexBasis: u.basis,
+			minInlineSize: u.minWidth,
+			alignSelf: u.align
+		}, d.style]), m = e(() => {
+			let { class: e, style: t, ...n } = d;
+			return n;
+		});
+		return (e, c) => (i(), t(o(n.as), r(m.value, {
+			class: ["t-stack-item", s(d).class],
+			style: p.value
+		}), {
+			default: l(() => [a(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TStackItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TStackItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TStackItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    /** Expand to fill free space. `true` = flex-grow 1; a number sets the factor. */\n    grow?: boolean | number;\n    /** Allow shrinking. `false` prevents it; a number sets the factor. */\n    shrink?: boolean | number;\n    /** flex-basis (initial main-axis size). */\n    basis?: string;\n    /** Minimum main-axis size before it wraps/shrinks. */\n    minWidth?: string;\n    /** Per-item cross-axis alignment (align-self). */\n    align?: string;\n  }>(),\n  {\n    as: 'div',\n    grow: false,\n    shrink: undefined,\n    basis: undefined,\n    minWidth: undefined,\n    align: undefined,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst toFactor = (value: boolean | number | undefined, truthy: number, falsy: number) => {\n  if (value === undefined) return undefined;\n  if (value === true) return truthy;\n  if (value === false) return falsy;\n  return value;\n};\n\nconst rootStyle = computed(() => [\n  {\n    flexGrow: toFactor(props.grow, 1, 0),\n    flexShrink: toFactor(props.shrink, 1, 0),\n    flexBasis: props.basis,\n    minInlineSize: props.minWidth,\n    alignSelf: props.align,\n  },\n  attrs.style,\n]);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    class=\"t-stack-item\"\n    :class=\"attrs.class\"\n    :style=\"rootStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAwBR,IAAQ,EAAS,GAEjB,KAAY,GAAqC,GAAgB,MAAkB;GACnF,UAAU,KAAA,GAGd,OAFI,MAAU,KAAa,IACvB,MAAU,KAAc,IACrB;EACT,GAEM,IAAY,QAAe,CAC/B;GACE,UAAU,EAAS,EAAM,MAAM,GAAG,CAAC;GACnC,YAAY,EAAS,EAAM,QAAQ,GAAG,CAAC;GACvC,WAAW,EAAM;GACjB,eAAe,EAAM;GACrB,WAAW,EAAM;EACnB,GACA,EAAM,KACR,CAAC,GAEK,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EAQY,EAPL,EAAA,EAAE,GADT,EAEU,EAME,OANO;GACjB,OAAK,CAAC,gBACE,EAAA,CAAA,CAAK,CAAC,KAAK;GAClB,OAAO,EAAA;;oBAEA,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TText.cjs

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

package/dist/components/TText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TText.cjs","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TText.js

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

package/dist/components/TText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TText.js","names":[],"sources":["../../src/components/TText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst _treeTextSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'] as const;\nconst _treeTextTones = ['default', 'muted', 'inverse', 'brand'] as const;\nconst _treeTextWeights = ['regular', 'medium', 'semibold', 'bold'] as const;\n\nexport type TTextSize = (typeof _treeTextSizes)[number];\nexport type TTextTone = (typeof _treeTextTones)[number];\nexport type TTextWeight = (typeof _treeTextWeights)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */\n    as?: string;\n    size?: TTextSize;\n    tone?: TTextTone;\n    weight?: TTextWeight;\n    /** Truncate to a single line with an ellipsis. */\n    truncate?: boolean;\n  }>(),\n  {\n    as: 'span',\n    size: undefined,\n    tone: 'default',\n    weight: undefined,\n    truncate: false,\n  },\n);\n\nconst classes = computed(() => [\n  't-text',\n  props.size ? `t-text--size-${props.size}` : null,\n  props.tone !== 'default' ? `t-text--${props.tone}` : null,\n  props.weight ? `t-text--weight-${props.weight}` : null,\n  { 'is-truncated': props.truncate },\n]);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,39 @@
+declare const _treeTextSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
+declare const _treeTextTones: readonly ["default", "muted", "inverse", "brand"];
+declare const _treeTextWeights: readonly ["regular", "medium", "semibold", "bold"];
+export type TTextSize = (typeof _treeTextSizes)[number];
+export type TTextTone = (typeof _treeTextTones)[number];
+export type TTextWeight = (typeof _treeTextWeights)[number];
+type __VLS_Props = {
+    /** Element to render. Defaults to `span`; use `p`, `h1`–`h6`, `label`, … */
+    as?: string;
+    size?: TTextSize;
+    tone?: TTextTone;
+    weight?: TTextWeight;
+    /** Truncate to a single line with an ellipsis. */
+    truncate?: boolean;
+};
+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<{}>, {
+    size: TTextSize;
+    tone: TTextTone;
+    as: string;
+    weight: TTextWeight;
+    truncate: 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=TText.vue.d.ts.map