@dialpad/dialtone-vue 3.223.1 → 3.224.0-next.1

package/dist/lib/tab/tab.js

@@ -1,10 +1,8 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import t from "../button/button.js";
-import { TAB_IMPORTANCE_MODIFIERS as n } from "./tabs-constants.js";
-import { createBlock as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, toHandlers as c, withCtx as l } from "vue";
-//#region components/tab/tab.vue
+import { createBlock as n, createSlots as r, mergeProps as i, openBlock as a, renderSlot as o, resolveComponent as s, toHandlers as c, withCtx as l } from "vue";
+//#region components/Tab/Tab.vue
 var u = {
-	compatConfig: { MODE: 3 },
 	name: "DtTab",
 	components: { DtButton: t },
 	inject: ["groupContext", "setFocus"],
@@ -37,12 +35,33 @@ var u = {
 				Object
 			],
 			default: ""
+		},
+		labelClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		leadingClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		trailingClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
 		}
 	},
 	emits: ["focus", "click"],
-	data() {
-		return { TAB_IMPORTANCE_MODIFIERS: n };
-	},
 	computed: {
 		tabListeners() {
 			return {
@@ -54,41 +73,106 @@ var u = {
 				}
 			};
 		},
+		isDisabled() {
+			return this.groupContext.disabled || this.disabled;
+		},
+		buttonSize() {
+			let e = this.groupContext.size;
+			return e === "default" ? void 0 : e;
+		},
 		isSelected() {
 			return this.groupContext.selected === this.panelId;
+		},
+		isFocusTarget() {
+			let e = this.groupContext.focusedTabId;
+			return e ? e === this.id : this.isSelected;
+		},
+		buttonKind() {
+			return this.groupContext.outlined ? this.groupContext.kind === "muted" ? "muted" : "default" : this.groupContext.kind === "muted" ? "muted" : this.isSelected ? "default" : "muted";
+		},
+		buttonImportance() {
+			return this.groupContext.outlined && this.isSelected ? "outlined" : "clear";
+		},
+		buttonActive() {
+			return this.groupContext.outlined ? !1 : this.groupContext.kind === "muted" ? this.isSelected : !1;
 		}
 	},
 	mounted() {
 		this.selected && (this.groupContext.selected = this.panelId);
-	}
+	},
+	beforeUnmount() {
+		this.groupContext.focusedTabId === this.id && this.setFocus(null);
+	},
+	methods: {}
 };
