@dialpad/dialtone-vue 3.222.0-next.2 → 3.222.0

package/dist/common/composables/use-indicator-animation.js

@@ -1,78 +0,0 @@
-import { onBeforeUnmount as e, onMounted as t, unref as n } from "vue";
-//#region common/composables/useIndicatorAnimation.js
-function r(r, i, a) {
-	let o = {
-		indicator: null,
-		hideNative: null
-	}, s = 200, c = "ease", l = !1;
-	t(() => {
-		let e = typeof r == "function" ? r() : n(r), t = e?.$el || e;
-		if (!t) return;
-		let o = getComputedStyle(t);
-		s = parseInt(o.getPropertyValue(i), 10) || 200, c = o.getPropertyValue(a).trim() || "ease";
-		let u = typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		l = typeof t.animate == "function" && !u;
-	}), e(() => {
-		f();
-	});
-	function u(e) {
-		if (!l) return null;
-		let t = typeof r == "function" ? r() : n(r), i = (t?.$el || t)?.querySelector(e);
-		if (!i) return null;
-		let a = getComputedStyle(i);
-		return {
-			rect: i.getBoundingClientRect(),
-			style: {
-				borderColor: a.borderColor,
-				borderWidth: a.borderWidth,
-				backgroundColor: a.backgroundColor
-			},
-			el: i
-		};
-	}
-	function d({ oldRect: e, newEl: t, orientation: n, hideProps: r, indicatorExtra: i = {}, pseudoElement: a }) {
-		if (!l) return;
-		f();
-		let u = t.getBoundingClientRect(), d = n === "vertical", p = d ? u.width : u.height;
-		if (Math.abs(d ? e.left - u.left : e.top - u.top) > p / 2) return;
-		let m = d ? e.top + e.height / 2 - (u.top + u.height / 2) : e.left + e.width / 2 - (u.left + u.width / 2);
-		if (m === 0) return;
-		let h = d ? `0 ${m}px` : `${m}px 0`, g = d ? `1 ${e.height / u.height}` : `${e.width / u.width} 1`, _ = {
-			duration: s,
-			easing: c
-		};
-		o.hideNative = t.animate([r, r], {
-			..._,
-			fill: "forwards"
-		}), o.indicator = t.animate([{
-			translate: h,
-			scale: g,
-			...i
-		}, {
-			translate: "0 0",
-			scale: "1 1",
-			...i
-		}], {
-			..._,
-			pseudoElement: a
-		}), o.indicator.onfinish = () => {
-			o.hideNative?.cancel();
-		};
-	}
-	function f() {
-		o.indicator && (o.indicator.onfinish = null, o.indicator.cancel()), o.hideNative && (o.hideNative.onfinish = null, o.hideNative.cancel());
-	}
-	function p() {
-		return l;
-	}
-	return {
-		animate: d,
-		cancel: f,
-		canAnimate: p,
-		snapshot: u
-	};
-}
-//#endregion
-export { r as useIndicatorAnimation };
-
-//# sourceMappingURL=use-indicator-animation.js.map

