@dialpad/dialtone-vue 3.219.0 → 3.220.0-next.2

package/dist/lib/tab/tab.js

@@ -1,7 +1,6 @@
 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";
+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 },
@@ -37,12 +36,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 +74,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  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     * 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/tabs_constants.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" };
+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/tabs_constants.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_HEADLINE_ONLY_SIZES=e.TEXT_HEADLINE_ONLY_SIZES,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_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_HEADLINE_ONLY_SIZES as r, TEXT_KIND_MODIFIERS as i, TEXT_LINE_CLAMP_CLASS as a, TEXT_NUMERIC_CLASS as o, TEXT_SIZE_MODIFIERS as s, TEXT_STRENGTH_MODIFIERS as c, TEXT_TONE_MODIFIERS as l, TEXT_TRUNCATE_CLASS as u, TEXT_WRAP_MODIFIERS as d } from "./text-constants.js";
+import f from "./text.js";
+export { f as DtText, e as TEXT_ALIGN_MODIFIERS, t as TEXT_BOX_TRIM_MODIFIERS, n as TEXT_DENSITY_MODIFIERS, r as TEXT_HEADLINE_ONLY_SIZES, i as TEXT_KIND_MODIFIERS, a as TEXT_LINE_CLAMP_CLASS, o as TEXT_NUMERIC_CLASS, s as TEXT_SIZE_MODIFIERS, c as TEXT_STRENGTH_MODIFIERS, l as TEXT_TONE_MODIFIERS, u as TEXT_TRUNCATE_CLASS, d 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:[`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`]},n=[`700`,`600`,`500`,`3xl`,`2xl`,`xl`],r={100:`xs`,200:`sm`,300:`md`,400:`lg`,500:`xl`,600:`2xl`,700:`3xl`},i={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`,"neutral-black":`d-text--tone-neutral-black`,"neutral-white":`d-text--tone-neutral-white`},a={start:`d-text--align-start`,center:`d-text--align-center`,end:`d-text--align-end`,justify:`d-text--align-justify`},o=`d-text--numeric`,s=`d-truncate`,c=`d-text--clamp`,l={wrap:`d-text--wrap-wrap`,nowrap:`d-text--wrap-nowrap`,balance:`d-text--wrap-balance`,pretty:`d-text--wrap-pretty`},u={start:`d-text--trim-start`,end:`d-text--trim-end`,both:`d-text--trim-both`},d={bold:`d-text--fw-bold`,semibold:`d-text--fw-semibold`,medium:`d-text--fw-medium`,normal:`d-text--fw-normal`},f={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`},p={TEXT_KIND_MODIFIERS:e,TEXT_SIZE_MODIFIERS:t,TEXT_HEADLINE_ONLY_SIZES:n,TEXT_TONE_MODIFIERS:i,TEXT_ALIGN_MODIFIERS:a,TEXT_NUMERIC_CLASS:o,TEXT_TRUNCATE_CLASS:s,TEXT_LINE_CLAMP_CLASS:c,TEXT_WRAP_MODIFIERS:l,TEXT_BOX_TRIM_MODIFIERS:u,TEXT_STRENGTH_MODIFIERS:d,TEXT_DENSITY_MODIFIERS:f};exports.TEXT_ALIGN_MODIFIERS=a,exports.TEXT_BOX_TRIM_MODIFIERS=u,exports.TEXT_DENSITY_MODIFIERS=f,exports.TEXT_HEADLINE_ONLY_SIZES=n,exports.TEXT_KIND_MODIFIERS=e,exports.TEXT_LINE_CLAMP_CLASS=c,exports.TEXT_NUMERIC_CLASS=o,exports.TEXT_SIZE_MAP=r,exports.TEXT_SIZE_MODIFIERS=t,exports.TEXT_STRENGTH_MODIFIERS=d,exports.TEXT_TONE_MODIFIERS=i,exports.TEXT_TRUNCATE_CLASS=s,exports.TEXT_WRAP_MODIFIERS=l,exports.default=p;
+//# 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/text_constants.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_SIZE_MODIFIERS = {\n  headline: ['700', '600', '500', '400', '300', '200', '100', '3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\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 = ['700', '600', '500', '3xl', '2xl', 'xl'];\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_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  '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_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\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,EAAsB,CACjC,SAAU,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,KAAM,KAAM,KAAM,KAAM,KAAK,CACvG,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,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,KAAK,CAGpE,EAAgB,CAC3B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,MACL,IAAK,MACN,CAEY,EAAsB,CACjC,QAAW,uBACX,UAAa,yBACb,SAAY,wBACZ,MAAS,qBACT,SAAY,wBACZ,YAAe,2BACf,SAAY,wBACZ,kBAAmB,+BACnB,SAAY,wBACZ,kBAAmB,+BACnB,QAAW,uBACX,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,sBACA,2BACA,sBACA,uBACA,qBACA,sBACA,wBACA,sBACA,0BACA,0BACA,yBACD"}

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