-function d(e, t, n, u, d, f) {
-	let p = s("dt-button");
-	return a(), r(p, i({
-		id: `dt-tab-${n.id}`,
+function d(e, t, u, d, f, p) {
+	let m = s("dt-button");
+	return a(), n(m, i({
+		id: `dt-tab-${u.id}`,
 		class: [
-			"d-tab",
-			{ [d.TAB_IMPORTANCE_MODIFIERS.selected]: f.isSelected },
-			n.tabClass
+			"d-tablist__item",
+			u.tabClass,
+			{ "d-tablist__item--vertical": p.groupContext.orientation === "vertical" },
+			{ "d-btn--disabled": p.isDisabled },
+			{ "d-tab--is-selected": !p.groupContext.outlined && p.groupContext.kind !== "muted" && p.isSelected }
 		],
+		importance: p.buttonImportance,
+		kind: p.buttonKind,
+		active: p.buttonActive,
+		size: p.buttonSize,
 		role: "tab",
-		"aria-selected": `${f.isSelected}`,
-		"aria-controls": `dt-panel-${n.panelId}`,
-		"aria-label": n.label,
+		"aria-selected": `${p.isSelected}`,
+		"aria-controls": `dt-panel-${u.panelId}`,
+		"aria-label": u.label,
+		"aria-disabled": p.isDisabled ? "true" : void 0,
+		"label-class": u.labelClass,
+		"leading-class": u.leadingClass,
+		"trailing-class": u.trailingClass,
 		"data-qa": "dt-tab",
-		tabindex: f.isSelected ? "0" : "-1",
-		disabled: f.groupContext.disabled || n.disabled
-	}, e.$attrs, c(f.tabListeners)), {
+		tabindex: p.isFocusTarget ? "0" : "-1"
+	}, e.$attrs, c(p.tabListeners)), r({
 		default: l(() => [o(e.$slots, "default")]),
-		_: 3
-	}, 16, [
+		_: 2
+	}, [
+		e.$slots.startIcon ? {
+			name: "startIcon",
+			fn: l(({ iconSize: t }) => [o(e.$slots, "startIcon", { iconSize: t })]),
+			key: "0"
+		} : e.$slots.icon ? {
+			name: "startIcon",
+			fn: l(({ iconSize: t }) => [o(e.$slots, "icon", { iconSize: t })]),
+			key: "1"
+		} : void 0,
+		e.$slots.endIcon ? {
+			name: "endIcon",
+			fn: l(({ iconSize: t }) => [o(e.$slots, "endIcon", { iconSize: t })]),
+			key: "2"
+		} : void 0,
+		e.$slots.leading ? {
+			name: "leading",
+			fn: l(() => [o(e.$slots, "leading")]),
+			key: "3"
+		} : void 0,
+		e.$slots.trailing ? {
+			name: "trailing",
+			fn: l(() => [o(e.$slots, "trailing")]),
+			key: "4"
+		} : void 0
+	]), 1040, [
 		"id",
 		"class",
+		"importance",
+		"kind",
+		"active",
+		"size",
 		"aria-selected",
 		"aria-controls",
 		"aria-label",
-		"tabindex",
-		"disabled"
+		"aria-disabled",
+		"label-class",
+		"leading-class",
+		"trailing-class",
+		"tabindex"
 	]);
 }
 var f = /* @__PURE__ */ e(u, [["render", d]]);

package/dist/lib/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","names":[],"sources":["../../../components/tab/tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tab',\n      {\n        [TAB_IMPORTANCE_MODIFIERS.selected]: isSelected,\n      },\n      tabClass,\n    ]\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isSelected ? '0' : '-1'\"\n    :disabled=\"groupContext.disabled || disabled\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { TAB_IMPORTANCE_MODIFIERS } from './tabs_constants';\nimport { DtButton } from '../button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      TAB_IMPORTANCE_MODIFIERS,\n    };\n  },\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n};\n</script>\n"],"mappings":";;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY,EACV,UAAA,GACD;CAED,QAAQ,CAAC,gBAAgB,WAAW;CAEpC,cAAc;CAEd,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAU;GACX;EAKD,SAAS;GACP,MAAM;GACN,UAAU;GACX;EAKD,OAAO;GACL,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,UAAU;GACR,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,OAAO,CAOL,SAQA,QACD;CAED,OAAQ;AACN,SAAO,EACL,6BACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO;IACL,QAAO,MAAS;AACd,UAAK,MAAM,SAAS,EAAM;;IAG5B,QAAO,MAAS;AAEd,KADA,KAAK,SAAS,KAAK,GAAG,EACtB,KAAK,MAAM,SAAS,EAAM;;IAE7B;;EAGH,aAAc;AACZ,UAAO,KAAK,aAAa,aAAa,KAAK;;EAE9C;CAED,UAAW;AACT,EAAI,KAAK,aACP,KAAK,aAAa,WAAW,KAAK;;CAGvC;;;aA/IC,EAqBY,GArBZ,EAqBY;EApBT,IAAE,UAAY,EAAA;EACd,OAAK;;MAAoC,EAAA,yBAAyB,WAAW,EAAA,YAAA;GAA2B,EAAA;;EAOzG,MAAK;EACJ,iBAAa,GAAK,EAAA;EAClB,iBAAa,YAAc,EAAA;EAC3B,cAAY,EAAA;EACb,WAAQ;EACP,UAAU,EAAA,aAAU,MAAA;EACpB,UAAU,EAAA,aAAa,YAAY,EAAA;IAC5B,EAAA,QACR,EAAmB,EAAb,aAAY,CAAA,EAAA;mBAGV,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"tab.js","names":[],"sources":["../../../components/Tab/Tab.vue"],"sourcesContent":["<template>\n  <dt-button\n    :id=\"`dt-tab-${id}`\"\n    :class=\"[\n      'd-tablist__item',\n      tabClass,\n      { 'd-tablist__item--vertical': groupContext.orientation === 'vertical' },\n      { 'd-btn--disabled': isDisabled },\n      { 'd-tab--is-selected': !groupContext.outlined && groupContext.kind !== 'muted' && isSelected },\n    ]\"\n    :importance=\"buttonImportance\"\n    :kind=\"buttonKind\"\n    :active=\"buttonActive\"\n    :size=\"buttonSize\"\n    role=\"tab\"\n    :aria-selected=\"`${isSelected}`\"\n    :aria-controls=\"`dt-panel-${panelId}`\"\n    :aria-label=\"label\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :label-class=\"labelClass\"\n    :leading-class=\"leadingClass\"\n    :trailing-class=\"trailingClass\"\n    data-qa=\"dt-tab\"\n    :tabindex=\"isFocusTarget ? '0' : '-1'\"\n    v-bind=\"$attrs\"\n    v-on=\"tabListeners\"\n  >\n    <!-- @slot Icon displayed at the start (left in LTR) of the tab -->\n    <template\n      v-if=\"$slots.startIcon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"startIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot @deprecated Use startIcon -->\n    <template\n      v-else-if=\"$slots.icon\"\n      #startIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"icon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <!-- @slot Icon displayed at the end (right in LTR) of the tab -->\n    <template\n      v-if=\"$slots.endIcon\"\n      #endIcon=\"{ iconSize }\"\n    >\n      <slot\n        name=\"endIcon\"\n        :icon-size=\"iconSize\"\n      />\n    </template>\n    <template\n      v-if=\"$slots.leading\"\n      #leading\n    >\n      <slot name=\"leading\" />\n    </template>\n    <template\n      v-if=\"$slots.trailing\"\n      #trailing\n    >\n      <slot name=\"trailing\" />\n    </template>\n    <!-- @slot default slot, defaults contains dt-button -->\n    <slot />\n  </dt-button>\n</template>\n\n<script>\nimport { DtButton } from '../Button';\n\n/**\n * Tabs allow users to navigation between grouped content in different views while within the same page context.\n * @see https://dialtone.dialpad.com/components/tabs.html\n */\nexport default {\n  name: 'DtTab',\n  components: {\n    DtButton,\n  },\n\n  inject: ['groupContext', 'setFocus'],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Id of the tab\n     */\n    id: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Id of the associated content panel\n     */\n    panelId: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Describes the tab\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Controls the state of the tab\n     * @values true, false\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * If true, disables the tab\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Used to customize the tab element\n     */\n    tabClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the leading container\n     */\n    leadingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the trailing container\n     */\n    trailingClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native button focus in event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native button click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    tabListeners () {\n      return {\n        click: event => {\n          this.$emit('click', event);\n        },\n\n        focus: event => {\n          this.setFocus(this.id);\n          this.$emit('focus', event);\n        },\n      };\n    },\n\n    isDisabled () {\n      return this.groupContext.disabled || this.disabled;\n    },\n\n    buttonSize () {\n      const size = this.groupContext.size;\n      return size === 'default' ? undefined : size;\n    },\n\n    isSelected () {\n      return this.groupContext.selected === this.panelId;\n    },\n\n    isFocusTarget () {\n      const focusedId = this.groupContext.focusedTabId;\n      return focusedId ? focusedId === this.id : this.isSelected;\n    },\n\n    buttonKind () {\n      if (this.groupContext.outlined) {\n        return this.groupContext.kind === 'muted' ? 'muted' : 'default';\n      }\n      if (this.groupContext.kind === 'muted') {\n        return 'muted';\n      }\n      return this.isSelected ? 'default' : 'muted';\n    },\n\n    buttonImportance () {\n      if (this.groupContext.outlined && this.isSelected) {\n        return 'outlined';\n      }\n      return 'clear';\n    },\n\n    buttonActive () {\n      if (this.groupContext.outlined) {\n        return false;\n      }\n      if (this.groupContext.kind === 'muted') {\n        return this.isSelected;\n      }\n      return false;\n    },\n  },\n\n  mounted () {\n    if (this.selected) {\n      this.groupContext.selected = this.panelId;\n    }\n  },\n\n  beforeUnmount () {\n    if (this.groupContext.focusedTabId === this.id) {\n      this.setFocus(null);\n    }\n  },\n\n  methods: {\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/tab/tabs-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`default`,`sm`],t={sm:`d-tablist--sm`},n={inverted:`d-tablist--inverted`},r={borderless:`d-tablist--no-border`},i={selected:`d-tab--selected`};exports.TAB_IMPORTANCE_MODIFIERS=i,exports.TAB_LIST_IMPORTANCE_MODIFIERS=r,exports.TAB_LIST_KIND_MODIFIERS=n,exports.TAB_LIST_SIZES=e,exports.TAB_LIST_SIZE_MODIFIERS=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`100`,`200`,`300`,`400`,`500`,`default`,`xs`,`sm`,`md`,`lg`,`xl`],t={100:`d-tablist--xs`,200:`d-tablist--sm`,300:``,400:`d-tablist--lg`,500:`d-tablist--xl`,xs:`d-tablist--xs`,sm:`d-tablist--sm`,md:``,lg:`d-tablist--lg`,xl:`d-tablist--xl`,default:``},n={inverted:`d-tablist--inverted`},r={borderless:`d-tablist--no-border`},i=[`horizontal`,`vertical`],a={vertical:`d-tablist--vertical`},o=[`auto`,`manual`],s=[`default`,`muted`],c=[`none`,`grow`,`equal`],l={grow:`d-tablist--spread-grow`,equal:`d-tablist--spread-equal`};exports.TAB_ACTIVATION_MODES=o,exports.TAB_GROUP_KINDS=s,exports.TAB_LIST_IMPORTANCE_MODIFIERS=r,exports.TAB_LIST_KIND_MODIFIERS=n,exports.TAB_LIST_SIZES=e,exports.TAB_LIST_SIZE_MODIFIERS=t,exports.TAB_ORIENTATIONS=i,exports.TAB_ORIENTATION_MODIFIERS=a,exports.TAB_SPREADS=c,exports.TAB_SPREAD_MODIFIERS=l;
 //# sourceMappingURL=tabs-constants.cjs.map

package/dist/lib/tab/tabs-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.cjs","names":[],"sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"mappings":"mEAAA,IAAa,EAAiB,CAAC,UAAW,KAAK,CAElC,EAA0B,CACrC,GAAI,gBACL,CAEY,EAA0B,CACrC,SAAU,sBACX,CAEY,EAAgC,CAC3C,WAAY,uBACb,CAEY,EAA2B,CACtC,SAAU,kBACX"}
+{"version":3,"file":"tabs-constants.cjs","names":[],"sources":["../../../components/Tab/TabsConstants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-tablist--xs',\n  200: 'd-tablist--sm',\n  300: '',\n  400: 'd-tablist--lg',\n  500: 'd-tablist--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  md: '',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n  // Legacy alias\n  default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n  vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n  grow: 'd-tablist--spread-grow',\n  equal: 'd-tablist--spread-equal',\n};\n"],"mappings":"mEAAA,IAAa,EAAiB,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,UAAW,KAAM,KAAM,KAAM,KAAM,KAAK,CAE7F,EAA0B,CAErC,IAAK,gBACL,IAAK,gBACL,IAAK,GACL,IAAK,gBACL,IAAK,gBAEL,GAAI,gBACJ,GAAI,gBACJ,GAAI,GACJ,GAAI,gBACJ,GAAI,gBAEJ,QAAS,GACV,CAEY,EAA0B,CACrC,SAAU,sBACX,CAEY,EAAgC,CAC3C,WAAY,uBACb,CAEY,EAAmB,CAAC,aAAc,WAAW,CAE7C,EAA4B,CACvC,SAAU,sBACX,CAEY,EAAuB,CAAC,OAAQ,SAAS,CAEzC,EAAkB,CAAC,UAAW,QAAQ,CAEtC,EAAc,CAAC,OAAQ,OAAQ,QAAQ,CAEvC,EAAuB,CAClC,KAAM,yBACN,MAAO,0BACR"}

package/dist/lib/tab/tabs-constants.js