package/dist/common/composables/use-indicator-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-indicator-animation.js","names":[],"sources":["../../../common/composables/useIndicatorAnimation.js"],"sourcesContent":["import { onMounted, onBeforeUnmount, unref } from 'vue';\n\n/**\n * Composable for \"traveling indicator\" animations.\n * Uses FLIP technique + Web Animations API to slide a selection indicator\n * (pseudo-element) from the old selected element to the new one.\n *\n * @param {import('vue').Ref|Function} containerRef - template ref or getter for the container element\n * @param {string} durationVar - CSS variable name for duration (e.g. '--tab-indicator-duration')\n * @param {string} easingVar - CSS variable name for easing (e.g. '--tab-indicator-easing')\n */\nexport function useIndicatorAnimation (containerRef, durationVar, easingVar) {\n  const state = { indicator: null, hideNative: null };\n  let duration = 200;\n  let easing = 'ease';\n  let supported = false;\n\n  onMounted(() => {\n    const el = typeof containerRef === 'function' ? containerRef() : unref(containerRef);\n    const resolvedEl = el?.$el || el;\n    if (!resolvedEl) return;\n\n    // Cache config from CSS custom properties\n    const style = getComputedStyle(resolvedEl);\n    duration = parseInt(style.getPropertyValue(durationVar), 10) || 200;\n    easing = style.getPropertyValue(easingVar).trim() || 'ease';\n\n    // Feature detection: WAAPI + prefers-reduced-motion\n    const prefersReducedMotion = typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    supported = typeof resolvedEl.animate === 'function' && !prefersReducedMotion;\n  });\n\n  onBeforeUnmount(() => { cancel(); });\n\n  /**\n   * Capture a snapshot of an element's position and computed style.\n   * @param {string} selector - CSS selector to find the element within the container\n   * @returns {{ rect: DOMRect, style: CSSStyleDeclaration, el: HTMLElement }|null}\n   */\n  function snapshot (selector) {\n    if (!supported) return null;\n    const container = typeof containerRef === 'function' ? containerRef() : unref(containerRef);\n    const containerEl = container?.$el || container;\n    const el = containerEl?.querySelector(selector);\n    if (!el) return null;\n    const cs = getComputedStyle(el);\n    return {\n      rect: el.getBoundingClientRect(),\n      style: { borderColor: cs.borderColor, borderWidth: cs.borderWidth, backgroundColor: cs.backgroundColor },\n      el,\n    };\n  }\n\n  /**\n   * Animate an indicator from oldRect to newEl's current position.\n   * @param {object} options\n   * @param {DOMRect} options.oldRect - bounding rect of the previously selected element\n   * @param {HTMLElement} options.newEl - the newly selected element\n   * @param {string} options.orientation - 'horizontal' or 'vertical'\n   * @param {object} options.hideProps - properties to suppress on newEl during animation\n   * @param {object} [options.indicatorExtra] - additional CSS properties for the indicator pseudo\n   * @param {string} options.pseudoElement - '::before' or '::after'\n   */\n  function animate ({ oldRect, newEl, orientation, hideProps, indicatorExtra = {}, pseudoElement }) {\n    if (!supported) return;\n    cancel();\n\n    const newRect = newEl.getBoundingClientRect();\n    const isVertical = orientation === 'vertical';\n\n    // Skip if elements are on different rows/columns (e.g. wrapped tabs).\n    // Use half the element's cross-axis size as threshold — items on the same\n    // row/column may differ slightly due to sub-pixel rounding or varying widths.\n    const crossAxisSize = isVertical ? newRect.width : newRect.height;\n    const crossAxisDelta = isVertical\n      ? Math.abs(oldRect.left - newRect.left)\n      : Math.abs(oldRect.top - newRect.top);\n    if (crossAxisDelta > crossAxisSize / 2) return;\n\n    // Center-to-center delta so scale from center aligns both edges\n    const delta = isVertical\n      ? (oldRect.top + oldRect.height / 2) - (newRect.top + newRect.height / 2)\n      : (oldRect.left + oldRect.width / 2) - (newRect.left + newRect.width / 2);\n    if (delta === 0) return;\n\n    const from = isVertical ? `0 ${delta}px` : `${delta}px 0`;\n    const scale = isVertical\n      ? `1 ${oldRect.height / newRect.height}`\n      : `${oldRect.width / newRect.width} 1`;\n\n    const opts = { duration, easing };\n    state.hideNative = newEl.animate(\n      [hideProps, hideProps], { ...opts, fill: 'forwards' },\n    );\n    state.indicator = newEl.animate(\n      [{ translate: from, scale, ...indicatorExtra },\n        { translate: '0 0', scale: '1 1', ...indicatorExtra }],\n      { ...opts, pseudoElement },\n    );\n    state.indicator.onfinish = () => { state.hideNative?.cancel(); };\n  }\n\n  function cancel () {\n    if (state.indicator) {\n      state.indicator.onfinish = null;\n      state.indicator.cancel();\n    }\n    if (state.hideNative) {\n      state.hideNative.onfinish = null;\n      state.hideNative.cancel();\n    }\n  }\n\n  function canAnimate () {\n    return supported;\n  }\n\n  return { animate, cancel, canAnimate, snapshot };\n}\n"],"mappings":";;AAWA,SAAgB,EAAuB,GAAc,GAAa,GAAW;CAC3E,IAAM,IAAQ;EAAE,WAAW;EAAM,YAAY;EAAM,EAC/C,IAAW,KACX,IAAS,QACT,IAAY;AAkBhB,CAhBA,QAAgB;EACd,IAAM,IAAK,OAAO,KAAiB,aAAa,GAAc,GAAG,EAAM,EAAa,EAC9E,IAAa,GAAI,OAAO;AAC9B,MAAI,CAAC,EAAY;EAGjB,IAAM,IAAQ,iBAAiB,EAAW;AAE1C,EADA,IAAW,SAAS,EAAM,iBAAiB,EAAY,EAAE,GAAG,IAAI,KAChE,IAAS,EAAM,iBAAiB,EAAU,CAAC,MAAM,IAAI;EAGrD,IAAM,IAAuB,OAAO,OAAO,cAAe,cACxD,OAAO,WAAW,mCAAmC,CAAC;AACxD,MAAY,OAAO,EAAW,WAAY,cAAc,CAAC;GACzD,EAEF,QAAsB;AAAE,KAAQ;GAAI;CAOpC,SAAS,EAAU,GAAU;AAC3B,MAAI,CAAC,EAAW,QAAO;EACvB,IAAM,IAAY,OAAO,KAAiB,aAAa,GAAc,GAAG,EAAM,EAAa,EAErF,KADc,GAAW,OAAO,IACd,cAAc,EAAS;AAC/C,MAAI,CAAC,EAAI,QAAO;EAChB,IAAM,IAAK,iBAAiB,EAAG;AAC/B,SAAO;GACL,MAAM,EAAG,uBAAuB;GAChC,OAAO;IAAE,aAAa,EAAG;IAAa,aAAa,EAAG;IAAa,iBAAiB,EAAG;IAAiB;GACxG;GACD;;CAaH,SAAS,EAAS,EAAE,YAAS,UAAO,gBAAa,cAAW,oBAAiB,EAAE,EAAE,oBAAiB;AAChG,MAAI,CAAC,EAAW;AAChB,KAAQ;EAER,IAAM,IAAU,EAAM,uBAAuB,EACvC,IAAa,MAAgB,YAK7B,IAAgB,IAAa,EAAQ,QAAQ,EAAQ;AAI3D,MAFI,KAAK,IADc,IACV,EAAQ,OAAO,EAAQ,OACvB,EAAQ,MAAM,EAAQ,IAAI,GAClB,IAAgB,EAAG;EAGxC,IAAM,IAAQ,IACT,EAAQ,MAAM,EAAQ,SAAS,KAAM,EAAQ,MAAM,EAAQ,SAAS,KACpE,EAAQ,OAAO,EAAQ,QAAQ,KAAM,EAAQ,OAAO,EAAQ,QAAQ;AACzE,MAAI,MAAU,EAAG;EAEjB,IAAM,IAAO,IAAa,KAAK,EAAM,MAAM,GAAG,EAAM,OAC9C,IAAQ,IACV,KAAK,EAAQ,SAAS,EAAQ,WAC9B,GAAG,EAAQ,QAAQ,EAAQ,MAAM,KAE/B,IAAO;GAAE;GAAU;GAAQ;AASjC,EARA,EAAM,aAAa,EAAM,QACvB,CAAC,GAAW,EAAU,EAAE;GAAE,GAAG;GAAM,MAAM;GAAY,CACtD,EACD,EAAM,YAAY,EAAM,QACtB,CAAC;GAAE,WAAW;GAAM;GAAO,GAAG;GAAgB,EAC5C;GAAE,WAAW;GAAO,OAAO;GAAO,GAAG;GAAgB,CAAC,EACxD;GAAE,GAAG;GAAM;GAAe,CAC3B,EACD,EAAM,UAAU,iBAAiB;AAAE,KAAM,YAAY,QAAQ;;;CAG/D,SAAS,IAAU;AAKjB,EAJI,EAAM,cACR,EAAM,UAAU,WAAW,MAC3B,EAAM,UAAU,QAAQ,GAEtB,EAAM,eACR,EAAM,WAAW,WAAW,MAC5B,EAAM,WAAW,QAAQ;;CAI7B,SAAS,IAAc;AACrB,SAAO;;AAGT,QAAO;EAAE;EAAS;EAAQ;EAAY;EAAU"}

package/dist/common/composables/useIndicatorAnimation.d.ts

@@ -1,18 +0,0 @@
-export function useIndicatorAnimation(containerRef: import('vue').Ref | Function, durationVar: string, easingVar: string): {
-    animate: ({ oldRect, newEl, orientation, hideProps, indicatorExtra, pseudoElement }: {
-        oldRect: DOMRect;
-        newEl: HTMLElement;
-        orientation: string;
-        hideProps: object;
-        indicatorExtra?: object | undefined;
-        pseudoElement: string;
-    }) => void;
-    cancel: () => void;
-    canAnimate: () => boolean;
-    snapshot: (selector: string) => {
-        rect: DOMRect;
-        style: CSSStyleDeclaration;
-        el: HTMLElement;
-    } | null;
-};
-//# sourceMappingURL=useIndicatorAnimation.d.ts.map

package/dist/common/composables/useIndicatorAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIndicatorAnimation.d.ts","sourceRoot":"","sources":["../../../common/composables/useIndicatorAnimation.js"],"names":[],"mappings":"AAWA,oDAJW,OAAO,KAAK,EAAE,GAAG,WAAS,eAC1B,MAAM,aACN,MAAM;yFAgDZ;QAAyB,OAAO,EAAxB,OAAO;QACc,KAAK,EAA1B,WAAW;QACK,WAAW,EAA3B,MAAM;QACU,SAAS,EAAzB,MAAM;QACW,cAAc;QACf,aAAa,EAA7B,MAAM;KAChB;;;yBA1BU,MAAM,KACJ;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,mBAAmB,CAAC;QAAC,EAAE,EAAE,WAAW,CAAA;KAAE,GAAC,IAAI;EAiFjF"}

package/dist/common/constants/layout.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=`0.1px.2px.8px.25.20px.24px.50.75.100.125.150.175.200.250.300.350.400.450.500.550.600.650.700.750.800.850.900.950.1000.1050.1100.1150.1200.1250.1300.1350.1400.1450.1500.1550.1600`.split(`.`),t=[`10p`,`20p`,`25p`,`30p`,`33p`,`40p`,`50p`,`60p`,`66p`,`70p`,`75p`,`80p`,`90p`,`95p`,`100p`],n=[...e,...t],r={LAYOUT_SIZE_VALUES:e,LAYOUT_PERCENT_VALUES:t,LAYOUT_VALUES:n};exports.LAYOUT_PERCENT_VALUES=t,exports.LAYOUT_SIZE_VALUES=e,exports.LAYOUT_VALUES=n,exports.default=r;
-//# sourceMappingURL=layout.cjs.map

package/dist/common/constants/layout.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.cjs","names":[],"sources":["../../../common/constants/layout.js"],"sourcesContent":["/**\n * Layout sizing values accepted by Vue sizing props.\n * Includes 0, which resolves to raw CSS 0 rather than a --dt-layout-* token.\n * Remaining values must stay in sync with LAYOUT_STOPS in\n * packages/dialtone-css/postcss/constants.cjs.\n *\n * Non-zero bare integers are scale-indexed on the 64px layout base:\n * value_in_px = stop * 64 / 100.\n * '*px' values are literal off-scale pixel exceptions.\n * @type {string[]}\n */\nexport const LAYOUT_SIZE_VALUES = [\n  '0',\n  '1px', '2px', '8px', '25', '20px', '24px', '50', '75', '100', '125', '150',\n  '175', '200', '250', '300', '350', '400', '450', '500', '550', '600', '650',\n  '700', '750', '800', '850', '900', '950', '1000', '1050', '1100', '1150',\n  '1200', '1250', '1300', '1350', '1400', '1450', '1500', '1550', '1600',\n];\n\n/**\n * Percentage layout values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_PERCENT_VALUES = [\n  '10p', '20p', '25p', '30p', '33p', '40p', '50p',\n  '60p', '66p', '70p', '75p', '80p', '90p', '95p', '100p',\n];\n\n/**\n * Layout token and percentage values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_VALUES = [\n  ...LAYOUT_SIZE_VALUES,\n  ...LAYOUT_PERCENT_VALUES,\n];\n\nexport default {\n  LAYOUT_SIZE_VALUES,\n  LAYOUT_PERCENT_VALUES,\n  LAYOUT_VALUES,\n};\n"],"mappings":"+FAWA,IAAa,EAAqB,8LAMjC,CAMY,EAAwB,CACnC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAC1C,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OAClD,CAMY,EAAgB,CAC3B,GAAG,EACH,GAAG,EACJ,CAED,EAAe,CACb,qBACA,wBACA,gBACD"}

package/dist/common/constants/layout.d.ts

@@ -1,10 +0,0 @@
-export const LAYOUT_SIZE_VALUES: string[];
-export const LAYOUT_PERCENT_VALUES: string[];
-export const LAYOUT_VALUES: string[];
-declare namespace _default {
-    export { LAYOUT_SIZE_VALUES };
-    export { LAYOUT_PERCENT_VALUES };
-    export { LAYOUT_VALUES };
-}
-export default _default;
-//# sourceMappingURL=layout.d.ts.map

package/dist/common/constants/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../common/constants/layout.js"],"names":[],"mappings":"AAWA,iCAFU,MAAM,EAAE,CAQhB;AAMF,oCAFU,MAAM,EAAE,CAKhB;AAMF,4BAFU,MAAM,EAAE,CAKhB"}

package/dist/common/constants/layout.js

@@ -1,26 +0,0 @@
-//#region common/constants/layout.js
-var e = /* @__PURE__ */ "0.1px.2px.8px.25.20px.24px.50.75.100.125.150.175.200.250.300.350.400.450.500.550.600.650.700.750.800.850.900.950.1000.1050.1100.1150.1200.1250.1300.1350.1400.1450.1500.1550.1600".split("."), t = [
-	"10p",
-	"20p",
-	"25p",
-	"30p",
-	"33p",
-	"40p",
-	"50p",
-	"60p",
-	"66p",
-	"70p",
-	"75p",
-	"80p",
-	"90p",
-	"95p",
-	"100p"
-], n = [...e, ...t], r = {
-	LAYOUT_SIZE_VALUES: e,
-	LAYOUT_PERCENT_VALUES: t,
-	LAYOUT_VALUES: n
-};
-//#endregion
-export { t as LAYOUT_PERCENT_VALUES, e as LAYOUT_SIZE_VALUES, n as LAYOUT_VALUES, r as default };
-
-//# sourceMappingURL=layout.js.map

package/dist/common/constants/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../../common/constants/layout.js"],"sourcesContent":["/**\n * Layout sizing values accepted by Vue sizing props.\n * Includes 0, which resolves to raw CSS 0 rather than a --dt-layout-* token.\n * Remaining values must stay in sync with LAYOUT_STOPS in\n * packages/dialtone-css/postcss/constants.cjs.\n *\n * Non-zero bare integers are scale-indexed on the 64px layout base:\n * value_in_px = stop * 64 / 100.\n * '*px' values are literal off-scale pixel exceptions.\n * @type {string[]}\n */\nexport const LAYOUT_SIZE_VALUES = [\n  '0',\n  '1px', '2px', '8px', '25', '20px', '24px', '50', '75', '100', '125', '150',\n  '175', '200', '250', '300', '350', '400', '450', '500', '550', '600', '650',\n  '700', '750', '800', '850', '900', '950', '1000', '1050', '1100', '1150',\n  '1200', '1250', '1300', '1350', '1400', '1450', '1500', '1550', '1600',\n];\n\n/**\n * Percentage layout values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_PERCENT_VALUES = [\n  '10p', '20p', '25p', '30p', '33p', '40p', '50p',\n  '60p', '66p', '70p', '75p', '80p', '90p', '95p', '100p',\n];\n\n/**\n * Layout token and percentage values accepted by DtBox layout props.\n * @type {string[]}\n */\nexport const LAYOUT_VALUES = [\n  ...LAYOUT_SIZE_VALUES,\n  ...LAYOUT_PERCENT_VALUES,\n];\n\nexport default {\n  LAYOUT_SIZE_VALUES,\n  LAYOUT_PERCENT_VALUES,\n  LAYOUT_VALUES,\n};\n"],"mappings":";AAWA,IAAa,IAAqB,8MAMjC,EAMY,IAAwB;CACnC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAC1C;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAClD,EAMY,IAAgB,CAC3B,GAAG,GACH,GAAG,EACJ,EAED,IAAe;CACb;CACA;CACA;CACD"}

package/dist/common/constants/sizes.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={100:`xs`,200:`sm`,300:`md`,400:`lg`,500:`xl`},t={...e,600:`2xl`,700:`3xl`},n={COMPONENT_SIZES:e,TEXT_HEADLINE_SIZES:t};exports.COMPONENT_SIZES=e,exports.TEXT_HEADLINE_SIZES=t,exports.default=n;
-//# sourceMappingURL=sizes.cjs.map

package/dist/common/constants/sizes.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.cjs","names":[],"sources":["../../../common/constants/sizes.js"],"sourcesContent":["/**\n * Canonical numeric-to-t-shirt size mapping for component size props.\n *\n * Scale: 100-unit ordinal steps with 50-unit half-steps reserved for future sizes.\n * Convention matches Dialtone's existing token scales (dt-size-*, dt-icon-size-*, colors).\n *\n * @example\n *   <DtButton :size=\"200\" />   <!-- equivalent to size=\"sm\" -->\n *   <DtButton :size=\"250\" />   <!-- future \"smedium\" -->\n */\n\n// Numeric → t-shirt label mapping\nexport const COMPONENT_SIZES = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n};\n\n// Extended sizes for Text headline kind\nexport const TEXT_HEADLINE_SIZES = {\n  ...COMPONENT_SIZES,\n  600: '2xl',\n  700: '3xl',\n};\n\nexport default {\n  COMPONENT_SIZES,\n  TEXT_HEADLINE_SIZES,\n};\n"],"mappings":"+FAYA,IAAa,EAAkB,CAC7B,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACL,IAAK,KACN,CAGY,EAAsB,CACjC,GAAG,EACH,IAAK,MACL,IAAK,MACN,CAED,EAAe,CACb,kBACA,sBACD"}

package/dist/common/constants/sizes.d.ts

@@ -1,22 +0,0 @@
-export const COMPONENT_SIZES: {
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-};
-export const TEXT_HEADLINE_SIZES: {
-    600: string;
-    700: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-};
-declare namespace _default {
-    export { COMPONENT_SIZES };
-    export { TEXT_HEADLINE_SIZES };
-}
-export default _default;
-//# sourceMappingURL=sizes.d.ts.map

package/dist/common/constants/sizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../common/constants/sizes.js"],"names":[],"mappings":"AAYA;;;;;;EAME;AAGF;;;;;;;;EAIE"}

package/dist/common/constants/sizes.js

@@ -1,19 +0,0 @@
-//#region common/constants/sizes.js
-var e = {
-	100: "xs",
-	200: "sm",
-	300: "md",
-	400: "lg",
-	500: "xl"
-}, t = {
-	...e,
-	600: "2xl",
-	700: "3xl"
-}, n = {
-	COMPONENT_SIZES: e,
-	TEXT_HEADLINE_SIZES: t
-};
-//#endregion
-export { e as COMPONENT_SIZES, t as TEXT_HEADLINE_SIZES, n as default };
-
-//# sourceMappingURL=sizes.js.map

package/dist/common/constants/sizes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sizes.js","names":[],"sources":["../../../common/constants/sizes.js"],"sourcesContent":["/**\n * Canonical numeric-to-t-shirt size mapping for component size props.\n *\n * Scale: 100-unit ordinal steps with 50-unit half-steps reserved for future sizes.\n * Convention matches Dialtone's existing token scales (dt-size-*, dt-icon-size-*, colors).\n *\n * @example\n *   <DtButton :size=\"200\" />   <!-- equivalent to size=\"sm\" -->\n *   <DtButton :size=\"250\" />   <!-- future \"smedium\" -->\n */\n\n// Numeric → t-shirt label mapping\nexport const COMPONENT_SIZES = {\n  100: 'xs',\n  200: 'sm',\n  300: 'md',\n  400: 'lg',\n  500: 'xl',\n};\n\n// Extended sizes for Text headline kind\nexport const TEXT_HEADLINE_SIZES = {\n  ...COMPONENT_SIZES,\n  600: '2xl',\n  700: '3xl',\n};\n\nexport default {\n  COMPONENT_SIZES,\n  TEXT_HEADLINE_SIZES,\n};\n"],"mappings":";AAYA,IAAa,IAAkB;CAC7B,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN,EAGY,IAAsB;CACjC,GAAG;CACH,KAAK;CACL,KAAK;CACN,EAED,IAAe;CACb;CACA;CACD"}

package/dist/common/mixins/mode.cjs

@@ -1,2 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../mode_constants-CzYJW9ua.cjs`),t=require(`../../lib/mode-island/utils.cjs`);var n={props:{contentMode:e.t},data(){return{modeContrast:`default`,modeResolved:null}},computed:{modeAttrs(){if(!this.contentMode)return{};let e=this.contentMode===`invert`?this.modeResolved:this.contentMode;return e?{"data-dt-mode":e,"data-dt-contrast":this.modeContrast}:{}}},watch:{contentMode(){this.cleanupModeObservers(),this.setupModeObservers()}},mounted(){this.setupModeObservers()},beforeUnmount(){this.cleanupModeObservers()},methods:{getModeReferenceEl(){return this.$el},setupModeObservers(){if(this.contentMode&&!(typeof document>`u`)&&(this.modeContrast=t.getRootContrast(),this.modeContrastObserver=new MutationObserver(()=>{this.modeContrast=t.getRootContrast()}),this.modeContrastObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`data-dt-contrast`]}),this.contentMode===`invert`)){let e=this.getModeReferenceEl();this.modeResolved=t.getOppositeMode(t.findParentMode(e));let n={attributes:!0,attributeFilter:[`data-dt-mode`],subtree:!1};this.modeModeObserver=new MutationObserver(()=>{this.modeResolved=t.getOppositeMode(t.findParentMode(this.getModeReferenceEl()))}),this.modeModeObserver.observe(document.documentElement,n);let r=e?.parentElement;for(;r&&r!==document.documentElement;)this.modeModeObserver.observe(r,n),r=r.parentElement}},cleanupModeObservers(){this.modeContrastObserver&&(this.modeContrastObserver.disconnect(),this.modeContrastObserver=null),this.modeModeObserver&&(this.modeModeObserver.disconnect(),this.modeModeObserver=null),this.modeResolved=null}}};exports.default=n;
-//# sourceMappingURL=mode.cjs.map

package/dist/common/mixins/mode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.cjs","names":["CONTENT_MODE_PROP","getRootContrast","getOppositeMode","findParentMode"],"sources":["../../../common/mixins/mode.js"],"sourcesContent":["import { CONTENT_MODE_PROP } from '@/common/mode_constants';\nimport {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/ModeIsland/Utils';\n\n/**\n * Mixin that adds a `contentMode` prop and computes `modeAttrs` for binding\n * `data-dt-mode` / `data-dt-contrast` to a positioned content element.\n *\n * Components that use this mixin should bind `v-bind=\"modeAttrs\"` on their\n * internal content element (e.g. the dialog or teleported container).\n *\n * For `invert` mode, the mixin resolves the opposite of the nearest ancestor's\n * mode and watches for changes via MutationObserver. Override\n * `getModeReferenceEl()` to return the anchor element so `invert` resolves\n * from the correct DOM context (not the teleported content's position).\n *\n * @displayName Mode Mixin\n */\nexport default {\n  props: {\n    /**\n     * Applies a color mode to the positioned content element.\n     * `light` and `dark` are explicit overrides. `invert` computes the\n     * opposite of the nearest ancestor's mode and stays reactive.\n     * @values light, dark, invert\n     */\n    contentMode: CONTENT_MODE_PROP,\n  },\n\n  data () {\n    return {\n      modeContrast: 'default',\n      modeResolved: null,\n    };\n  },\n\n  computed: {\n    modeAttrs () {\n      if (!this.contentMode) return {};\n      const resolvedMode = this.contentMode === 'invert'\n        ? this.modeResolved\n        : this.contentMode;\n      if (!resolvedMode) return {};\n      return {\n        'data-dt-mode': resolvedMode,\n        'data-dt-contrast': this.modeContrast,\n      };\n    },\n  },\n\n  watch: {\n    contentMode () {\n      this.cleanupModeObservers();\n      this.setupModeObservers();\n    },\n  },\n\n  mounted () {\n    this.setupModeObservers();\n  },\n\n  beforeUnmount () {\n    this.cleanupModeObservers();\n  },\n\n  methods: {\n    /**\n     * Override in components to return the element from which `invert` mode\n     * should resolve the parent mode. For positioned components, this should\n     * be the anchor element (in the original DOM context), not the teleported\n     * content element.\n     * @returns {HTMLElement|null}\n     */\n    getModeReferenceEl () {\n      return this.$el;\n    },\n\n    setupModeObservers () {\n      if (!this.contentMode) return;\n      if (typeof document === 'undefined') return;\n\n      // Watch for contrast changes on root\n      this.modeContrast = getRootContrast();\n      this.modeContrastObserver = new MutationObserver(() => {\n        this.modeContrast = getRootContrast();\n      });\n      this.modeContrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n\n      if (this.contentMode === 'invert') {\n        const refEl = this.getModeReferenceEl();\n        this.modeResolved = getOppositeMode(findParentMode(refEl));\n\n        const config = {\n          attributes: true,\n          attributeFilter: ['data-dt-mode'],\n          subtree: false,\n        };\n\n        this.modeModeObserver = new MutationObserver(() => {\n          const el = this.getModeReferenceEl();\n          this.modeResolved = getOppositeMode(findParentMode(el));\n        });\n\n        // Observe root element\n        this.modeModeObserver.observe(document.documentElement, config);\n\n        // Observe all ancestor elements for mode changes\n        let parent = refEl?.parentElement;\n        while (parent && parent !== document.documentElement) {\n          this.modeModeObserver.observe(parent, config);\n          parent = parent.parentElement;\n        }\n      }\n    },\n\n    cleanupModeObservers () {\n      if (this.modeContrastObserver) {\n        this.modeContrastObserver.disconnect();\n        this.modeContrastObserver = null;\n      }\n      if (this.modeModeObserver) {\n        this.modeModeObserver.disconnect();\n        this.modeModeObserver = null;\n      }\n      this.modeResolved = null;\n    },\n  },\n};\n"],"mappings":"iMAqBA,IAAA,EAAe,CACb,MAAO,CAOL,YAAaA,EAAAA,EACd,CAED,MAAQ,CACN,MAAO,CACL,aAAc,UACd,aAAc,KACf,EAGH,SAAU,CACR,WAAa,CACX,GAAI,CAAC,KAAK,YAAa,MAAO,EAAE,CAChC,IAAM,EAAe,KAAK,cAAgB,SACtC,KAAK,aACL,KAAK,YAET,OADK,EACE,CACL,eAAgB,EAChB,mBAAoB,KAAK,aAC1B,CAJyB,EAAE,EAM/B,CAED,MAAO,CACL,aAAe,CACb,KAAK,sBAAsB,CAC3B,KAAK,oBAAoB,EAE5B,CAED,SAAW,CACT,KAAK,oBAAoB,EAG3B,eAAiB,CACf,KAAK,sBAAsB,EAG7B,QAAS,CAQP,oBAAsB,CACpB,OAAO,KAAK,KAGd,oBAAsB,CACf,QAAK,aACN,SAAO,SAAa,OAGxB,KAAK,aAAeC,EAAAA,iBAAiB,CACrC,KAAK,qBAAuB,IAAI,qBAAuB,CACrD,KAAK,aAAeA,EAAAA,iBAAiB,EACrC,CACF,KAAK,qBAAqB,QAAQ,SAAS,gBAAiB,CAC1D,WAAY,GACZ,gBAAiB,CAAC,mBAAmB,CACtC,CAAC,CAEE,KAAK,cAAgB,UAAU,CACjC,IAAM,EAAQ,KAAK,oBAAoB,CACvC,KAAK,aAAeC,EAAAA,gBAAgBC,EAAAA,eAAe,EAAM,CAAC,CAE1D,IAAM,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,eAAe,CACjC,QAAS,GACV,CAED,KAAK,iBAAmB,IAAI,qBAAuB,CAEjD,KAAK,aAAeD,EAAAA,gBAAgBC,EAAAA,eADzB,KAAK,oBAAoB,CACkB,CAAC,EACvD,CAGF,KAAK,iBAAiB,QAAQ,SAAS,gBAAiB,EAAO,CAG/D,IAAI,EAAS,GAAO,cACpB,KAAO,GAAU,IAAW,SAAS,iBACnC,KAAK,iBAAiB,QAAQ,EAAQ,EAAO,CAC7C,EAAS,EAAO,gBAKtB,sBAAwB,CAClB,KAAK,uBACP,KAAK,qBAAqB,YAAY,CACtC,KAAK,qBAAuB,MAE1B,KAAK,mBACP,KAAK,iBAAiB,YAAY,CAClC,KAAK,iBAAmB,MAE1B,KAAK,aAAe,MAEvB,CACF"}

package/dist/common/mixins/mode.d.ts

@@ -1,25 +0,0 @@
-import { CONTENT_MODE_PROP } from '../mode_constants';
-declare namespace _default {
-    namespace props {
-        export { CONTENT_MODE_PROP as contentMode };
-    }
-    function data(): {
-        modeContrast: string;
-        modeResolved: null;
-    };
-    namespace computed {
-        function modeAttrs(): any;
-    }
-    namespace watch {
-        function contentMode(): void;
-    }
-    function mounted(): void;
-    function beforeUnmount(): void;
-    namespace methods {
-        function getModeReferenceEl(): HTMLElement | null;
-        function setupModeObservers(): void;
-        function cleanupModeObservers(): void;
-    }
-}
-export default _default;
-//# sourceMappingURL=mode.d.ts.map

package/dist/common/mixins/mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.d.ts","sourceRoot":"","sources":["../../../common/mixins/mode.js"],"names":[],"mappings":";;;;IAgCE;;;MAKC;;QAGC,0BAUC;;;QAID,6BAGC;;IAGH,yBAEC;IAED,+BAEC;;QAUC,+BAFa,WAAW,GAAC,IAAI,CAI5B;QAED,oCAuCC;QAED,sCAUC;;;;kCAnI6B,yBAAyB"}

package/dist/common/mixins/mode.js

@@ -1,62 +0,0 @@
-import { t as e } from "../../mode_constants-tb7TL85q.js";
-import { findParentMode as t, getOppositeMode as n, getRootContrast as r } from "../../lib/mode-island/utils.js";
-//#region common/mixins/mode.js
-var i = {
-	props: { contentMode: e },
-	data() {
-		return {
-			modeContrast: "default",
-			modeResolved: null
-		};
-	},
-	computed: { modeAttrs() {
-		if (!this.contentMode) return {};
-		let e = this.contentMode === "invert" ? this.modeResolved : this.contentMode;
-		return e ? {
-			"data-dt-mode": e,
-			"data-dt-contrast": this.modeContrast
-		} : {};
-	} },
-	watch: { contentMode() {
-		this.cleanupModeObservers(), this.setupModeObservers();
-	} },
-	mounted() {
-		this.setupModeObservers();
-	},
-	beforeUnmount() {
-		this.cleanupModeObservers();
-	},
-	methods: {
-		getModeReferenceEl() {
-			return this.$el;
-		},
-		setupModeObservers() {
-			if (this.contentMode && !(typeof document > "u") && (this.modeContrast = r(), this.modeContrastObserver = new MutationObserver(() => {
-				this.modeContrast = r();
-			}), this.modeContrastObserver.observe(document.documentElement, {
-				attributes: !0,
-				attributeFilter: ["data-dt-contrast"]
-			}), this.contentMode === "invert")) {
-				let e = this.getModeReferenceEl();
-				this.modeResolved = n(t(e));
-				let r = {
-					attributes: !0,
-					attributeFilter: ["data-dt-mode"],
-					subtree: !1
-				};
-				this.modeModeObserver = new MutationObserver(() => {
-					this.modeResolved = n(t(this.getModeReferenceEl()));
-				}), this.modeModeObserver.observe(document.documentElement, r);
-				let i = e?.parentElement;
-				for (; i && i !== document.documentElement;) this.modeModeObserver.observe(i, r), i = i.parentElement;
-			}
-		},
-		cleanupModeObservers() {
-			this.modeContrastObserver && (this.modeContrastObserver.disconnect(), this.modeContrastObserver = null), this.modeModeObserver && (this.modeModeObserver.disconnect(), this.modeModeObserver = null), this.modeResolved = null;
-		}
-	}
-};
-//#endregion
-export { i as default };
-
-//# sourceMappingURL=mode.js.map

package/dist/common/mixins/mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode.js","names":[],"sources":["../../../common/mixins/mode.js"],"sourcesContent":["import { CONTENT_MODE_PROP } from '@/common/mode_constants';\nimport {\n  getOppositeMode,\n  getRootContrast,\n  findParentMode,\n} from '@/components/ModeIsland/Utils';\n\n/**\n * Mixin that adds a `contentMode` prop and computes `modeAttrs` for binding\n * `data-dt-mode` / `data-dt-contrast` to a positioned content element.\n *\n * Components that use this mixin should bind `v-bind=\"modeAttrs\"` on their\n * internal content element (e.g. the dialog or teleported container).\n *\n * For `invert` mode, the mixin resolves the opposite of the nearest ancestor's\n * mode and watches for changes via MutationObserver. Override\n * `getModeReferenceEl()` to return the anchor element so `invert` resolves\n * from the correct DOM context (not the teleported content's position).\n *\n * @displayName Mode Mixin\n */\nexport default {\n  props: {\n    /**\n     * Applies a color mode to the positioned content element.\n     * `light` and `dark` are explicit overrides. `invert` computes the\n     * opposite of the nearest ancestor's mode and stays reactive.\n     * @values light, dark, invert\n     */\n    contentMode: CONTENT_MODE_PROP,\n  },\n\n  data () {\n    return {\n      modeContrast: 'default',\n      modeResolved: null,\n    };\n  },\n\n  computed: {\n    modeAttrs () {\n      if (!this.contentMode) return {};\n      const resolvedMode = this.contentMode === 'invert'\n        ? this.modeResolved\n        : this.contentMode;\n      if (!resolvedMode) return {};\n      return {\n        'data-dt-mode': resolvedMode,\n        'data-dt-contrast': this.modeContrast,\n      };\n    },\n  },\n\n  watch: {\n    contentMode () {\n      this.cleanupModeObservers();\n      this.setupModeObservers();\n    },\n  },\n\n  mounted () {\n    this.setupModeObservers();\n  },\n\n  beforeUnmount () {\n    this.cleanupModeObservers();\n  },\n\n  methods: {\n    /**\n     * Override in components to return the element from which `invert` mode\n     * should resolve the parent mode. For positioned components, this should\n     * be the anchor element (in the original DOM context), not the teleported\n     * content element.\n     * @returns {HTMLElement|null}\n     */\n    getModeReferenceEl () {\n      return this.$el;\n    },\n\n    setupModeObservers () {\n      if (!this.contentMode) return;\n      if (typeof document === 'undefined') return;\n\n      // Watch for contrast changes on root\n      this.modeContrast = getRootContrast();\n      this.modeContrastObserver = new MutationObserver(() => {\n        this.modeContrast = getRootContrast();\n      });\n      this.modeContrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n\n      if (this.contentMode === 'invert') {\n        const refEl = this.getModeReferenceEl();\n        this.modeResolved = getOppositeMode(findParentMode(refEl));\n\n        const config = {\n          attributes: true,\n          attributeFilter: ['data-dt-mode'],\n          subtree: false,\n        };\n\n        this.modeModeObserver = new MutationObserver(() => {\n          const el = this.getModeReferenceEl();\n          this.modeResolved = getOppositeMode(findParentMode(el));\n        });\n\n        // Observe root element\n        this.modeModeObserver.observe(document.documentElement, config);\n\n        // Observe all ancestor elements for mode changes\n        let parent = refEl?.parentElement;\n        while (parent && parent !== document.documentElement) {\n          this.modeModeObserver.observe(parent, config);\n          parent = parent.parentElement;\n        }\n      }\n    },\n\n    cleanupModeObservers () {\n      if (this.modeContrastObserver) {\n        this.modeContrastObserver.disconnect();\n        this.modeContrastObserver = null;\n      }\n      if (this.modeModeObserver) {\n        this.modeModeObserver.disconnect();\n        this.modeModeObserver = null;\n      }\n      this.modeResolved = null;\n    },\n  },\n};\n"],"mappings":";;;AAqBA,IAAA,IAAe;CACb,OAAO,EAOL,aAAa,GACd;CAED,OAAQ;AACN,SAAO;GACL,cAAc;GACd,cAAc;GACf;;CAGH,UAAU,EACR,YAAa;AACX,MAAI,CAAC,KAAK,YAAa,QAAO,EAAE;EAChC,IAAM,IAAe,KAAK,gBAAgB,WACtC,KAAK,eACL,KAAK;AAET,SADK,IACE;GACL,gBAAgB;GAChB,oBAAoB,KAAK;GAC1B,GAJyB,EAAE;IAM/B;CAED,OAAO,EACL,cAAe;AAEb,EADA,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB;IAE5B;CAED,UAAW;AACT,OAAK,oBAAoB;;CAG3B,gBAAiB;AACf,OAAK,sBAAsB;;CAG7B,SAAS;EAQP,qBAAsB;AACpB,UAAO,KAAK;;EAGd,qBAAsB;AACf,YAAK,eACN,SAAO,WAAa,SAGxB,KAAK,eAAe,GAAiB,EACrC,KAAK,uBAAuB,IAAI,uBAAuB;AACrD,SAAK,eAAe,GAAiB;KACrC,EACF,KAAK,qBAAqB,QAAQ,SAAS,iBAAiB;IAC1D,YAAY;IACZ,iBAAiB,CAAC,mBAAmB;IACtC,CAAC,EAEE,KAAK,gBAAgB,WAAU;IACjC,IAAM,IAAQ,KAAK,oBAAoB;AACvC,SAAK,eAAe,EAAgB,EAAe,EAAM,CAAC;IAE1D,IAAM,IAAS;KACb,YAAY;KACZ,iBAAiB,CAAC,eAAe;KACjC,SAAS;KACV;AAQD,IANA,KAAK,mBAAmB,IAAI,uBAAuB;AAEjD,UAAK,eAAe,EAAgB,EADzB,KAAK,oBAAoB,CACkB,CAAC;MACvD,EAGF,KAAK,iBAAiB,QAAQ,SAAS,iBAAiB,EAAO;IAG/D,IAAI,IAAS,GAAO;AACpB,WAAO,KAAU,MAAW,SAAS,iBAEnC,CADA,KAAK,iBAAiB,QAAQ,GAAQ,EAAO,EAC7C,IAAS,EAAO;;;EAKtB,uBAAwB;AAStB,GARI,KAAK,yBACP,KAAK,qBAAqB,YAAY,EACtC,KAAK,uBAAuB,OAE1B,KAAK,qBACP,KAAK,iBAAiB,YAAY,EAClC,KAAK,mBAAmB,OAE1B,KAAK,eAAe;;EAEvB;CACF"}

package/dist/common/mode_constants.d.ts

@@ -1,37 +0,0 @@
-export namespace CONTENT_MODE_TYPES {
-    let LIGHT: string;
-    let DARK: string;
-    let INVERT: string;
-}
-export const CONTENT_MODE_VALUES: string[];
-export namespace CONTENT_MODE_PROP {
-    export let type: StringConstructor;
-    let _default: null;
-    export { _default as default };
-    export function validator(v: any): boolean;
-}
-export namespace CONTENT_MODE_ARG_TYPE {
-    let options: (string | null)[];
-    namespace control {
-        let type_1: string;
-        export { type_1 as type };
-        export namespace labels {
-            let _null: string;
-            export { _null as null };
-        }
-    }
-    namespace table {
-        let category: string;
-        namespace defaultValue {
-            let summary: string;
-        }
-    }
-}
-declare namespace _default {
-    export { CONTENT_MODE_TYPES };
-    export { CONTENT_MODE_VALUES };
-    export { CONTENT_MODE_PROP };
-    export { CONTENT_MODE_ARG_TYPE };
-}
-export default _default;
-//# sourceMappingURL=mode_constants.d.ts.map

package/dist/common/mode_constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mode_constants.d.ts","sourceRoot":"","sources":["../../common/mode_constants.js"],"names":[],"mappings":";;;;;AAMA,2CAAqE;;;;;IASxD,2CAAoD"}