@@ -0,0 +1,126 @@
+//#region components/text/text_constants.js
+var e = {
+	headline: "d-text-headline",
+	body: "d-text-body",
+	label: "d-text-label",
+	code: "d-text-code"
+}, t = {
+	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"
+	]
+}, n = [
+	"700",
+	"600",
+	"500",
+	"3xl",
+	"2xl",
+	"xl"
+], r = {
+	100: "xs",
+	200: "sm",
+	300: "md",
+	400: "lg",
+	500: "xl",
+	600: "2xl",
+	700: "3xl"
+}, i = {
+	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",
+	"neutral-black": "d-text--tone-neutral-black",
+	"neutral-white": "d-text--tone-neutral-white"
+}, a = {
+	start: "d-text--align-start",
+	center: "d-text--align-center",
+	end: "d-text--align-end",
+	justify: "d-text--align-justify"
+}, o = "d-text--numeric", s = "d-truncate", c = "d-text--clamp", l = {
+	wrap: "d-text--wrap-wrap",
+	nowrap: "d-text--wrap-nowrap",
+	balance: "d-text--wrap-balance",
+	pretty: "d-text--wrap-pretty"
+}, u = {
+	start: "d-text--trim-start",
+	end: "d-text--trim-end",
+	both: "d-text--trim-both"
+}, d = {
+	bold: "d-text--fw-bold",
+	semibold: "d-text--fw-semibold",
+	medium: "d-text--fw-medium",
+	normal: "d-text--fw-normal"
+}, f = {
+	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"
+}, p = {
+	TEXT_KIND_MODIFIERS: e,
+	TEXT_SIZE_MODIFIERS: t,
+	TEXT_HEADLINE_ONLY_SIZES: n,
+	TEXT_TONE_MODIFIERS: i,
+	TEXT_ALIGN_MODIFIERS: a,
+	TEXT_NUMERIC_CLASS: o,
+	TEXT_TRUNCATE_CLASS: s,
+	TEXT_LINE_CLAMP_CLASS: c,
+	TEXT_WRAP_MODIFIERS: l,
+	TEXT_BOX_TRIM_MODIFIERS: u,
+	TEXT_STRENGTH_MODIFIERS: d,
+	TEXT_DENSITY_MODIFIERS: f
+};
+//#endregion
+export { a as TEXT_ALIGN_MODIFIERS, u as TEXT_BOX_TRIM_MODIFIERS, f as TEXT_DENSITY_MODIFIERS, n as TEXT_HEADLINE_ONLY_SIZES, e as TEXT_KIND_MODIFIERS, c as TEXT_LINE_CLAMP_CLASS, o as TEXT_NUMERIC_CLASS, r as TEXT_SIZE_MAP, t as TEXT_SIZE_MODIFIERS, d as TEXT_STRENGTH_MODIFIERS, i as TEXT_TONE_MODIFIERS, s as TEXT_TRUNCATE_CLASS, l as TEXT_WRAP_MODIFIERS, p 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/text_constants.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_SIZE_MODIFIERS = {\n  headline: ['700', '600', '500', '400', '300', '200', '100', '3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'],\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 = ['700', '600', '500', '3xl', '2xl', 'xl'];\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_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  '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_SIZE_MODIFIERS,\n  TEXT_HEADLINE_ONLY_SIZES,\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,IAAsB;CACjC,UAAU;EAAC;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAO;EAAM;EAAM;EAAM;EAAM;EAAK;CACvG,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;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAK,EAGpE,IAAgB;CAC3B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAEY,IAAsB;CACjC,SAAW;CACX,WAAa;CACb,UAAY;CACZ,OAAS;CACT,UAAY;CACZ,aAAe;CACf,UAAY;CACZ,mBAAmB;CACnB,UAAY;CACZ,mBAAmB;CACnB,SAAW;CACX,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;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={compatConfig:{MODE:3},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)},size:{type:[String,Number],default:null},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.getAlignClass();r&&e.push(r);let i=this.getToneClass();i&&e.push(i),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 a=this.getWrapClass();a&&e.push(a);let o=this.getTextBoxTrimClass();o&&e.push(o);let s=this.getStrengthClass();s&&e.push(s);let c=this.getDensityClass();return c&&e.push(c),e},textStyles(){if(this.maxLines)return{"--dt-text-line-clamp":this.maxLines}}},mounted(){!a&&this.kind===`headline`&&!i.includes(this.as)&&(console.info(`[DtText] kind="headline" is used without a semantic heading element. Consider using as="h1|h2|h3|h4|h5|h6" for better accessibility.`),a=!0)},methods:{getVariantClass(){if(!this.kind)return this.size&&console.warn(`[DtText] size prop has no effect without kind. Set kind="headline|body|label|code".`),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}`},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`)}}};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_SIZE_MODIFIERS,\n  TEXT_SIZE_MAP,\n  TEXT_HEADLINE_ONLY_SIZES,\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 './text_constants';\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  compatConfig: { MODE: 3 },\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     */\n    kind: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, value);\n      },\n    },\n\n    /**\n     * Size variant within the selected `kind`. Falls back to `md`/300 if unsupported.\n     * Headline supports all sizes; body/label/code support 100-400.\n     * @values 100, 200, 300, 400, 500, 600, 700\n     */\n    size: {\n      type: [String, Number],\n      default: null,\n    },\n\n    /**\n     * Semantic foreground color.\n     * @values primary, secondary, tertiary, muted, disabled, placeholder, critical, critical-strong, positive, positive-strong, warning, neutral-black, neutral-white\n     */\n    tone: {\n      type: String,\n      default: null,\n      validator: (value) => {\n        return value === null || Object.prototype.hasOwnProperty.call(TEXT_TONE_MODIFIERS, value);\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 value === null || Object.prototype.hasOwnProperty.call(TEXT_ALIGN_MODIFIERS, value);\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 value === null || Object.prototype.hasOwnProperty.call(TEXT_WRAP_MODIFIERS, value);\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 value === null || Object.prototype.hasOwnProperty.call(TEXT_BOX_TRIM_MODIFIERS, value);\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 value === null || Object.prototype.hasOwnProperty.call(TEXT_STRENGTH_MODIFIERS, value);\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 value === null || Object.prototype.hasOwnProperty.call(TEXT_DENSITY_MODIFIERS, value);\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 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.kind === 'headline' &&\n      !SEMANTIC_HEADING_ELEMENTS.includes(this.as)\n    ) {\n\n      console.info(\n        '[DtText] kind=\"headline\" 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    getVariantClass () {\n      if (!this.kind) {\n        if (this.size) {\n          console.warn('[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\".');\n        }\n        return null;\n      }\n\n      if (!Object.prototype.hasOwnProperty.call(TEXT_KIND_MODIFIERS, this.kind)) {\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) ? DEFAULT_SIZE : allowedSizes[0];\n        if (fallbackSize) {\n          resolvedSize = fallbackSize;\n        }\n        console.warn(`[DtText] size=\"${requestedSize}\" is not valid for kind=\"${this.kind}\". Using \"${resolvedSize}\" instead.`);\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    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(this.textBoxTrim, TEXT_BOX_TRIM_MODIFIERS, 'textBoxTrim');\n    },\n\n    getStrengthClass () {\n      return this.getModifierClass(this.strength, TEXT_STRENGTH_MODIFIERS, 'strength');\n    },\n\n    getDensityClass () {\n      return this.getModifierClass(this.density, TEXT_DENSITY_MODIFIERS, 'density');\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/text/text.js

@@ -0,0 +1,150 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { TEXT_ALIGN_MODIFIERS as t, TEXT_BOX_TRIM_MODIFIERS as n, TEXT_DENSITY_MODIFIERS as r, TEXT_HEADLINE_ONLY_SIZES as i, TEXT_KIND_MODIFIERS as a, TEXT_LINE_CLAMP_CLASS as o, TEXT_NUMERIC_CLASS as s, TEXT_SIZE_MAP as c, TEXT_SIZE_MODIFIERS as l, TEXT_STRENGTH_MODIFIERS as u, TEXT_TONE_MODIFIERS as d, TEXT_TRUNCATE_CLASS as f, TEXT_WRAP_MODIFIERS as p } from "./text-constants.js";
+import { createBlock as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, withCtx as b } from "vue";
+//#region components/text/text.vue
+var x = "300", S = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+], C = !1, w = () => {
+	C = !1;
+}, T = {
+	compatConfig: { MODE: 3 },
+	name: "DtText",
+	props: {
+		as: {
+			type: String,
+			default: "span"
+		},
+		kind: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(a, e)
+		},
+		size: {
+			type: [String, Number],
+			default: null
+		},
+		tone: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(d, e)
+		},
+		align: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(t, 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(p, e)
+		},
+		textBoxTrim: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(n, e)
+		},
+		strength: {
+			type: String,
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(u, e)
+		},
+		density: {
+			type: [String, Number],
+			default: null,
+			validator: (e) => e === null || Object.prototype.hasOwnProperty.call(r, e)
+		}
+	},
+	computed: {
+		textClasses() {
+			let e = ["d-text"], t = this.getVariantClass();
+			t && e.push(t);
+			let n = this.getAlignClass();
+			n && e.push(n);
+			let r = this.getToneClass();
+			r && e.push(r), this.truncate && e.push(f), this.numeric && e.push(s), this.maxLines && e.push(o);
+			let i = this.getWrapClass();
+			i && e.push(i);
+			let a = this.getTextBoxTrimClass();
+			a && e.push(a);
+			let c = this.getStrengthClass();
+			c && e.push(c);
+			let l = this.getDensityClass();
+			return l && e.push(l), e;
+		},
+		textStyles() {
+			if (this.maxLines) return { "--dt-text-line-clamp": this.maxLines };
+		}
+	},
+	mounted() {
+		!C && this.kind === "headline" && !S.includes(this.as) && (console.info("[DtText] kind=\"headline\" is used without a semantic heading element. Consider using as=\"h1|h2|h3|h4|h5|h6\" for better accessibility."), C = !0);
+	},
+	methods: {
+		getVariantClass() {
+			if (!this.kind) return this.size && console.warn("[DtText] size prop has no effect without kind. Set kind=\"headline|body|label|code\"."), null;
+			if (!Object.prototype.hasOwnProperty.call(a, this.kind)) return console.warn(`[DtText] Unsupported kind "${this.kind}".`), null;
+			let e = l[this.kind] || [], t = (this.size == null ? null : String(this.size)) || x, n = t;
+			if (!e.includes(t)) {
+				if (i.includes(t)) throw Error(`[DtText] size="${t}" is only valid for kind="headline". Cannot use with kind="${this.kind}".`);
+				let r = e.includes(x) ? x : e[0];
+				r && (n = r), console.warn(`[DtText] size="${t}" is not valid for kind="${this.kind}". Using "${n}" instead.`);
+			}
+			if (!n) return null;
+			let r = c[n] || n;
+			return `${a[this.kind]}--${r}`;
+		},
+		getModifierClass(e, t, n) {
+			return e == null ? null : t[e] || (console.warn(`[DtText] Unsupported ${n} "${e}".`), null);
+		},
+		getAlignClass() {
+			return this.getModifierClass(this.align, t, "align");
+		},
+		getToneClass() {
+			return this.getModifierClass(this.tone, d, "tone");
+		},
+		getWrapClass() {
+			return this.getModifierClass(this.wrap, p, "wrap");
+		},
+		getTextBoxTrimClass() {
+			return this.getModifierClass(this.textBoxTrim, n, "textBoxTrim");
+		},
+		getStrengthClass() {
+			return this.getModifierClass(this.strength, u, "strength");
+		},
+		getDensityClass() {
+			return this.getModifierClass(this.density, r, "density");
+		}
+	}
+};
+function E(e, t, n, r, i, a) {
+	return _(), m(y(n.as), {
+		"data-qa": "dt-text",
+		class: h(a.textClasses),
+		style: g(a.textStyles)
+	}, {
+		default: b(() => [v(e.$slots, "default")]),
+		_: 3
+	}, 8, ["class", "style"]);
+}
+var D = /* @__PURE__ */ e(T, [["render", E]]);
+//#endregion
+export { D as default, w as resetHeadlineSemanticInfoFlag };
+
+//# sourceMappingURL=text.js.map