@@ -1,6 +1,37 @@
-//#region components/tab/tabs_constants.js
-var e = ["default", "sm"], t = { sm: "d-tablist--sm" }, n = { inverted: "d-tablist--inverted" }, r = { borderless: "d-tablist--no-border" }, i = { selected: "d-tab--selected" };
+//#region components/Tab/TabsConstants.js
+var e = [
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"default",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl"
+], t = {
+	100: "d-tablist--xs",
+	200: "d-tablist--sm",
+	300: "",
+	400: "d-tablist--lg",
+	500: "d-tablist--xl",
+	xs: "d-tablist--xs",
+	sm: "d-tablist--sm",
+	md: "",
+	lg: "d-tablist--lg",
+	xl: "d-tablist--xl",
+	default: ""
+}, n = { inverted: "d-tablist--inverted" }, r = { borderless: "d-tablist--no-border" }, i = ["horizontal", "vertical"], a = { vertical: "d-tablist--vertical" }, o = ["auto", "manual"], s = ["default", "muted"], c = [
+	"none",
+	"grow",
+	"equal"
+], l = {
+	grow: "d-tablist--spread-grow",
+	equal: "d-tablist--spread-equal"
+};
 //#endregion
-export { i as TAB_IMPORTANCE_MODIFIERS, r as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, e as TAB_LIST_SIZES, t as TAB_LIST_SIZE_MODIFIERS };
+export { o as TAB_ACTIVATION_MODES, s as TAB_GROUP_KINDS, r as TAB_LIST_IMPORTANCE_MODIFIERS, n as TAB_LIST_KIND_MODIFIERS, e as TAB_LIST_SIZES, t as TAB_LIST_SIZE_MODIFIERS, i as TAB_ORIENTATIONS, a as TAB_ORIENTATION_MODIFIERS, c as TAB_SPREADS, l as TAB_SPREAD_MODIFIERS };
 
 //# sourceMappingURL=tabs-constants.js.map

package/dist/lib/tab/tabs-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-constants.js","names":[],"sources":["../../../components/tab/tabs_constants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['default', 'sm'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  sm: 'd-tablist--sm',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_IMPORTANCE_MODIFIERS = {\n  selected: 'd-tab--selected',\n};\n"],"mappings":";AAAA,IAAa,IAAiB,CAAC,WAAW,KAAK,EAElC,IAA0B,EACrC,IAAI,iBACL,EAEY,IAA0B,EACrC,UAAU,uBACX,EAEY,IAAgC,EAC3C,YAAY,wBACb,EAEY,IAA2B,EACtC,UAAU,mBACX"}
+{"version":3,"file":"tabs-constants.js","names":[],"sources":["../../../components/Tab/TabsConstants.js"],"sourcesContent":["export const TAB_LIST_SIZES = ['100', '200', '300', '400', '500', 'default', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport const TAB_LIST_SIZE_MODIFIERS = {\n  // Numeric (preferred)\n  100: 'd-tablist--xs',\n  200: 'd-tablist--sm',\n  300: '',\n  400: 'd-tablist--lg',\n  500: 'd-tablist--xl',\n  // T-shirt aliases (deprecated)\n  xs: 'd-tablist--xs',\n  sm: 'd-tablist--sm',\n  md: '',\n  lg: 'd-tablist--lg',\n  xl: 'd-tablist--xl',\n  // Legacy alias\n  default: '',\n};\n\nexport const TAB_LIST_KIND_MODIFIERS = {\n  inverted: 'd-tablist--inverted',\n};\n\nexport const TAB_LIST_IMPORTANCE_MODIFIERS = {\n  borderless: 'd-tablist--no-border',\n};\n\nexport const TAB_ORIENTATIONS = ['horizontal', 'vertical'];\n\nexport const TAB_ORIENTATION_MODIFIERS = {\n  vertical: 'd-tablist--vertical',\n};\n\nexport const TAB_ACTIVATION_MODES = ['auto', 'manual'];\n\nexport const TAB_GROUP_KINDS = ['default', 'muted'];\n\nexport const TAB_SPREADS = ['none', 'grow', 'equal'];\n\nexport const TAB_SPREAD_MODIFIERS = {\n  grow: 'd-tablist--spread-grow',\n  equal: 'd-tablist--spread-equal',\n};\n"],"mappings":";AAAA,IAAa,IAAiB;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAW;CAAM;CAAM;CAAM;CAAM;CAAK,EAE7F,IAA0B;CAErC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CAEL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CAEJ,SAAS;CACV,EAEY,IAA0B,EACrC,UAAU,uBACX,EAEY,IAAgC,EAC3C,YAAY,wBACb,EAEY,IAAmB,CAAC,cAAc,WAAW,EAE7C,IAA4B,EACvC,UAAU,uBACX,EAEY,IAAuB,CAAC,QAAQ,SAAS,EAEzC,IAAkB,CAAC,WAAW,QAAQ,EAEtC,IAAc;CAAC;CAAQ;CAAQ;CAAQ,EAEvC,IAAuB;CAClC,MAAM;CACN,OAAO;CACR"}

package/dist/lib/text/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./text-constants.cjs`),t=require(`./text.cjs`);exports.DtText=t.default,exports.TEXT_ALIGN_MODIFIERS=e.TEXT_ALIGN_MODIFIERS,exports.TEXT_BOX_TRIM_MODIFIERS=e.TEXT_BOX_TRIM_MODIFIERS,exports.TEXT_DENSITY_MODIFIERS=e.TEXT_DENSITY_MODIFIERS,exports.TEXT_FAMILY_MODIFIERS=e.TEXT_FAMILY_MODIFIERS,exports.TEXT_FONT_SIZE_MODIFIERS=e.TEXT_FONT_SIZE_MODIFIERS,exports.TEXT_HEADLINE_ONLY_SIZES=e.TEXT_HEADLINE_ONLY_SIZES,exports.TEXT_ITALIC_CLASS=e.TEXT_ITALIC_CLASS,exports.TEXT_KIND_MODIFIERS=e.TEXT_KIND_MODIFIERS,exports.TEXT_LINE_CLAMP_CLASS=e.TEXT_LINE_CLAMP_CLASS,exports.TEXT_NUMERIC_CLASS=e.TEXT_NUMERIC_CLASS,exports.TEXT_SIZE_MODIFIERS=e.TEXT_SIZE_MODIFIERS,exports.TEXT_STRENGTH_MODIFIERS=e.TEXT_STRENGTH_MODIFIERS,exports.TEXT_TONE_MODIFIERS=e.TEXT_TONE_MODIFIERS,exports.TEXT_TRUNCATE_CLASS=e.TEXT_TRUNCATE_CLASS,exports.TEXT_VARIANT_MODIFIERS=e.TEXT_VARIANT_MODIFIERS,exports.TEXT_WRAP_MODIFIERS=e.TEXT_WRAP_MODIFIERS;

package/dist/lib/text/index.js

@@ -0,0 +1,3 @@
+import { TEXT_ALIGN_MODIFIERS as e, TEXT_BOX_TRIM_MODIFIERS as t, TEXT_DENSITY_MODIFIERS as n, TEXT_FAMILY_MODIFIERS as r, TEXT_FONT_SIZE_MODIFIERS as i, TEXT_HEADLINE_ONLY_SIZES as a, TEXT_ITALIC_CLASS as o, TEXT_KIND_MODIFIERS as s, TEXT_LINE_CLAMP_CLASS as c, TEXT_NUMERIC_CLASS as l, TEXT_SIZE_MODIFIERS as u, TEXT_STRENGTH_MODIFIERS as d, TEXT_TONE_MODIFIERS as f, TEXT_TRUNCATE_CLASS as p, TEXT_VARIANT_MODIFIERS as m, TEXT_WRAP_MODIFIERS as h } from "./text-constants.js";
+import g from "./text.js";
+export { g as DtText, e as TEXT_ALIGN_MODIFIERS, t as TEXT_BOX_TRIM_MODIFIERS, n as TEXT_DENSITY_MODIFIERS, r as TEXT_FAMILY_MODIFIERS, i as TEXT_FONT_SIZE_MODIFIERS, a as TEXT_HEADLINE_ONLY_SIZES, o as TEXT_ITALIC_CLASS, s as TEXT_KIND_MODIFIERS, c as TEXT_LINE_CLAMP_CLASS, l as TEXT_NUMERIC_CLASS, u as TEXT_SIZE_MODIFIERS, d as TEXT_STRENGTH_MODIFIERS, f as TEXT_TONE_MODIFIERS, p as TEXT_TRUNCATE_CLASS, m as TEXT_VARIANT_MODIFIERS, h as TEXT_WRAP_MODIFIERS };

package/dist/lib/text/text-constants.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={headline:`d-text-headline`,body:`d-text-body`,label:`d-text-label`,code:`d-text-code`},t={"headline-3xl":`d-text-headline--3xl`,"headline-2xl":`d-text-headline--2xl`,"headline-xl":`d-text-headline--xl`,"headline-lg":`d-text-headline--lg`,"headline-md":`d-text-headline--md`,"headline-sm":`d-text-headline--sm`,"headline-xs":`d-text-headline--xs`,"body-lg":`d-text-body--lg`,"body-md":`d-text-body--md`,"body-sm":`d-text-body--sm`,"body-xs":`d-text-body--xs`,"label-lg":`d-text-label--lg`,"label-md":`d-text-label--md`,"label-sm":`d-text-label--sm`,"label-xs":`d-text-label--xs`,"code-lg":`d-text-code--lg`,"code-md":`d-text-code--md`,"code-sm":`d-text-code--sm`,"code-xs":`d-text-code--xs`},n={headline:[`700`,`600`,`500`,`400`,`300`,`200`,`100`,`3xl`,`2xl`,`xl`,`lg`,`md`,`sm`,`xs`],body:[`400`,`300`,`200`,`100`,`lg`,`md`,`sm`,`xs`],label:[`400`,`300`,`200`,`100`,`lg`,`md`,`sm`,`xs`],code:[`400`,`300`,`200`,`100`,`lg`,`md`,`sm`,`xs`]},r=[`700`,`600`,`500`,`3xl`,`2xl`,`xl`],i={100:`xs`,200:`sm`,300:`md`,400:`lg`,500:`xl`,600:`2xl`,700:`3xl`},a={50:`d-text--fs-50`,75:`d-text--fs-75`,100:`d-text--fs-100`,125:`d-text--fs-125`,150:`d-text--fs-150`,200:`d-text--fs-200`,250:`d-text--fs-250`,300:`d-text--fs-300`,350:`d-text--fs-350`,400:`d-text--fs-400`,450:`d-text--fs-450`,500:`d-text--fs-500`,550:`d-text--fs-550`,600:`d-text--fs-600`,650:`d-text--fs-650`,700:`d-text--fs-700`,750:`d-text--fs-750`,800:`d-text--fs-800`},o={inherit:`d-text--ff-inherit`,custom:`d-text--ff-custom`,sans:`d-text--ff-sans`,mono:`d-text--ff-mono`,expressive:`d-text--ff-expressive`},s=`d-text--italic`,c={primary:`d-text--tone-primary`,secondary:`d-text--tone-secondary`,tertiary:`d-text--tone-tertiary`,muted:`d-text--tone-muted`,disabled:`d-text--tone-disabled`,placeholder:`d-text--tone-placeholder`,critical:`d-text--tone-critical`,"critical-strong":`d-text--tone-critical-strong`,positive:`d-text--tone-positive`,"positive-strong":`d-text--tone-positive-strong`,warning:`d-text--tone-warning`,info:`d-text--tone-info`,"info-strong":`d-text--tone-info-strong`,"neutral-black":`d-text--tone-neutral-black`,"neutral-white":`d-text--tone-neutral-white`},l={start:`d-text--align-start`,center:`d-text--align-center`,end:`d-text--align-end`,justify:`d-text--align-justify`},u=`d-text--numeric`,d=`d-truncate`,f=`d-text--clamp`,p={wrap:`d-text--wrap-wrap`,nowrap:`d-text--wrap-nowrap`,balance:`d-text--wrap-balance`,pretty:`d-text--wrap-pretty`},m={start:`d-text--trim-start`,end:`d-text--trim-end`,both:`d-text--trim-both`},h={bold:`d-text--fw-bold`,semibold:`d-text--fw-semibold`,medium:`d-text--fw-medium`,normal:`d-text--fw-normal`},g={100:`d-text--lh-100`,200:`d-text--lh-200`,300:`d-text--lh-300`,400:`d-text--lh-400`,500:`d-text--lh-500`,600:`d-text--lh-600`},_={TEXT_KIND_MODIFIERS:e,TEXT_VARIANT_MODIFIERS:t,TEXT_SIZE_MODIFIERS:n,TEXT_HEADLINE_ONLY_SIZES:r,TEXT_FONT_SIZE_MODIFIERS:a,TEXT_FAMILY_MODIFIERS:o,TEXT_ITALIC_CLASS:s,TEXT_TONE_MODIFIERS:c,TEXT_ALIGN_MODIFIERS:l,TEXT_NUMERIC_CLASS:u,TEXT_TRUNCATE_CLASS:d,TEXT_LINE_CLAMP_CLASS:f,TEXT_WRAP_MODIFIERS:p,TEXT_BOX_TRIM_MODIFIERS:m,TEXT_STRENGTH_MODIFIERS:h,TEXT_DENSITY_MODIFIERS:g};exports.TEXT_ALIGN_MODIFIERS=l,exports.TEXT_BOX_TRIM_MODIFIERS=m,exports.TEXT_DENSITY_MODIFIERS=g,exports.TEXT_FAMILY_MODIFIERS=o,exports.TEXT_FONT_SIZE_MODIFIERS=a,exports.TEXT_HEADLINE_ONLY_SIZES=r,exports.TEXT_ITALIC_CLASS=s,exports.TEXT_KIND_MODIFIERS=e,exports.TEXT_LINE_CLAMP_CLASS=f,exports.TEXT_NUMERIC_CLASS=u,exports.TEXT_SIZE_MAP=i,exports.TEXT_SIZE_MODIFIERS=n,exports.TEXT_STRENGTH_MODIFIERS=h,exports.TEXT_TONE_MODIFIERS=c,exports.TEXT_TRUNCATE_CLASS=d,exports.TEXT_VARIANT_MODIFIERS=t,exports.TEXT_WRAP_MODIFIERS=p,exports.default=_;
+//# sourceMappingURL=text-constants.cjs.map

package/dist/lib/text/text-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.cjs","names":[],"sources":["../../../components/Text/TextConstants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_VARIANT_MODIFIERS = {\n  'headline-3xl': 'd-text-headline--3xl',\n  'headline-2xl': 'd-text-headline--2xl',\n  'headline-xl': 'd-text-headline--xl',\n  'headline-lg': 'd-text-headline--lg',\n  'headline-md': 'd-text-headline--md',\n  'headline-sm': 'd-text-headline--sm',\n  'headline-xs': 'd-text-headline--xs',\n  'body-lg': 'd-text-body--lg',\n  'body-md': 'd-text-body--md',\n  'body-sm': 'd-text-body--sm',\n  'body-xs': 'd-text-body--xs',\n  'label-lg': 'd-text-label--lg',\n  'label-md': 'd-text-label--md',\n  'label-sm': 'd-text-label--sm',\n  'label-xs': 'd-text-label--xs',\n  'code-lg': 'd-text-code--lg',\n  'code-md': 'd-text-code--md',\n  'code-sm': 'd-text-code--sm',\n  'code-xs': 'd-text-code--xs',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: [\n    '700',\n    '600',\n    '500',\n    '400',\n    '300',\n    '200',\n    '100',\n    '3xl',\n    '2xl',\n    'xl',\n    'lg',\n    'md',\n    'sm',\n    'xs',\n  ],\n  body: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  label: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  code: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = [\n  '700',\n  '600',\n  '500',\n  '3xl',\n  '2xl',\n  'xl',\n];\n\n// Numeric → t-shirt CSS class suffix mapping\nexport const TEXT_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n  600: '2xl',\n  700: '3xl',\n};\n\nexport const TEXT_FONT_SIZE_MODIFIERS = {\n  50: 'd-text--fs-50',\n  75: 'd-text--fs-75',\n  100: 'd-text--fs-100',\n  125: 'd-text--fs-125',\n  150: 'd-text--fs-150',\n  200: 'd-text--fs-200',\n  250: 'd-text--fs-250',\n  300: 'd-text--fs-300',\n  350: 'd-text--fs-350',\n  400: 'd-text--fs-400',\n  450: 'd-text--fs-450',\n  500: 'd-text--fs-500',\n  550: 'd-text--fs-550',\n  600: 'd-text--fs-600',\n  650: 'd-text--fs-650',\n  700: 'd-text--fs-700',\n  750: 'd-text--fs-750',\n  800: 'd-text--fs-800',\n};\n\nexport const TEXT_FAMILY_MODIFIERS = {\n  inherit: 'd-text--ff-inherit',\n  custom: 'd-text--ff-custom',\n  sans: 'd-text--ff-sans',\n  mono: 'd-text--ff-mono',\n  expressive: 'd-text--ff-expressive',\n};\n\nexport const TEXT_ITALIC_CLASS = 'd-text--italic';\n\nexport const TEXT_TONE_MODIFIERS = {\n  primary: 'd-text--tone-primary',\n  secondary: 'd-text--tone-secondary',\n  tertiary: 'd-text--tone-tertiary',\n  muted: 'd-text--tone-muted',\n  disabled: 'd-text--tone-disabled',\n  placeholder: 'd-text--tone-placeholder',\n  critical: 'd-text--tone-critical',\n  'critical-strong': 'd-text--tone-critical-strong',\n  positive: 'd-text--tone-positive',\n  'positive-strong': 'd-text--tone-positive-strong',\n  warning: 'd-text--tone-warning',\n  info: 'd-text--tone-info',\n  'info-strong': 'd-text--tone-info-strong',\n  'neutral-black': 'd-text--tone-neutral-black',\n  'neutral-white': 'd-text--tone-neutral-white',\n};\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAAsB,CACjC,SAAU,kBACV,KAAM,cACN,MAAO,eACP,KAAM,cACP,CAEY,EAAyB,CACpC,eAAgB,uBAChB,eAAgB,uBAChB,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,cAAe,sBACf,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,WAAY,mBACZ,WAAY,mBACZ,WAAY,mBACZ,WAAY,mBACZ,UAAW,kBACX,UAAW,kBACX,UAAW,kBACX,UAAW,kBACZ,CAEY,EAAsB,CACjC,SAAU,CACR,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACD,CACD,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC1D,MAAO,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,KAAM,CAAC,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAK,CAC3D,CAGY,EAA2B,CACtC,MACA,MACA,MACA,MACA,MACA,KACD,CAGY,EAAgB,CAC3B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,MACL,IAAK,MACN,CAEY,EAA2B,CACtC,GAAI,gBACJ,GAAI,gBACJ,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACN,CAEY,EAAwB,CACnC,QAAS,qBACT,OAAQ,oBACR,KAAM,kBACN,KAAM,kBACN,WAAY,wBACb,CAEY,EAAoB,iBAEpB,EAAsB,CACjC,QAAS,uBACT,UAAW,yBACX,SAAU,wBACV,MAAO,qBACP,SAAU,wBACV,YAAa,2BACb,SAAU,wBACV,kBAAmB,+BACnB,SAAU,wBACV,kBAAmB,+BACnB,QAAS,uBACT,KAAM,oBACN,cAAe,2BACf,gBAAiB,6BACjB,gBAAiB,6BAClB,CAEY,EAAuB,CAClC,MAAO,sBACP,OAAQ,uBACR,IAAK,oBACL,QAAS,wBACV,CAEY,EAAqB,kBACrB,EAAsB,aACtB,EAAwB,gBAExB,EAAsB,CACjC,KAAM,oBACN,OAAQ,sBACR,QAAS,uBACT,OAAQ,sBACT,CAEY,EAA0B,CACrC,MAAO,qBACP,IAAK,mBACL,KAAM,oBACP,CAEY,EAA0B,CACrC,KAAM,kBACN,SAAU,sBACV,OAAQ,oBACR,OAAQ,oBACT,CAEY,EAAyB,CACpC,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACL,IAAK,iBACN,CAED,EAAe,CACb,sBACA,yBACA,sBACA,2BACA,2BACA,wBACA,oBACA,sBACA,uBACA,qBACA,sBACA,wBACA,sBACA,0BACA,0BACA,yBACD"}

package/dist/lib/text/text-constants.js

@@ -0,0 +1,177 @@
+//#region components/Text/TextConstants.js
+var e = {
+	headline: "d-text-headline",
+	body: "d-text-body",
+	label: "d-text-label",
+	code: "d-text-code"
+}, t = {
+	"headline-3xl": "d-text-headline--3xl",
+	"headline-2xl": "d-text-headline--2xl",
+	"headline-xl": "d-text-headline--xl",
+	"headline-lg": "d-text-headline--lg",
+	"headline-md": "d-text-headline--md",
+	"headline-sm": "d-text-headline--sm",
+	"headline-xs": "d-text-headline--xs",
+	"body-lg": "d-text-body--lg",
+	"body-md": "d-text-body--md",
+	"body-sm": "d-text-body--sm",
+	"body-xs": "d-text-body--xs",
+	"label-lg": "d-text-label--lg",
+	"label-md": "d-text-label--md",
+	"label-sm": "d-text-label--sm",
+	"label-xs": "d-text-label--xs",
+	"code-lg": "d-text-code--lg",
+	"code-md": "d-text-code--md",
+	"code-sm": "d-text-code--sm",
+	"code-xs": "d-text-code--xs"
+}, n = {
+	headline: [
+		"700",
+		"600",
+		"500",
+		"400",
+		"300",
+		"200",
+		"100",
+		"3xl",
+		"2xl",
+		"xl",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	body: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	label: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	],
+	code: [
+		"400",
+		"300",
+		"200",
+		"100",
+		"lg",
+		"md",
+		"sm",
+		"xs"
+	]
+}, r = [
+	"700",
+	"600",
+	"500",
+	"3xl",
+	"2xl",
+	"xl"
+], i = {
+	100: "xs",
+	200: "sm",
+	300: "md",
+	400: "lg",
+	500: "xl",
+	600: "2xl",
+	700: "3xl"
+}, a = {
+	50: "d-text--fs-50",
+	75: "d-text--fs-75",
+	100: "d-text--fs-100",
+	125: "d-text--fs-125",
+	150: "d-text--fs-150",
+	200: "d-text--fs-200",
+	250: "d-text--fs-250",
+	300: "d-text--fs-300",
+	350: "d-text--fs-350",
+	400: "d-text--fs-400",
+	450: "d-text--fs-450",
+	500: "d-text--fs-500",
+	550: "d-text--fs-550",
+	600: "d-text--fs-600",
+	650: "d-text--fs-650",
+	700: "d-text--fs-700",
+	750: "d-text--fs-750",
+	800: "d-text--fs-800"
+}, o = {
+	inherit: "d-text--ff-inherit",
+	custom: "d-text--ff-custom",
+	sans: "d-text--ff-sans",
+	mono: "d-text--ff-mono",
+	expressive: "d-text--ff-expressive"
+}, s = "d-text--italic", c = {
+	primary: "d-text--tone-primary",
+	secondary: "d-text--tone-secondary",
+	tertiary: "d-text--tone-tertiary",
+	muted: "d-text--tone-muted",
+	disabled: "d-text--tone-disabled",
+	placeholder: "d-text--tone-placeholder",
+	critical: "d-text--tone-critical",
+	"critical-strong": "d-text--tone-critical-strong",
+	positive: "d-text--tone-positive",
+	"positive-strong": "d-text--tone-positive-strong",
+	warning: "d-text--tone-warning",
+	info: "d-text--tone-info",
+	"info-strong": "d-text--tone-info-strong",
+	"neutral-black": "d-text--tone-neutral-black",
+	"neutral-white": "d-text--tone-neutral-white"
+}, l = {
+	start: "d-text--align-start",
+	center: "d-text--align-center",
+	end: "d-text--align-end",
+	justify: "d-text--align-justify"
+}, u = "d-text--numeric", d = "d-truncate", f = "d-text--clamp", p = {
+	wrap: "d-text--wrap-wrap",
+	nowrap: "d-text--wrap-nowrap",
+	balance: "d-text--wrap-balance",
+	pretty: "d-text--wrap-pretty"
+}, m = {
+	start: "d-text--trim-start",
+	end: "d-text--trim-end",
+	both: "d-text--trim-both"
+}, h = {
+	bold: "d-text--fw-bold",
+	semibold: "d-text--fw-semibold",
+	medium: "d-text--fw-medium",
+	normal: "d-text--fw-normal"
+}, g = {
+	100: "d-text--lh-100",
+	200: "d-text--lh-200",
+	300: "d-text--lh-300",
+	400: "d-text--lh-400",
+	500: "d-text--lh-500",
+	600: "d-text--lh-600"
+}, _ = {
+	TEXT_KIND_MODIFIERS: e,
+	TEXT_VARIANT_MODIFIERS: t,
+	TEXT_SIZE_MODIFIERS: n,
+	TEXT_HEADLINE_ONLY_SIZES: r,
+	TEXT_FONT_SIZE_MODIFIERS: a,
+	TEXT_FAMILY_MODIFIERS: o,
+	TEXT_ITALIC_CLASS: s,
+	TEXT_TONE_MODIFIERS: c,
+	TEXT_ALIGN_MODIFIERS: l,
+	TEXT_NUMERIC_CLASS: u,
+	TEXT_TRUNCATE_CLASS: d,
+	TEXT_LINE_CLAMP_CLASS: f,
+	TEXT_WRAP_MODIFIERS: p,
+	TEXT_BOX_TRIM_MODIFIERS: m,
+	TEXT_STRENGTH_MODIFIERS: h,
+	TEXT_DENSITY_MODIFIERS: g
+};
+//#endregion
+export { l as TEXT_ALIGN_MODIFIERS, m as TEXT_BOX_TRIM_MODIFIERS, g as TEXT_DENSITY_MODIFIERS, o as TEXT_FAMILY_MODIFIERS, a as TEXT_FONT_SIZE_MODIFIERS, r as TEXT_HEADLINE_ONLY_SIZES, s as TEXT_ITALIC_CLASS, e as TEXT_KIND_MODIFIERS, f as TEXT_LINE_CLAMP_CLASS, u as TEXT_NUMERIC_CLASS, i as TEXT_SIZE_MAP, n as TEXT_SIZE_MODIFIERS, h as TEXT_STRENGTH_MODIFIERS, c as TEXT_TONE_MODIFIERS, d as TEXT_TRUNCATE_CLASS, t as TEXT_VARIANT_MODIFIERS, p as TEXT_WRAP_MODIFIERS, _ as default };
+
+//# sourceMappingURL=text-constants.js.map

package/dist/lib/text/text-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-constants.js","names":[],"sources":["../../../components/Text/TextConstants.js"],"sourcesContent":["export const TEXT_KIND_MODIFIERS = {\n  headline: 'd-text-headline',\n  body: 'd-text-body',\n  label: 'd-text-label',\n  code: 'd-text-code',\n};\n\nexport const TEXT_VARIANT_MODIFIERS = {\n  'headline-3xl': 'd-text-headline--3xl',\n  'headline-2xl': 'd-text-headline--2xl',\n  'headline-xl': 'd-text-headline--xl',\n  'headline-lg': 'd-text-headline--lg',\n  'headline-md': 'd-text-headline--md',\n  'headline-sm': 'd-text-headline--sm',\n  'headline-xs': 'd-text-headline--xs',\n  'body-lg': 'd-text-body--lg',\n  'body-md': 'd-text-body--md',\n  'body-sm': 'd-text-body--sm',\n  'body-xs': 'd-text-body--xs',\n  'label-lg': 'd-text-label--lg',\n  'label-md': 'd-text-label--md',\n  'label-sm': 'd-text-label--sm',\n  'label-xs': 'd-text-label--xs',\n  'code-lg': 'd-text-code--lg',\n  'code-md': 'd-text-code--md',\n  'code-sm': 'd-text-code--sm',\n  'code-xs': 'd-text-code--xs',\n};\n\nexport const TEXT_SIZE_MODIFIERS = {\n  headline: [\n    '700',\n    '600',\n    '500',\n    '400',\n    '300',\n    '200',\n    '100',\n    '3xl',\n    '2xl',\n    'xl',\n    'lg',\n    'md',\n    'sm',\n    'xs',\n  ],\n  body: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  label: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n  code: ['400', '300', '200', '100', 'lg', 'md', 'sm', 'xs'],\n};\n\n// Sizes that are only valid for headline kind - using these with other kinds throws an error\nexport const TEXT_HEADLINE_ONLY_SIZES = [\n  '700',\n  '600',\n  '500',\n  '3xl',\n  '2xl',\n  'xl',\n];\n\n// Numeric → t-shirt CSS class suffix mapping\nexport const TEXT_SIZE_MAP = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n  600: '2xl',\n  700: '3xl',\n};\n\nexport const TEXT_FONT_SIZE_MODIFIERS = {\n  50: 'd-text--fs-50',\n  75: 'd-text--fs-75',\n  100: 'd-text--fs-100',\n  125: 'd-text--fs-125',\n  150: 'd-text--fs-150',\n  200: 'd-text--fs-200',\n  250: 'd-text--fs-250',\n  300: 'd-text--fs-300',\n  350: 'd-text--fs-350',\n  400: 'd-text--fs-400',\n  450: 'd-text--fs-450',\n  500: 'd-text--fs-500',\n  550: 'd-text--fs-550',\n  600: 'd-text--fs-600',\n  650: 'd-text--fs-650',\n  700: 'd-text--fs-700',\n  750: 'd-text--fs-750',\n  800: 'd-text--fs-800',\n};\n\nexport const TEXT_FAMILY_MODIFIERS = {\n  inherit: 'd-text--ff-inherit',\n  custom: 'd-text--ff-custom',\n  sans: 'd-text--ff-sans',\n  mono: 'd-text--ff-mono',\n  expressive: 'd-text--ff-expressive',\n};\n\nexport const TEXT_ITALIC_CLASS = 'd-text--italic';\n\nexport const TEXT_TONE_MODIFIERS = {\n  primary: 'd-text--tone-primary',\n  secondary: 'd-text--tone-secondary',\n  tertiary: 'd-text--tone-tertiary',\n  muted: 'd-text--tone-muted',\n  disabled: 'd-text--tone-disabled',\n  placeholder: 'd-text--tone-placeholder',\n  critical: 'd-text--tone-critical',\n  'critical-strong': 'd-text--tone-critical-strong',\n  positive: 'd-text--tone-positive',\n  'positive-strong': 'd-text--tone-positive-strong',\n  warning: 'd-text--tone-warning',\n  info: 'd-text--tone-info',\n  'info-strong': 'd-text--tone-info-strong',\n  'neutral-black': 'd-text--tone-neutral-black',\n  'neutral-white': 'd-text--tone-neutral-white',\n};\n\nexport const TEXT_ALIGN_MODIFIERS = {\n  start: 'd-text--align-start',\n  center: 'd-text--align-center',\n  end: 'd-text--align-end',\n  justify: 'd-text--align-justify',\n};\n\nexport const TEXT_NUMERIC_CLASS = 'd-text--numeric';\nexport const TEXT_TRUNCATE_CLASS = 'd-truncate';\nexport const TEXT_LINE_CLAMP_CLASS = 'd-text--clamp';\n\nexport const TEXT_WRAP_MODIFIERS = {\n  wrap: 'd-text--wrap-wrap',\n  nowrap: 'd-text--wrap-nowrap',\n  balance: 'd-text--wrap-balance',\n  pretty: 'd-text--wrap-pretty',\n};\n\nexport const TEXT_BOX_TRIM_MODIFIERS = {\n  start: 'd-text--trim-start',\n  end: 'd-text--trim-end',\n  both: 'd-text--trim-both',\n};\n\nexport const TEXT_STRENGTH_MODIFIERS = {\n  bold: 'd-text--fw-bold',\n  semibold: 'd-text--fw-semibold',\n  medium: 'd-text--fw-medium',\n  normal: 'd-text--fw-normal',\n};\n\nexport const TEXT_DENSITY_MODIFIERS = {\n  100: 'd-text--lh-100',\n  200: 'd-text--lh-200',\n  300: 'd-text--lh-300',\n  400: 'd-text--lh-400',\n  500: 'd-text--lh-500',\n  600: 'd-text--lh-600',\n};\n\nexport default {\n  TEXT_KIND_MODIFIERS,\n  TEXT_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAAsB;CACjC,UAAU;CACV,MAAM;CACN,OAAO;CACP,MAAM;CACP,EAEY,IAAyB;CACpC,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ,EAEY,IAAsB;CACjC,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC1D,OAAO;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,MAAM;EAAC;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAK;CAC3D,EAGY,IAA2B;CACtC;CACA;CACA;CACA;CACA;CACA;CACD,EAGY,IAAgB;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAAwB;CACnC,SAAS;CACT,QAAQ;CACR,MAAM;CACN,MAAM;CACN,YAAY;CACb,EAEY,IAAoB,kBAEpB,IAAsB;CACjC,SAAS;CACT,WAAW;CACX,UAAU;CACV,OAAO;CACP,UAAU;CACV,aAAa;CACb,UAAU;CACV,mBAAmB;CACnB,UAAU;CACV,mBAAmB;CACnB,SAAS;CACT,MAAM;CACN,eAAe;CACf,iBAAiB;CACjB,iBAAiB;CAClB,EAEY,IAAuB;CAClC,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACV,EAEY,IAAqB,mBACrB,IAAsB,cACtB,IAAwB,iBAExB,IAAsB;CACjC,MAAM;CACN,QAAQ;CACR,SAAS;CACT,QAAQ;CACT,EAEY,IAA0B;CACrC,OAAO;CACP,KAAK;CACL,MAAM;CACP,EAEY,IAA0B;CACrC,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACT,EAEY,IAAyB;CACpC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAED,IAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/text/text.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./text-constants.cjs`);let n=require(`vue`);var r=`300`,i=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],a=!1,o=()=>{a=!1},s={name:`DtText`,props:{as:{type:String,default:`span`},kind:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,e)},variant:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_VARIANT_MODIFIERS,e)},size:{type:[String,Number],default:null},family:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_FAMILY_MODIFIERS,e)},italic:{type:Boolean,default:!1},tone:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_TONE_MODIFIERS,e)},align:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_ALIGN_MODIFIERS,e)},truncate:{type:Boolean,default:!1},maxLines:{type:Number,default:null,validator:e=>e===null||Number.isInteger(e)&&e>0},numeric:{type:Boolean,default:!1},wrap:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_WRAP_MODIFIERS,e)},textBoxTrim:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_BOX_TRIM_MODIFIERS,e)},strength:{type:String,default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_STRENGTH_MODIFIERS,e)},density:{type:[String,Number],default:null,validator:e=>e===null||Object.prototype.hasOwnProperty.call(t.TEXT_DENSITY_MODIFIERS,e)}},computed:{textClasses(){let e=[`d-text`],n=this.getVariantClass();n&&e.push(n);let r=this.getFontSizeClass();r&&e.push(r);let i=this.getFamilyClass();i&&e.push(i),this.italic&&e.push(t.TEXT_ITALIC_CLASS);let a=this.getAlignClass();a&&e.push(a);let o=this.getToneClass();o&&e.push(o),this.truncate&&e.push(t.TEXT_TRUNCATE_CLASS),this.numeric&&e.push(t.TEXT_NUMERIC_CLASS),this.maxLines&&e.push(t.TEXT_LINE_CLAMP_CLASS);let s=this.getWrapClass();s&&e.push(s);let c=this.getTextBoxTrimClass();c&&e.push(c);let l=this.getStrengthClass();l&&e.push(l);let u=this.getDensityClass();return u&&e.push(u),e},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!a&&this.usesHeadlineVisualStyle()&&!i.includes(this.as)&&(console.info(`[DtText] A headline text style is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.`),a=!0)},methods:{usesHeadlineVisualStyle(){return this.variant?this.variant.startsWith(`headline-`):this.kind===`headline`},usesLegacyKindSize(){return!!(this.kind&&!this.variant)},getVariantClass(){if(this.variant)return this.getModifierClass(this.variant,t.TEXT_VARIANT_MODIFIERS,`variant`);if(!this.kind)return null;if(!Object.prototype.hasOwnProperty.call(t.TEXT_KIND_MODIFIERS,this.kind))return console.warn(`[DtText] Unsupported kind "${this.kind}".`),null;let e=t.TEXT_SIZE_MODIFIERS[this.kind]||[],n=(this.size==null?null:String(this.size))||r,i=n;if(!e.includes(n)){if(t.TEXT_HEADLINE_ONLY_SIZES.includes(n))throw Error(`[DtText] size="${n}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);let a=e.includes(r)?r:e[0];a&&(i=a),console.warn(`[DtText] size="${n}" is not valid for kind="${this.kind}". Using "${i}" instead.`)}if(!i)return null;let a=t.TEXT_SIZE_MAP[i]||i;return`${t.TEXT_KIND_MODIFIERS[this.kind]}--${a}`},getFontSizeClass(){if(this.size===null||this.size===void 0)return null;if(!this.variant&&!this.kind)return console.warn(`[DtText] size must be paired with variant or legacy kind. Prefer variant for typography composition; use size only as a variant override.`),null;if(this.usesLegacyKindSize())return null;let e=String(this.size);return t.TEXT_FONT_SIZE_MODIFIERS[e]||(console.warn(`[DtText] Unsupported size "${e}". Use a numeric font-size token.`),null)},getModifierClass(e,t,n){return e==null?null:t[e]||(console.warn(`[DtText] Unsupported ${n} "${e}".`),null)},getAlignClass(){return this.getModifierClass(this.align,t.TEXT_ALIGN_MODIFIERS,`align`)},getToneClass(){return this.getModifierClass(this.tone,t.TEXT_TONE_MODIFIERS,`tone`)},getWrapClass(){return this.getModifierClass(this.wrap,t.TEXT_WRAP_MODIFIERS,`wrap`)},getTextBoxTrimClass(){return this.getModifierClass(this.textBoxTrim,t.TEXT_BOX_TRIM_MODIFIERS,`textBoxTrim`)},getStrengthClass(){return this.getModifierClass(this.strength,t.TEXT_STRENGTH_MODIFIERS,`strength`)},getDensityClass(){return this.getModifierClass(this.density,t.TEXT_DENSITY_MODIFIERS,`density`)},getFamilyClass(){return this.getModifierClass(this.family,t.TEXT_FAMILY_MODIFIERS,`family`)}}};function c(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{"data-qa":`dt-text`,class:(0,n.normalizeClass)(o.textClasses),style:(0,n.normalizeStyle)(o.textStyles)},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`style`])}var l=e.t(s,[[`render`,c]]);exports.default=l,exports.resetHeadlineSemanticInfoFlag=o;
+//# sourceMappingURL=text.cjs.map

package/dist/lib/text/text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.cjs","names":[],"sources":["../../../components/Text/Text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    data-qa=\"dt-text\"\n    :class=\"textClasses\"\n    :style=\"textStyles\"\n  >\n    <!-- @slot Default slot for text content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport {\n  TEXT_KIND_MODIFIERS,\n  TEXT_VARIANT_MODIFIERS,\n  TEXT_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\n  TEXT_FONT_SIZE_MODIFIERS,\n  TEXT_FAMILY_MODIFIERS,\n  TEXT_ITALIC_CLASS,\n  TEXT_ALIGN_MODIFIERS,\n  TEXT_TONE_MODIFIERS,\n  TEXT_NUMERIC_CLASS,\n  TEXT_TRUNCATE_CLASS,\n  TEXT_LINE_CLAMP_CLASS,\n  TEXT_WRAP_MODIFIERS,\n  TEXT_BOX_TRIM_MODIFIERS,\n  TEXT_STRENGTH_MODIFIERS,\n  TEXT_DENSITY_MODIFIERS,\n} from './TextConstants';\n\nconst DEFAULT_SIZE = '300';\nconst SEMANTIC_HEADING_ELEMENTS = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n\n// Module-level flag to emit info only once per session\nlet hasEmittedHeadlineSemanticInfo = false;\n\n// Exported for testing purposes only\nexport const resetHeadlineSemanticInfoFlag = () => {\n  hasEmittedHeadlineSemanticInfo = false;\n};\n\n/**\n * Dialtone text primitive that applies typography tokens based on semantic props.\n * @see https://dialtone.dialpad.com/components/text.html\n */\nexport default {\n  name: 'DtText',\n\n  props: {\n    /**\n     * HTML tag or component used for rendering.\n     * @values span, p, h1, h2, h3, h4, h5, h6, label, div, component\n     */\n    as: {\n      type: String,\n      default: 'span',\n    },\n\n    /**\n     * Typography kind mapping to headline/body/label/code token sets.\n     * @values headline, body, label, code\n     * @deprecated Use variant instead\n     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Typography variant mapping to a complete token-backed composition.\n     * @values headline-3xl, headline-2xl, headline-xl, headline-lg, headline-md, headline-sm, headline-xs, body-lg, body-md, body-sm, body-xs, label-lg, label-md, label-sm, label-xs, code-lg, code-md, code-sm, code-xs\n     */\n    variant: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_VARIANT_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Raw font-size token. Must be paired with `variant` for overrides or legacy `kind` for composition size.\n     * @values 50, 75, 100, 125, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Overrides font-family. By default, no font-family class is emitted and text inherits naturally.\n     * @values inherit, custom, sans, mono, expressive\n     */\n    family: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_FAMILY_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Applies italic font style when true.\n     */\n    italic: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, info, info-strong, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Logical text alignment. Requires block/inline-block context.\n     * @values start, center, end, justify\n     */\n    align: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Enables single-line truncation (i.e. ellipsis) when true; requires block/inline-block context.\n     */\n    truncate: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Applies multi-line truncation (i.e. clamp) when greater than zero; requires block/inline-block context.\n     */\n    maxLines: {\n      type: Number,\n      default: null,\n      validator: (value) => {\n        return value === null || (Number.isInteger(value) && value > 0);\n      },\n    },\n\n    /**\n     * Renders numeric content with tabular figures.\n     */\n    numeric: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls text wrapping behavior.\n     * @values wrap, nowrap, balance, pretty\n     */\n    wrap: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Controls text-box-trim (leading space above/below text). Useful for tight component layouts.\n     * @values start, end, both\n     */\n    textBoxTrim: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Overrides font-weight. Applies to any kind/size combination.\n     * @values bold, semibold, medium, normal\n     */\n    strength: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value)\n        );\n      },\n    },\n\n    /**\n     * Overrides line-height. Applies to any kind/size combination.\n     * @values 100, 200, 300, 400, 500, 600\n     */\n    density: {\n      type: [String, Number],\n      default: null,\n      validator: (value) => {\n        return (\n          value === null ||\n          Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value)\n        );\n      },\n    },\n  },\n\n  computed: {\n    textClasses() {\n      const classes = ['d-text'];\n      const variantClass = this.getVariantClass();\n      if (variantClass) {\n        classes.push(variantClass);\n      }\n\n      const fontSizeClass = this.getFontSizeClass();\n      if (fontSizeClass) {\n        classes.push(fontSizeClass);\n      }\n\n      const familyClass = this.getFamilyClass();\n      if (familyClass) {\n        classes.push(familyClass);\n      }\n\n      if (this.italic) {\n        classes.push(TEXT_ITALIC_CLASS);\n      }\n\n      const alignClass = this.getAlignClass();\n      if (alignClass) {\n        classes.push(alignClass);\n      }\n\n      const toneClass = this.getToneClass();\n      if (toneClass) {\n        classes.push(toneClass);\n      }\n\n      if (this.truncate) {\n        classes.push(TEXT_TRUNCATE_CLASS);\n      }\n\n      if (this.numeric) {\n        classes.push(TEXT_NUMERIC_CLASS);\n      }\n\n      if (this.maxLines) {\n        classes.push(TEXT_LINE_CLAMP_CLASS);\n      }\n\n      const wrapClass = this.getWrapClass();\n      if (wrapClass) {\n        classes.push(wrapClass);\n      }\n\n      const textBoxTrimClass = this.getTextBoxTrimClass();\n      if (textBoxTrimClass) {\n        classes.push(textBoxTrimClass);\n      }\n\n      const strengthClass = this.getStrengthClass();\n      if (strengthClass) {\n        classes.push(strengthClass);\n      }\n\n      const densityClass = this.getDensityClass();\n      if (densityClass) {\n        classes.push(densityClass);\n      }\n\n      return classes;\n    },\n\n    textStyles() {\n      if (!this.maxLines) {\n        return undefined;\n      }\n\n      return {\n        '--dt-text-line-clamp': this.maxLines,\n      };\n    },\n  },\n\n  mounted() {\n    // Emit info once per session when headline is used without semantic heading element\n    if (\n      !hasEmittedHeadlineSemanticInfo &&\n      this.usesHeadlineVisualStyle() &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n      console.info(\n        '[DtText] A headline text style is used without a semantic heading element. ' +\n          'Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility.',\n      );\n      hasEmittedHeadlineSemanticInfo = true;\n    }\n  },\n\n  methods: {\n    usesHeadlineVisualStyle() {\n      if (this.variant) {\n        return this.variant.startsWith('headline-');\n      }\n\n      return this.kind === 'headline';\n    },\n\n    usesLegacyKindSize() {\n      return Boolean(this.kind && !this.variant);\n    },\n\n    getVariantClass() {\n      if (this.variant) {\n        return this.getModifierClass(\n          this.variant,\n          TEXT_VARIANT_MODIFIERS,\n          'variant',\n        );\n      }\n\n      if (!this.kind) {\n        return null;\n      }\n\n      if (\n        !Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)\n      ) {\n        console.warn(`[DtText] Unsupported kind \"${this.kind}\".`);\n        return null;\n      }\n\n      const allowedSizes = TEXT_SIZE_MODIFIERS[this.kind] || [];\n      const rawSize = this.size != null ? String(this.size) : null;\n      const requestedSize = rawSize || DEFAULT_SIZE;\n      let resolvedSize = requestedSize;\n\n      if (!allowedSizes.includes(requestedSize)) {\n        // Headline-only sizes (3xl, 2xl, xl, 500, 600, 700) throw an error when used with incompatible kinds\n        if (TEXT_HEADLINE_ONLY_SIZES.includes(requestedSize)) {\n          throw new Error(\n            `[DtText] size=\"${requestedSize}\" is only valid for kind=\"headline\". ` +\n              `Cannot use with kind=\"${this.kind}\".`,\n          );\n        }\n\n        // Universal sizes fall back gracefully with a warning\n        const fallbackSize = allowedSizes.includes(DEFAULT_SIZE)\n          ? DEFAULT_SIZE\n          : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(\n          `[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`,\n        );\n      }\n\n      if (!resolvedSize) {\n        return null;\n      }\n\n      // Map numeric sizes to t-shirt CSS class suffix\n      const cssSuffix = TEXT_SIZE_MAP[resolvedSize] || resolvedSize;\n      return `${TEXT_KIND_MODIFIERS[this.kind]}--${cssSuffix}`;\n    },\n\n    getFontSizeClass() {\n      if (this.size === null || this.size === undefined) {\n        return null;\n      }\n\n      if (!this.variant && !this.kind) {\n        console.warn(\n          '[DtText] size must be paired with variant or legacy kind. ' +\n            'Prefer variant for typography composition; use size only as a variant override.',\n        );\n        return null;\n      }\n\n      if (this.usesLegacyKindSize()) {\n        return null;\n      }\n\n      const size = String(this.size);\n      const className = TEXT_FONT_SIZE_MODIFIERS[size];\n      if (className) {\n        return className;\n      }\n\n      console.warn(\n        `[DtText] Unsupported size \"${size}\". Use a numeric font-size token.`,\n      );\n      return null;\n    },\n\n    getModifierClass(value, modifiers, propName) {\n      if (value === null || value === undefined) {\n        return null;\n      }\n\n      const className = modifiers[value];\n      if (!className) {\n        console.warn(`[DtText] Unsupported ${propName} \"${value}\".`);\n        return null;\n      }\n\n      return className;\n    },\n\n    getAlignClass() {\n      return this.getModifierClass(this.align, TEXT_ALIGN_MODIFIERS, 'align');\n    },\n\n    getToneClass() {\n      return this.getModifierClass(this.tone, TEXT_TONE_MODIFIERS, 'tone');\n    },\n\n    getWrapClass() {\n      return this.getModifierClass(this.wrap, TEXT_WRAP_MODIFIERS, 'wrap');\n    },\n\n    getTextBoxTrimClass() {\n      return this.getModifierClass(\n        this.textBoxTrim,\n        TEXT_BOX_TRIM_MODIFIERS,\n        'textBoxTrim',\n      );\n    },\n\n    getStrengthClass() {\n      return this.getModifierClass(\n        this.strength,\n        TEXT_STRENGTH_MODIFIERS,\n        'strength',\n      );\n    },\n\n    getDensityClass() {\n      return this.getModifierClass(\n        this.density,\n        TEXT_DENSITY_MODIFIERS,\n        'density',\n      );\n    },\n\n    getFamilyClass() {\n      return this.getModifierClass(\n        this.family,\n        TEXT_FAMILY_MODIFIERS,\n        'family',\n      );\n    },\n  },\n};\n</script>\n"],"mappings":"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"}