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

package/dist/lib/mode-island/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/mode-island/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./mode-island.js";
+import { DT_MODE_ISLAND_TYPES as D } from "./mode-island-constants.js";
+export {
+  D as DT_MODE_ISLAND_TYPES,
+  r as DtModeIsland
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/mode-island/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/mode-island/mode-island-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={INVERTED:"inverted",LIGHT:"light",DARK:"dark"},t={DT_MODE_ISLAND_TYPES:e};exports.DT_MODE_ISLAND_TYPES=e;exports.default=t;
+//# sourceMappingURL=mode-island-constants.cjs.map

package/dist/lib/mode-island/mode-island-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-island-constants.cjs","sources":["../../../components/mode_island/mode_island_constants.js"],"sourcesContent":["export const DT_MODE_ISLAND_TYPES = {\n  INVERTED: 'inverted',\n  LIGHT: 'light',\n  DARK: 'dark',\n};\n\nexport default {\n  DT_MODE_ISLAND_TYPES,\n};"],"names":["DT_MODE_ISLAND_TYPES","mode_island_constants"],"mappings":"4GAAY,MAACA,EAAuB,CAClC,SAAU,WACV,MAAO,QACP,KAAM,MACR,EAEAC,EAAe,CACb,qBAAAD,CACF"}

package/dist/lib/mode-island/mode-island-constants.js

@@ -0,0 +1,12 @@
+const t = {
+  INVERTED: "inverted",
+  LIGHT: "light",
+  DARK: "dark"
+}, n = {
+  DT_MODE_ISLAND_TYPES: t
+};
+export {
+  t as DT_MODE_ISLAND_TYPES,
+  n as default
+};
+//# sourceMappingURL=mode-island-constants.js.map

package/dist/lib/mode-island/mode-island-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-island-constants.js","sources":["../../../components/mode_island/mode_island_constants.js"],"sourcesContent":["export const DT_MODE_ISLAND_TYPES = {\n  INVERTED: 'inverted',\n  LIGHT: 'light',\n  DARK: 'dark',\n};\n\nexport default {\n  DT_MODE_ISLAND_TYPES,\n};"],"names":["DT_MODE_ISLAND_TYPES","mode_island_constants"],"mappings":"AAAY,MAACA,IAAuB;AAAA,EAClC,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AACR,GAEAC,IAAe;AAAA,EACb,sBAAAD;AACF;"}

package/dist/lib/mode-island/mode-island.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./mode-island-constants.cjs"),l=require("./validators.cjs"),r=require("./utils.cjs"),o=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),c={name:"DtModeIsland",compatConfig:{MODE:3},provide(){return{dtModeIslandMode:()=>this.computedMode}},inject:{parentModeIslandMode:{from:"dtModeIslandMode",default:null}},inheritAttrs:!1,props:{as:{type:String,default:"div"},mode:{type:String,default:d.DT_MODE_ISLAND_TYPES.INVERTED,validator:l.modeValidator}},data(){return{currentContrast:r.getRootContrast(),contrastObserver:null,modeObserver:null,elementRef:null,calculatedMode:null}},computed:{isInverted(){return this.mode===d.DT_MODE_ISLAND_TYPES.INVERTED},invertedAttribute(){return this.isInverted?"":null},computedMode(){return this.mode===d.DT_MODE_ISLAND_TYPES.LIGHT||this.mode===d.DT_MODE_ISLAND_TYPES.DARK?this.mode:this.mode===d.DT_MODE_ISLAND_TYPES.INVERTED&&this.calculatedMode?this.calculatedMode:this.calculateInvertedMode()}},beforeCreate(){if(this.$attrs&&this.$attrs["data-dt-brand"])throw new Error("[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.")},mounted(){this.elementRef=this.$el,this.setupContrastObserver(),this.isInverted&&(this.calculatedMode=this.calculateInvertedMode(),this.setupModeObserver()),this.currentContrast=r.getRootContrast()},beforeUnmount(){this.contrastObserver&&(this.contrastObserver.disconnect(),this.contrastObserver=null),this.modeObserver&&(this.modeObserver.disconnect(),this.modeObserver=null)},methods:{calculateInvertedMode(){if(this.parentModeIslandMode){const e=typeof this.parentModeIslandMode=="function"?this.parentModeIslandMode():this.parentModeIslandMode;return r.getOppositeMode(e)}if(this.elementRef){const e=r.findParentMode(this.elementRef);return r.getOppositeMode(e)}return r.getOppositeMode(r.getRootMode())},setupContrastObserver(){this.contrastObserver=new MutationObserver(e=>{for(const t of e)t.type==="attributes"&&t.attributeName==="data-dt-contrast"&&(this.currentContrast=r.getRootContrast())}),this.contrastObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-dt-contrast"]})},setupModeObserver(){var s;const e={attributes:!0,attributeFilter:["data-dt-mode"],subtree:!1};this.modeObserver=new MutationObserver(a=>{for(const n of a)n.type==="attributes"&&n.attributeName==="data-dt-mode"&&(this.calculatedMode=this.calculateInvertedMode())}),this.modeObserver.observe(document.documentElement,e);let t=(s=this.elementRef)==null?void 0:s.parentElement;for(;t;)t.hasAttribute("data-dt-mode")&&this.modeObserver.observe(t,e),t=t.parentElement}}};function m(e,t,s,a,n,i){return o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.as),o.mergeProps({class:"d-mode-island"},e.$attrs,{"data-dt-mode":i.computedMode,"data-mode-island-inverted":i.invertedAttribute,"data-dt-contrast":n.currentContrast}),{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default")]),_:3},16,["data-dt-mode","data-mode-island-inverted","data-dt-contrast"])}const h=u._(c,[["render",m]]);exports.default=h;
+//# sourceMappingURL=mode-island.cjs.map

package/dist/lib/mode-island/mode-island.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-island.cjs","sources":["../../../components/mode_island/mode_island.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    class=\"d-mode-island\"\n    v-bind=\"$attrs\"\n    :data-dt-mode=\"computedMode\"\n    :data-mode-island-inverted=\"invertedAttribute\"\n    :data-dt-contrast=\"currentContrast\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_MODE_ISLAND_TYPES } from './mode_island_constants';\nimport { modeValidator } from './validators';\nimport {\n  getOppositeMode,\n  getRootMode,\n  getRootContrast,\n  findParentMode,\n} from './utils';\n\nexport default {\n  name: 'DtModeIsland',\n  compatConfig: { MODE: 3 },\n\n  provide () {\n    return {\n      dtModeIslandMode: () => this.computedMode,\n    };\n  },\n\n  inject: {\n    parentModeIslandMode: {\n      from: 'dtModeIslandMode',\n      default: null,\n    },\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Set this prop to render the mode island as a specific HTML element.\n     * @type {String}\n     * @values div, section, nav, article, aside, header, footer, main\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The mode to apply to the island.\n     * - 'inverted': Opposite of parent or root mode\n     * - 'light': Always light mode\n     * - 'dark': Always dark mode\n     * @type {String}\n     * @values inverted, light, dark\n     */\n    mode: {\n      type: String,\n      default: DT_MODE_ISLAND_TYPES.INVERTED,\n      validator: modeValidator,\n    },\n  },\n\n  data () {\n    return {\n      currentContrast: getRootContrast(),\n      contrastObserver: null,\n      modeObserver: null,\n      elementRef: null,\n      calculatedMode: null, // Store calculated mode as reactive data\n    };\n  },\n\n  computed: {\n    isInverted () {\n      return this.mode === DT_MODE_ISLAND_TYPES.INVERTED;\n    },\n\n    invertedAttribute () {\n      return this.isInverted ? '' : null;\n    },\n\n    computedMode () {\n      // If mode is explicitly light or dark, use it directly\n      if (this.mode === DT_MODE_ISLAND_TYPES.LIGHT || this.mode === DT_MODE_ISLAND_TYPES.DARK) {\n        return this.mode;\n      }\n\n      // If mode is inverted, use the calculated mode if available\n      if (this.mode === DT_MODE_ISLAND_TYPES.INVERTED && this.calculatedMode) {\n        return this.calculatedMode;\n      }\n\n      // Otherwise calculate it now\n      return this.calculateInvertedMode();\n    },\n  },\n\n  beforeCreate () {\n    // Throw error if data-dt-brand is manually set\n    if (this.$attrs && this.$attrs['data-dt-brand']) {\n      throw new Error('[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.');\n    }\n  },\n\n  mounted () {\n    // Store element reference\n    this.elementRef = this.$el;\n\n    // Setup MutationObserver to watch for contrast changes on root\n    this.setupContrastObserver();\n\n    // Setup MutationObserver to watch for mode changes (only if inverted)\n    if (this.isInverted) {\n      // Initialize the calculated mode\n      this.calculatedMode = this.calculateInvertedMode();\n      this.setupModeObserver();\n    }\n\n    // Initial contrast value\n    this.currentContrast = getRootContrast();\n  },\n\n  beforeUnmount () {\n    // Cleanup observers\n    if (this.contrastObserver) {\n      this.contrastObserver.disconnect();\n      this.contrastObserver = null;\n    }\n    if (this.modeObserver) {\n      this.modeObserver.disconnect();\n      this.modeObserver = null;\n    }\n  },\n\n  methods: {\n    calculateInvertedMode () {\n      // First check if there's a parent mode island\n      if (this.parentModeIslandMode) {\n        const parentMode = typeof this.parentModeIslandMode === 'function'\n          ? this.parentModeIslandMode()\n          : this.parentModeIslandMode;\n        return getOppositeMode(parentMode);\n      }\n\n      // Otherwise, find the nearest parent with data-dt-mode\n      if (this.elementRef) {\n        const parentMode = findParentMode(this.elementRef);\n        return getOppositeMode(parentMode);\n      }\n\n      // Default fallback\n      return getOppositeMode(getRootMode());\n    },\n\n    setupContrastObserver () {\n      this.contrastObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-contrast') {\n            this.currentContrast = getRootContrast();\n          }\n        }\n      });\n\n      this.contrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n    },\n\n    setupModeObserver () {\n      const config = {\n        attributes: true,\n        attributeFilter: ['data-dt-mode'],\n        subtree: false,\n      };\n\n      this.modeObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-mode') {\n            // Recalculate and update the reactive data property\n            this.calculatedMode = this.calculateInvertedMode();\n          }\n        }\n      });\n\n      // Observe root element\n      this.modeObserver.observe(document.documentElement, config);\n\n      // Also observe all parent elements with data-dt-mode\n      let parent = this.elementRef?.parentElement;\n      while (parent) {\n        if (parent.hasAttribute('data-dt-mode')) {\n          this.modeObserver.observe(parent, config);\n        }\n        parent = parent.parentElement;\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DT_MODE_ISLAND_TYPES","modeValidator","getRootContrast","parentMode","getOppositeMode","findParentMode","getRootMode","mutationsList","mutation","config","parent","_a","_createBlock","_resolveDynamicComponent","$props","_mergeProps","_ctx","$options","$data","_renderSlot"],"mappings":"6RAwBKA,EAAU,CACb,KAAM,eACN,aAAc,CAAE,KAAM,GAEtB,SAAW,CACT,MAAO,CACL,iBAAkB,IAAM,KAAK,aAEjC,EAEA,OAAQ,CACN,qBAAsB,CACpB,KAAM,mBACN,QAAS,OAIb,aAAc,GAEd,MAAO,CAML,GAAI,CACF,KAAM,OACN,QAAS,OAWX,KAAM,CACJ,KAAM,OACN,QAASC,EAAAA,qBAAqB,SAC9B,UAAWC,EAAAA,gBAIf,MAAQ,CACN,MAAO,CACL,gBAAiBC,EAAAA,gBAAe,EAChC,iBAAkB,KAClB,aAAc,KACd,WAAY,KACZ,eAAgB,KAEpB,EAEA,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,OAASF,EAAAA,qBAAqB,QAC5C,EAEA,mBAAqB,CACnB,OAAO,KAAK,WAAa,GAAK,IAChC,EAEA,cAAgB,CAEd,OAAI,KAAK,OAASA,uBAAqB,OAAS,KAAK,OAASA,EAAAA,qBAAqB,KAC1E,KAAK,KAIV,KAAK,OAASA,EAAAA,qBAAqB,UAAY,KAAK,eAC/C,KAAK,eAIP,KAAK,sBAAqB,CACnC,GAGF,cAAgB,CAEd,GAAI,KAAK,QAAU,KAAK,OAAO,eAAe,EAC5C,MAAM,IAAI,MAAM,wHAAwH,CAE5I,EAEA,SAAW,CAET,KAAK,WAAa,KAAK,IAGvB,KAAK,sBAAqB,EAGtB,KAAK,aAEP,KAAK,eAAiB,KAAK,sBAAqB,EAChD,KAAK,kBAAiB,GAIxB,KAAK,gBAAkBE,kBAAe,CACxC,EAEA,eAAiB,CAEX,KAAK,mBACP,KAAK,iBAAiB,WAAU,EAChC,KAAK,iBAAmB,MAEtB,KAAK,eACP,KAAK,aAAa,WAAU,EAC5B,KAAK,aAAe,KAExB,EAEA,QAAS,CACP,uBAAyB,CAEvB,GAAI,KAAK,qBAAsB,CAC7B,MAAMC,EAAa,OAAO,KAAK,sBAAyB,WACpD,KAAK,qBAAoB,EACzB,KAAK,qBACT,OAAOC,EAAAA,gBAAgBD,CAAU,CACnC,CAGA,GAAI,KAAK,WAAY,CACnB,MAAMA,EAAaE,EAAAA,eAAe,KAAK,UAAU,EACjD,OAAOD,EAAAA,gBAAgBD,CAAU,CACnC,CAGA,OAAOC,EAAAA,gBAAgBE,EAAAA,aAAa,CACtC,EAEA,uBAAyB,CACvB,KAAK,iBAAmB,IAAI,iBAAkBC,GAAkB,CAC9D,UAAWC,KAAYD,EACjBC,EAAS,OAAS,cAAgBA,EAAS,gBAAkB,qBAC/D,KAAK,gBAAkBN,kBAAe,EAG5C,CAAC,EAED,KAAK,iBAAiB,QAAQ,SAAS,gBAAiB,CACtD,WAAY,GACZ,gBAAiB,CAAC,kBAAkB,CACtC,CAAC,CACH,EAEA,mBAAqB,OACnB,MAAMO,EAAS,CACb,WAAY,GACZ,gBAAiB,CAAC,cAAc,EAChC,QAAS,IAGX,KAAK,aAAe,IAAI,iBAAkBF,GAAkB,CAC1D,UAAWC,KAAYD,EACjBC,EAAS,OAAS,cAAgBA,EAAS,gBAAkB,iBAE/D,KAAK,eAAiB,KAAK,sBAAqB,EAGtD,CAAC,EAGD,KAAK,aAAa,QAAQ,SAAS,gBAAiBC,CAAM,EAG1D,IAAIC,GAASC,EAAA,KAAK,aAAL,YAAAA,EAAiB,cAC9B,KAAOD,GACDA,EAAO,aAAa,cAAc,GACpC,KAAK,aAAa,QAAQA,EAAQD,CAAM,EAE1CC,EAASA,EAAO,aAEpB,EAEJ,+CA5MEE,EAAAA,YAUYC,EAAAA,wBATLC,IAAE,EADTC,EAAAA,WAUY,CARV,MAAM,iBACEC,EAAA,OAAM,CACb,eAAcC,EAAA,aACd,4BAA2BA,EAAA,kBAC3B,mBAAkBC,EAAA,qCAGnB,IAAQ,CAARC,aAAQH,EAAA,OAAA,SAAA"}

package/dist/lib/mode-island/mode-island.js

@@ -0,0 +1,130 @@
+import { DT_MODE_ISLAND_TYPES as r } from "./mode-island-constants.js";
+import { modeValidator as l } from "./validators.js";
+import { getRootContrast as s, getOppositeMode as a, findParentMode as u, getRootMode as c } from "./utils.js";
+import { openBlock as m, createBlock as h, resolveDynamicComponent as f, mergeProps as b, withCtx as p, renderSlot as M } from "vue";
+import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const O = {
+  name: "DtModeIsland",
+  compatConfig: { MODE: 3 },
+  provide() {
+    return {
+      dtModeIslandMode: () => this.computedMode
+    };
+  },
+  inject: {
+    parentModeIslandMode: {
+      from: "dtModeIslandMode",
+      default: null
+    }
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Set this prop to render the mode island as a specific HTML element.
+     * @type {String}
+     * @values div, section, nav, article, aside, header, footer, main
+     */
+    as: {
+      type: String,
+      default: "div"
+    },
+    /**
+     * The mode to apply to the island.
+     * - 'inverted': Opposite of parent or root mode
+     * - 'light': Always light mode
+     * - 'dark': Always dark mode
+     * @type {String}
+     * @values inverted, light, dark
+     */
+    mode: {
+      type: String,
+      default: r.INVERTED,
+      validator: l
+    }
+  },
+  data() {
+    return {
+      currentContrast: s(),
+      contrastObserver: null,
+      modeObserver: null,
+      elementRef: null,
+      calculatedMode: null
+      // Store calculated mode as reactive data
+    };
+  },
+  computed: {
+    isInverted() {
+      return this.mode === r.INVERTED;
+    },
+    invertedAttribute() {
+      return this.isInverted ? "" : null;
+    },
+    computedMode() {
+      return this.mode === r.LIGHT || this.mode === r.DARK ? this.mode : this.mode === r.INVERTED && this.calculatedMode ? this.calculatedMode : this.calculateInvertedMode();
+    }
+  },
+  beforeCreate() {
+    if (this.$attrs && this.$attrs["data-dt-brand"])
+      throw new Error("[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.");
+  },
+  mounted() {
+    this.elementRef = this.$el, this.setupContrastObserver(), this.isInverted && (this.calculatedMode = this.calculateInvertedMode(), this.setupModeObserver()), this.currentContrast = s();
+  },
+  beforeUnmount() {
+    this.contrastObserver && (this.contrastObserver.disconnect(), this.contrastObserver = null), this.modeObserver && (this.modeObserver.disconnect(), this.modeObserver = null);
+  },
+  methods: {
+    calculateInvertedMode() {
+      if (this.parentModeIslandMode) {
+        const t = typeof this.parentModeIslandMode == "function" ? this.parentModeIslandMode() : this.parentModeIslandMode;
+        return a(t);
+      }
+      if (this.elementRef) {
+        const t = u(this.elementRef);
+        return a(t);
+      }
+      return a(c());
+    },
+    setupContrastObserver() {
+      this.contrastObserver = new MutationObserver((t) => {
+        for (const e of t)
+          e.type === "attributes" && e.attributeName === "data-dt-contrast" && (this.currentContrast = s());
+      }), this.contrastObserver.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["data-dt-contrast"]
+      });
+    },
+    setupModeObserver() {
+      var o;
+      const t = {
+        attributes: !0,
+        attributeFilter: ["data-dt-mode"],
+        subtree: !1
+      };
+      this.modeObserver = new MutationObserver((n) => {
+        for (const d of n)
+          d.type === "attributes" && d.attributeName === "data-dt-mode" && (this.calculatedMode = this.calculateInvertedMode());
+      }), this.modeObserver.observe(document.documentElement, t);
+      let e = (o = this.elementRef) == null ? void 0 : o.parentElement;
+      for (; e; )
+        e.hasAttribute("data-dt-mode") && this.modeObserver.observe(e, t), e = e.parentElement;
+    }
+  }
+};
+function I(t, e, o, n, d, i) {
+  return m(), h(f(o.as), b({ class: "d-mode-island" }, t.$attrs, {
+    "data-dt-mode": i.computedMode,
+    "data-mode-island-inverted": i.invertedAttribute,
+    "data-dt-contrast": d.currentContrast
+  }), {
+    default: p(() => [
+      M(t.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["data-dt-mode", "data-mode-island-inverted", "data-dt-contrast"]);
+}
+const g = /* @__PURE__ */ v(O, [["render", I]]);
+export {
+  g as default
+};
+//# sourceMappingURL=mode-island.js.map

package/dist/lib/mode-island/mode-island.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode-island.js","sources":["../../../components/mode_island/mode_island.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    class=\"d-mode-island\"\n    v-bind=\"$attrs\"\n    :data-dt-mode=\"computedMode\"\n    :data-mode-island-inverted=\"invertedAttribute\"\n    :data-dt-contrast=\"currentContrast\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { DT_MODE_ISLAND_TYPES } from './mode_island_constants';\nimport { modeValidator } from './validators';\nimport {\n  getOppositeMode,\n  getRootMode,\n  getRootContrast,\n  findParentMode,\n} from './utils';\n\nexport default {\n  name: 'DtModeIsland',\n  compatConfig: { MODE: 3 },\n\n  provide () {\n    return {\n      dtModeIslandMode: () => this.computedMode,\n    };\n  },\n\n  inject: {\n    parentModeIslandMode: {\n      from: 'dtModeIslandMode',\n      default: null,\n    },\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Set this prop to render the mode island as a specific HTML element.\n     * @type {String}\n     * @values div, section, nav, article, aside, header, footer, main\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * The mode to apply to the island.\n     * - 'inverted': Opposite of parent or root mode\n     * - 'light': Always light mode\n     * - 'dark': Always dark mode\n     * @type {String}\n     * @values inverted, light, dark\n     */\n    mode: {\n      type: String,\n      default: DT_MODE_ISLAND_TYPES.INVERTED,\n      validator: modeValidator,\n    },\n  },\n\n  data () {\n    return {\n      currentContrast: getRootContrast(),\n      contrastObserver: null,\n      modeObserver: null,\n      elementRef: null,\n      calculatedMode: null, // Store calculated mode as reactive data\n    };\n  },\n\n  computed: {\n    isInverted () {\n      return this.mode === DT_MODE_ISLAND_TYPES.INVERTED;\n    },\n\n    invertedAttribute () {\n      return this.isInverted ? '' : null;\n    },\n\n    computedMode () {\n      // If mode is explicitly light or dark, use it directly\n      if (this.mode === DT_MODE_ISLAND_TYPES.LIGHT || this.mode === DT_MODE_ISLAND_TYPES.DARK) {\n        return this.mode;\n      }\n\n      // If mode is inverted, use the calculated mode if available\n      if (this.mode === DT_MODE_ISLAND_TYPES.INVERTED && this.calculatedMode) {\n        return this.calculatedMode;\n      }\n\n      // Otherwise calculate it now\n      return this.calculateInvertedMode();\n    },\n  },\n\n  beforeCreate () {\n    // Throw error if data-dt-brand is manually set\n    if (this.$attrs && this.$attrs['data-dt-brand']) {\n      throw new Error('[DtModeIsland] The data-dt-brand attribute is not allowed on mode islands. Brand should only be set at the root level.');\n    }\n  },\n\n  mounted () {\n    // Store element reference\n    this.elementRef = this.$el;\n\n    // Setup MutationObserver to watch for contrast changes on root\n    this.setupContrastObserver();\n\n    // Setup MutationObserver to watch for mode changes (only if inverted)\n    if (this.isInverted) {\n      // Initialize the calculated mode\n      this.calculatedMode = this.calculateInvertedMode();\n      this.setupModeObserver();\n    }\n\n    // Initial contrast value\n    this.currentContrast = getRootContrast();\n  },\n\n  beforeUnmount () {\n    // Cleanup observers\n    if (this.contrastObserver) {\n      this.contrastObserver.disconnect();\n      this.contrastObserver = null;\n    }\n    if (this.modeObserver) {\n      this.modeObserver.disconnect();\n      this.modeObserver = null;\n    }\n  },\n\n  methods: {\n    calculateInvertedMode () {\n      // First check if there's a parent mode island\n      if (this.parentModeIslandMode) {\n        const parentMode = typeof this.parentModeIslandMode === 'function'\n          ? this.parentModeIslandMode()\n          : this.parentModeIslandMode;\n        return getOppositeMode(parentMode);\n      }\n\n      // Otherwise, find the nearest parent with data-dt-mode\n      if (this.elementRef) {\n        const parentMode = findParentMode(this.elementRef);\n        return getOppositeMode(parentMode);\n      }\n\n      // Default fallback\n      return getOppositeMode(getRootMode());\n    },\n\n    setupContrastObserver () {\n      this.contrastObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-contrast') {\n            this.currentContrast = getRootContrast();\n          }\n        }\n      });\n\n      this.contrastObserver.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['data-dt-contrast'],\n      });\n    },\n\n    setupModeObserver () {\n      const config = {\n        attributes: true,\n        attributeFilter: ['data-dt-mode'],\n        subtree: false,\n      };\n\n      this.modeObserver = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'data-dt-mode') {\n            // Recalculate and update the reactive data property\n            this.calculatedMode = this.calculateInvertedMode();\n          }\n        }\n      });\n\n      // Observe root element\n      this.modeObserver.observe(document.documentElement, config);\n\n      // Also observe all parent elements with data-dt-mode\n      let parent = this.elementRef?.parentElement;\n      while (parent) {\n        if (parent.hasAttribute('data-dt-mode')) {\n          this.modeObserver.observe(parent, config);\n        }\n        parent = parent.parentElement;\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DT_MODE_ISLAND_TYPES","modeValidator","getRootContrast","parentMode","getOppositeMode","findParentMode","getRootMode","mutationsList","mutation","config","parent","_a","_createBlock","_resolveDynamicComponent","$props","_mergeProps","_ctx","$options","$data","_renderSlot"],"mappings":"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"}

package/dist/lib/mode-island/utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function n(t){return t==="light"?"dark":"light"}function o(){return document.documentElement.getAttribute("data-dt-mode")||"light"}function r(){return document.documentElement.getAttribute("data-dt-contrast")||"default"}function d(t){let e=t==null?void 0:t.parentElement;for(;e&&e!==document.documentElement;){if(e.hasAttribute("data-dt-mode"))return e.getAttribute("data-dt-mode");e=e.parentElement}return o()}const u={getOppositeMode:n,getRootMode:o,getRootContrast:r,findParentMode:d};exports.default=u;exports.findParentMode=d;exports.getOppositeMode=n;exports.getRootContrast=r;exports.getRootMode=o;
+//# sourceMappingURL=utils.cjs.map

package/dist/lib/mode-island/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../components/mode_island/utils.js"],"sourcesContent":["/**\n * Get the opposite mode (light <-> dark)\n * @param {string} currentMode - The current mode\n * @returns {string} The opposite mode\n */\nexport function getOppositeMode (currentMode) {\n  return currentMode === 'light' ? 'dark' : 'light';\n}\n\n/**\n * Get the mode from the root HTML element\n * @returns {string} The root mode or 'light' as default\n */\nexport function getRootMode () {\n  const rootMode = document.documentElement.getAttribute('data-dt-mode');\n  return rootMode || 'light';\n}\n\n/**\n * Get the contrast from the root HTML element\n * @returns {string} The root contrast or 'default' as default\n */\nexport function getRootContrast () {\n  const rootContrast = document.documentElement.getAttribute('data-dt-contrast');\n  return rootContrast || 'default';\n}\n\n/**\n * Find the mode from the nearest parent element with data-dt-mode attribute\n * @param {HTMLElement} el - The starting element\n * @returns {string} The parent mode or root mode\n */\nexport function findParentMode (el) {\n  let parent = el?.parentElement;\n  while (parent && parent !== document.documentElement) {\n    if (parent.hasAttribute('data-dt-mode')) {\n      return parent.getAttribute('data-dt-mode');\n    }\n    parent = parent.parentElement;\n  }\n  return getRootMode();\n}\n\nexport default {\n  getOppositeMode,\n  getRootMode,\n  getRootContrast,\n  findParentMode,\n};"],"names":["getOppositeMode","currentMode","getRootMode","getRootContrast","findParentMode","el","parent","utils"],"mappings":"4GAKO,SAASA,EAAiBC,EAAa,CAC5C,OAAOA,IAAgB,QAAU,OAAS,OAC5C,CAMO,SAASC,GAAe,CAE7B,OADiB,SAAS,gBAAgB,aAAa,cAAc,GAClD,OACrB,CAMO,SAASC,GAAmB,CAEjC,OADqB,SAAS,gBAAgB,aAAa,kBAAkB,GACtD,SACzB,CAOO,SAASC,EAAgBC,EAAI,CAClC,IAAIC,EAASD,GAAA,YAAAA,EAAI,cACjB,KAAOC,GAAUA,IAAW,SAAS,iBAAiB,CACpD,GAAIA,EAAO,aAAa,cAAc,EACpC,OAAOA,EAAO,aAAa,cAAc,EAE3CA,EAASA,EAAO,aAClB,CACA,OAAOJ,EAAW,CACpB,CAEA,MAAAK,EAAe,CACb,gBAAAP,EACA,YAAAE,EACA,gBAAAC,EACA,eAAAC,CACF"}

package/dist/lib/mode-island/utils.js

@@ -0,0 +1,32 @@
+function n(t) {
+  return t === "light" ? "dark" : "light";
+}
+function o() {
+  return document.documentElement.getAttribute("data-dt-mode") || "light";
+}
+function r() {
+  return document.documentElement.getAttribute("data-dt-contrast") || "default";
+}
+function d(t) {
+  let e = t == null ? void 0 : t.parentElement;
+  for (; e && e !== document.documentElement; ) {
+    if (e.hasAttribute("data-dt-mode"))
+      return e.getAttribute("data-dt-mode");
+    e = e.parentElement;
+  }
+  return o();
+}
+const u = {
+  getOppositeMode: n,
+  getRootMode: o,
+  getRootContrast: r,
+  findParentMode: d
+};
+export {
+  u as default,
+  d as findParentMode,
+  n as getOppositeMode,
+  r as getRootContrast,
+  o as getRootMode
+};
+//# sourceMappingURL=utils.js.map

package/dist/lib/mode-island/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../components/mode_island/utils.js"],"sourcesContent":["/**\n * Get the opposite mode (light <-> dark)\n * @param {string} currentMode - The current mode\n * @returns {string} The opposite mode\n */\nexport function getOppositeMode (currentMode) {\n  return currentMode === 'light' ? 'dark' : 'light';\n}\n\n/**\n * Get the mode from the root HTML element\n * @returns {string} The root mode or 'light' as default\n */\nexport function getRootMode () {\n  const rootMode = document.documentElement.getAttribute('data-dt-mode');\n  return rootMode || 'light';\n}\n\n/**\n * Get the contrast from the root HTML element\n * @returns {string} The root contrast or 'default' as default\n */\nexport function getRootContrast () {\n  const rootContrast = document.documentElement.getAttribute('data-dt-contrast');\n  return rootContrast || 'default';\n}\n\n/**\n * Find the mode from the nearest parent element with data-dt-mode attribute\n * @param {HTMLElement} el - The starting element\n * @returns {string} The parent mode or root mode\n */\nexport function findParentMode (el) {\n  let parent = el?.parentElement;\n  while (parent && parent !== document.documentElement) {\n    if (parent.hasAttribute('data-dt-mode')) {\n      return parent.getAttribute('data-dt-mode');\n    }\n    parent = parent.parentElement;\n  }\n  return getRootMode();\n}\n\nexport default {\n  getOppositeMode,\n  getRootMode,\n  getRootContrast,\n  findParentMode,\n};"],"names":["getOppositeMode","currentMode","getRootMode","getRootContrast","findParentMode","el","parent","utils"],"mappings":"AAKO,SAASA,EAAiBC,GAAa;AAC5C,SAAOA,MAAgB,UAAU,SAAS;AAC5C;AAMO,SAASC,IAAe;AAE7B,SADiB,SAAS,gBAAgB,aAAa,cAAc,KAClD;AACrB;AAMO,SAASC,IAAmB;AAEjC,SADqB,SAAS,gBAAgB,aAAa,kBAAkB,KACtD;AACzB;AAOO,SAASC,EAAgBC,GAAI;AAClC,MAAIC,IAASD,KAAA,gBAAAA,EAAI;AACjB,SAAOC,KAAUA,MAAW,SAAS,mBAAiB;AACpD,QAAIA,EAAO,aAAa,cAAc;AACpC,aAAOA,EAAO,aAAa,cAAc;AAE3C,IAAAA,IAASA,EAAO;AAAA,EAClB;AACA,SAAOJ,EAAW;AACpB;AAEA,MAAAK,IAAe;AAAA,EACb,iBAAAP;AAAA,EACA,aAAAE;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AACF;"}

package/dist/lib/mode-island/validators.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./mode-island-constants.cjs");function e(t){return Object.values(o.DT_MODE_ISLAND_TYPES).includes(t)}const a={modeValidator:e};exports.default=a;exports.modeValidator=e;
+//# sourceMappingURL=validators.cjs.map

package/dist/lib/mode-island/validators.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.cjs","sources":["../../../components/mode_island/validators.js"],"sourcesContent":["import { DT_MODE_ISLAND_TYPES } from './mode_island_constants';\n\nexport function modeValidator (mode) {\n  return Object.values(DT_MODE_ISLAND_TYPES).includes(mode);\n}\n\nexport default {\n  modeValidator,\n};"],"names":["modeValidator","mode","DT_MODE_ISLAND_TYPES","validators"],"mappings":"2JAEO,SAASA,EAAeC,EAAM,CACnC,OAAO,OAAO,OAAOC,EAAAA,oBAAoB,EAAE,SAASD,CAAI,CAC1D,CAEA,MAAAE,EAAe,CACb,cAAAH,CACF"}

package/dist/lib/mode-island/validators.js

@@ -0,0 +1,12 @@
+import { DT_MODE_ISLAND_TYPES as o } from "./mode-island-constants.js";
+function a(t) {
+  return Object.values(o).includes(t);
+}
+const r = {
+  modeValidator: a
+};
+export {
+  r as default,
+  a as modeValidator
+};
+//# sourceMappingURL=validators.js.map

package/dist/lib/mode-island/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.js","sources":["../../../components/mode_island/validators.js"],"sourcesContent":["import { DT_MODE_ISLAND_TYPES } from './mode_island_constants';\n\nexport function modeValidator (mode) {\n  return Object.values(DT_MODE_ISLAND_TYPES).includes(mode);\n}\n\nexport default {\n  modeValidator,\n};"],"names":["modeValidator","mode","DT_MODE_ISLAND_TYPES","validators"],"mappings":";AAEO,SAASA,EAAeC,GAAM;AACnC,SAAO,OAAO,OAAOC,CAAoB,EAAE,SAASD,CAAI;AAC1D;AAEA,MAAAE,IAAe;AAAA,EACb,eAAAH;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["gradient-in","fade-in","slide-in","gradient-sweep","shimmer","none"],t=["sm","md","lg"],T={sm:{characterDelay:20,wordDelay:30,duration:600},md:{characterDelay:30,wordDelay:50,duration:1e3},lg:{characterDelay:50,wordDelay:100,duration:1500}},a={MOTION_TEXT_ANIMATION_MODES:e,MOTION_TEXT_SPEEDS:t,MOTION_TEXT_TIMING_PRESETS:T};exports.MOTION_TEXT_ANIMATION_MODES=e;exports.MOTION_TEXT_SPEEDS=t;exports.MOTION_TEXT_TIMING_PRESETS=T;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["gradient-in","fade-in","slide-in","gradient-sweep","shimmer","none"],a=["100","200","300","400","500"],t={100:{characterDelay:10,wordDelay:15,duration:300},200:{characterDelay:20,wordDelay:30,duration:600},300:{characterDelay:30,wordDelay:50,duration:1e3},400:{characterDelay:50,wordDelay:100,duration:1500},500:{characterDelay:80,wordDelay:180,duration:2100}},r={MOTION_TEXT_ANIMATION_MODES:e,MOTION_TEXT_SPEEDS:a,MOTION_TEXT_TIMING_PRESETS:t};exports.MOTION_TEXT_ANIMATION_MODES=e;exports.MOTION_TEXT_SPEEDS=a;exports.MOTION_TEXT_TIMING_PRESETS=t;exports.default=r;
 //# sourceMappingURL=motion-text-constants.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"motion-text-constants.cjs","sources":["../../../components/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options (t-shirt sizing)\nexport const MOTION_TEXT_SPEEDS = ['sm', 'md', 'lg'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  sm: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  md: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  lg: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"4GACY,MAACA,EAA8B,CACzC,cACA,UACA,WACA,iBACA,UACA,MACF,EAGaC,EAAqB,CAAC,KAAM,KAAM,IAAI,EAGtCC,EAA6B,CACxC,GAAI,CACF,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,GAAI,CACF,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,GAAI,CACF,eAAgB,GAChB,UAAW,IACX,SAAU,IACd,CACA,EAEAC,EAAe,CACb,4BAAAH,EACA,mBAAAC,EACA,2BAAAC,CACF"}
+{"version":3,"file":"motion-text-constants.cjs","sources":["../../../components/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options\nexport const MOTION_TEXT_SPEEDS = ['100', '200', '300', '400', '500'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  100: {\n    characterDelay: 10,\n    wordDelay: 15,\n    duration: 300,\n  },\n  200: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  300: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  400: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n  500: {\n    characterDelay: 80,\n    wordDelay: 180,\n    duration: 2100,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"4GACY,MAACA,EAA8B,CACzC,cACA,UACA,WACA,iBACA,UACA,MACF,EAGaC,EAAqB,CAAC,MAAO,MAAO,MAAO,MAAO,KAAK,EAGvDC,EAA6B,CACxC,IAAK,CACH,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,IAAK,CACH,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,IAAK,CACH,eAAgB,GAChB,UAAW,GACX,SAAU,GACd,EACE,IAAK,CACH,eAAgB,GAChB,UAAW,IACX,SAAU,IACd,EACE,IAAK,CACH,eAAgB,GAChB,UAAW,IACX,SAAU,IACd,CACA,EAEAC,EAAe,CACb,4BAAAH,EACA,mBAAAC,EACA,2BAAAC,CACF"}

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

@@ -5,31 +5,41 @@ const a = [
   "gradient-sweep",
   "shimmer",
   "none"
-], e = ["sm", "md", "lg"], t = {
-  sm: {
+], e = ["100", "200", "300", "400", "500"], r = {
+  100: {
+    characterDelay: 10,
+    wordDelay: 15,
+    duration: 300
+  },
+  200: {
     characterDelay: 20,
     wordDelay: 30,
     duration: 600
   },
-  md: {
+  300: {
     characterDelay: 30,
     wordDelay: 50,
     duration: 1e3
   },
-  lg: {
+  400: {
     characterDelay: 50,
     wordDelay: 100,
     duration: 1500
+  },
+  500: {
+    characterDelay: 80,
+    wordDelay: 180,
+    duration: 2100
   }
-}, n = {
+}, t = {
   MOTION_TEXT_ANIMATION_MODES: a,
   MOTION_TEXT_SPEEDS: e,
-  MOTION_TEXT_TIMING_PRESETS: t
+  MOTION_TEXT_TIMING_PRESETS: r
 };
 export {
   a as MOTION_TEXT_ANIMATION_MODES,
   e as MOTION_TEXT_SPEEDS,
-  t as MOTION_TEXT_TIMING_PRESETS,
-  n as default
+  r as MOTION_TEXT_TIMING_PRESETS,
+  t as default
 };
 //# sourceMappingURL=motion-text-constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"motion-text-constants.js","sources":["../../../components/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options (t-shirt sizing)\nexport const MOTION_TEXT_SPEEDS = ['sm', 'md', 'lg'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  sm: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  md: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  lg: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"AACY,MAACA,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAqB,CAAC,MAAM,MAAM,IAAI,GAGtCC,IAA6B;AAAA,EACxC,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,IAAI;AAAA,IACF,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AACA,GAEAC,IAAe;AAAA,EACb,6BAAAH;AAAA,EACA,oBAAAC;AAAA,EACA,4BAAAC;AACF;"}
+{"version":3,"file":"motion-text-constants.js","sources":["../../../components/motion_text/motion_text_constants.js"],"sourcesContent":["// Animation mode options\nexport const MOTION_TEXT_ANIMATION_MODES = [\n  'gradient-in',\n  'fade-in',\n  'slide-in',\n  'gradient-sweep',\n  'shimmer',\n  'none',\n];\n\n// Speed options\nexport const MOTION_TEXT_SPEEDS = ['100', '200', '300', '400', '500'];\n\n// Timing presets based on speed\nexport const MOTION_TEXT_TIMING_PRESETS = {\n  100: {\n    characterDelay: 10,\n    wordDelay: 15,\n    duration: 300,\n  },\n  200: {\n    characterDelay: 20,\n    wordDelay: 30,\n    duration: 600,\n  },\n  300: {\n    characterDelay: 30,\n    wordDelay: 50,\n    duration: 1000,\n  },\n  400: {\n    characterDelay: 50,\n    wordDelay: 100,\n    duration: 1500,\n  },\n  500: {\n    characterDelay: 80,\n    wordDelay: 180,\n    duration: 2100,\n  },\n};\n\nexport default {\n  MOTION_TEXT_ANIMATION_MODES,\n  MOTION_TEXT_SPEEDS,\n  MOTION_TEXT_TIMING_PRESETS,\n};\n"],"names":["MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","motion_text_constants"],"mappings":"AACY,MAACA,IAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAqB,CAAC,OAAO,OAAO,OAAO,OAAO,KAAK,GAGvDC,IAA6B;AAAA,EACxC,KAAK;AAAA,IACH,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,KAAK;AAAA,IACH,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,KAAK;AAAA,IACH,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,KAAK;AAAA,IACH,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AAAA,EACE,KAAK;AAAA,IACH,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,UAAU;AAAA,EACd;AACA,GAEAC,IAAe;AAAA,EACb,6BAAAH;AAAA,EACA,oBAAAC;AAAA,EACA,4BAAAC;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./motion-text-constants.cjs"),t=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtMotionText",inheritAttrs:!1,props:{text:{type:String,default:""},animationMode:{type:String,default:"gradient-in",validator:e=>m.MOTION_TEXT_ANIMATION_MODES.includes(e)},speed:{type:String,default:"md",validator:e=>m.MOTION_TEXT_SPEEDS.includes(e)},autoStart:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},respectsReducedMotion:{type:Boolean,default:!0},screenReaderText:{type:String,default:""}},emits:["start","complete","progress","pause","resume"],data(){return{words:[],visibleWordCount:0,visibleCharsPerWord:[],isAnimating:!1,isPaused:!1,isLooped:!1,animationTimeouts:[],prefersReducedMotion:!1,animationKey:0}},computed:{timing(){return m.MOTION_TEXT_TIMING_PRESETS[this.speed]},componentStyles(){return{"--d-motion-text-duration":`${this.timing.duration}ms`,"--d-motion-text-char-duration":`${this.timing.duration}ms`,"--d-motion-text-word-duration":`${this.timing.duration*2}ms`}},isStaticAnimationMode(){return this.animationMode==="gradient-sweep"||this.animationMode==="shimmer"},motionTextClasses(){return["d-motion-text",`d-motion-text--${this.animationMode}`,{"d-motion-text--animating":this.isAnimating,"d-motion-text--paused":this.isPaused,"d-motion-text--looped":this.isLooped},this.$attrs.class]}},watch:{text(){this.reset(),this.initializeContent()},loop:{handler(e){this.isLooped=e},immediate:!0}},mounted(){this.checkReducedMotion(),this.initializeContent()},beforeUnmount(){this.clearTimeouts()},methods:{processTextToChars(e){const l=[],i=(n,s=0)=>{var r;if(n.nodeType===Node.TEXT_NODE){const a=((r=n.textContent)==null?void 0:r.match(/\S+\s*/g))||[];return l.push(...a.map((o,d)=>({text:o,chars:o.split(""),index:s+d}))),s+a.length}else if(n.nodeType===Node.ELEMENT_NODE){let a=s;return Array.from(n.childNodes).forEach(o=>{a=i(o,a)}),a}return s};return i(e),l},processDirectText(e){return e?(e.match(/\S+\s*/g)||[]).map((i,n)=>({text:i,chars:i.split(""),index:n})):[]},checkReducedMotion(){typeof window<"u"&&window.matchMedia&&(this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches)},clearTimeouts(){this.animationTimeouts.forEach(e=>clearTimeout(e)),this.animationTimeouts=[]},start(){if(!this.isAnimating){if(this.isAnimating=!0,this.isPaused=!1,this.$emit("start"),this.respectsReducedMotion&&this.prefersReducedMotion){this.showAllContent();return}if(this.animationMode==="none"){this.showAllContent();return}this.isStaticAnimationMode||this.showNextWord()}},pause(){!this.isAnimating||this.isPaused||(this.isPaused=!0,this.clearTimeouts(),this.$emit("pause"))},resume(){this.isPaused&&(this.isPaused=!1,this.$emit("resume"),this.showNextWord())},reset(){this.clearTimeouts(),this.isAnimating=!1,this.isPaused=!1,this.visibleWordCount=0,this.visibleCharsPerWord=Array(this.words.length).fill(0),this.animationKey++},skipToEnd(){this.showAllContent()},showAllContent(){this.visibleWordCount=this.words.length,this.visibleCharsPerWord=this.words.map(e=>e.chars.length),setTimeout(()=>{this.isAnimating=!1,this.$emit("complete")},0)},showNextWord(){if(this.isPaused||this.visibleWordCount>=this.words.length){this.visibleWordCount>=this.words.length&&this.completeAnimation();return}const e=setTimeout(()=>{this.visibleWordCount++,this.$emit("progress",{wordsComplete:this.visibleWordCount,totalWords:this.words.length,progress:this.visibleWordCount/this.words.length}),this.animateCharsForWord(this.visibleWordCount-1)},this.timing.wordDelay);this.animationTimeouts.push(e)},animateCharsForWord(e){if(this.isPaused||e>=this.words.length)return;this.visibleCharsPerWord[e]=0;const l=this.words[e].chars.length,i=()=>{if(this.isPaused||this.visibleCharsPerWord[e]>=l){this.visibleCharsPerWord[e]>=l&&this.showNextWord();return}this.visibleCharsPerWord[e]++;const n=setTimeout(i,this.timing.characterDelay);this.animationTimeouts.push(n)};i()},completeAnimation(){if(this.isAnimating=!1,this.clearTimeouts(),this.$emit("complete"),this.loop){const e=setTimeout(()=>{this.reset(),this.$nextTick(()=>{this.start()})},500);this.animationTimeouts.push(e)}},initializeContent(){if(this.isStaticAnimationMode){this.autoStart&&this.$nextTick(()=>this.start());return}this.text?this.words=this.processDirectText(this.text):this.$refs.contentRef&&(this.words=this.processTextToChars(this.$refs.contentRef)),this.visibleCharsPerWord=Array(this.words.length).fill(0),this.visibleWordCount=0,this.autoStart&&this.words.length>0&&this.$nextTick(()=>this.start())}}},f=["data-text-content","aria-live","aria-label"],p={key:0,class:"d-motion-text__sr-only"},T=["aria-hidden"],g=["data-text-content"],C={key:3,class:"d-motion-text__fallback"};function y(e,l,i,n,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"contentRef",class:t.normalizeClass(r.motionTextClasses),style:t.normalizeStyle(r.componentStyles),"data-text-content":r.isStaticAnimationMode?i.text:void 0,"aria-live":s.isAnimating?"polite":"off","aria-label":i.screenReaderText||void 0},[i.screenReaderText?(t.openBlock(),t.createElementBlock("span",p,t.toDisplayString(i.screenReaderText),1)):t.createCommentVNode("",!0),r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(i.text)+" ",1),i.text?t.createCommentVNode("",!0):t.renderSlot(e.$slots,"default",{key:0})],64)):(t.openBlock(),t.createElementBlock("span",{key:s.animationKey,class:"d-motion-text__content","aria-hidden":s.isAnimating},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.words,(a,o)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}`,name:`d-motion-text-word-${i.animationMode}`},{default:t.withCtx(()=>[o<s.visibleWordCount?(t.openBlock(),t.createElementBlock("span",{key:0,class:"d-motion-text__word","data-text-content":a.text,style:t.normalizeStyle({"--word-index":o})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.chars,(d,h)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}-${h}`,name:`d-motion-text-char-${i.animationMode}`},{default:t.withCtx(()=>[h<s.visibleCharsPerWord[o]?(t.openBlock(),t.createElementBlock("span",{key:0,class:"d-motion-text__char",style:t.normalizeStyle({"--char-index":h,"--char-delay":`${h*r.timing.characterDelay}ms`})},t.toDisplayString(d),5)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],12,g)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],8,T)),!s.words.length&&!i.text&&!r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock("span",C,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0)],14,f)}const _=c._(u,[["render",y]]);exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./motion-text-constants.cjs"),t=require("vue"),c=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtMotionText",inheritAttrs:!1,props:{text:{type:String,default:""},animationMode:{type:String,default:"gradient-in",validator:e=>m.MOTION_TEXT_ANIMATION_MODES.includes(e)},speed:{type:[String,Number],default:300,validator:e=>m.MOTION_TEXT_SPEEDS.includes(String(e))},autoStart:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},respectsReducedMotion:{type:Boolean,default:!0},screenReaderText:{type:String,default:""}},emits:["start","complete","progress","pause","resume"],data(){return{words:[],visibleWordCount:0,visibleCharsPerWord:[],isAnimating:!1,isPaused:!1,isLooped:!1,animationTimeouts:[],prefersReducedMotion:!1,animationKey:0}},computed:{timing(){return m.MOTION_TEXT_TIMING_PRESETS[String(this.speed)]},componentStyles(){return{"--d-motion-text-duration":`${this.timing.duration}ms`,"--d-motion-text-char-duration":`${this.timing.duration}ms`,"--d-motion-text-word-duration":`${this.timing.duration*2}ms`}},isStaticAnimationMode(){return this.animationMode==="gradient-sweep"||this.animationMode==="shimmer"},motionTextClasses(){return["d-motion-text",`d-motion-text--${this.animationMode}`,{"d-motion-text--animating":this.isAnimating,"d-motion-text--paused":this.isPaused,"d-motion-text--looped":this.isLooped},this.$attrs.class]}},watch:{text(){this.reset(),this.initializeContent()},loop:{handler(e){this.isLooped=e},immediate:!0}},mounted(){this.checkReducedMotion(),this.initializeContent()},beforeUnmount(){this.clearTimeouts()},methods:{processTextToChars(e){const l=[],i=(n,s=0)=>{var r;if(n.nodeType===Node.TEXT_NODE){const a=((r=n.textContent)==null?void 0:r.match(/\S+\s*/g))||[];return l.push(...a.map((o,d)=>({text:o,chars:o.split(""),index:s+d}))),s+a.length}else if(n.nodeType===Node.ELEMENT_NODE){let a=s;return Array.from(n.childNodes).forEach(o=>{a=i(o,a)}),a}return s};return i(e),l},processDirectText(e){return e?(e.match(/\S+\s*/g)||[]).map((i,n)=>({text:i,chars:i.split(""),index:n})):[]},checkReducedMotion(){typeof window<"u"&&window.matchMedia&&(this.prefersReducedMotion=window.matchMedia("(prefers-reduced-motion: reduce)").matches)},clearTimeouts(){this.animationTimeouts.forEach(e=>clearTimeout(e)),this.animationTimeouts=[]},start(){if(!this.isAnimating){if(this.isAnimating=!0,this.isPaused=!1,this.$emit("start"),this.respectsReducedMotion&&this.prefersReducedMotion){this.showAllContent();return}if(this.animationMode==="none"){this.showAllContent();return}this.isStaticAnimationMode||this.showNextWord()}},pause(){!this.isAnimating||this.isPaused||(this.isPaused=!0,this.clearTimeouts(),this.$emit("pause"))},resume(){this.isPaused&&(this.isPaused=!1,this.$emit("resume"),this.showNextWord())},reset(){this.clearTimeouts(),this.isAnimating=!1,this.isPaused=!1,this.visibleWordCount=0,this.visibleCharsPerWord=Array(this.words.length).fill(0),this.animationKey++},skipToEnd(){this.showAllContent()},showAllContent(){this.visibleWordCount=this.words.length,this.visibleCharsPerWord=this.words.map(e=>e.chars.length),setTimeout(()=>{this.isAnimating=!1,this.$emit("complete")},0)},showNextWord(){if(this.isPaused||this.visibleWordCount>=this.words.length){this.visibleWordCount>=this.words.length&&this.completeAnimation();return}const e=setTimeout(()=>{this.visibleWordCount++,this.$emit("progress",{wordsComplete:this.visibleWordCount,totalWords:this.words.length,progress:this.visibleWordCount/this.words.length}),this.animateCharsForWord(this.visibleWordCount-1)},this.timing.wordDelay);this.animationTimeouts.push(e)},animateCharsForWord(e){if(this.isPaused||e>=this.words.length)return;this.visibleCharsPerWord[e]=0;const l=this.words[e].chars.length,i=()=>{if(this.isPaused||this.visibleCharsPerWord[e]>=l){this.visibleCharsPerWord[e]>=l&&this.showNextWord();return}this.visibleCharsPerWord[e]++;const n=setTimeout(i,this.timing.characterDelay);this.animationTimeouts.push(n)};i()},completeAnimation(){if(this.isAnimating=!1,this.clearTimeouts(),this.$emit("complete"),this.loop){const e=setTimeout(()=>{this.reset(),this.$nextTick(()=>{this.start()})},500);this.animationTimeouts.push(e)}},initializeContent(){if(this.isStaticAnimationMode){this.autoStart&&this.$nextTick(()=>this.start());return}this.text?this.words=this.processDirectText(this.text):this.$refs.contentRef&&(this.words=this.processTextToChars(this.$refs.contentRef)),this.visibleCharsPerWord=Array(this.words.length).fill(0),this.visibleWordCount=0,this.autoStart&&this.words.length>0&&this.$nextTick(()=>this.start())}}},f=["data-text-content","aria-live","aria-label"],p={key:0,class:"d-motion-text__sr-only"},T=["aria-hidden"],g=["data-text-content"],C={key:3,class:"d-motion-text__fallback"};function y(e,l,i,n,s,r){return t.openBlock(),t.createElementBlock("span",{ref:"contentRef",class:t.normalizeClass(r.motionTextClasses),style:t.normalizeStyle(r.componentStyles),"data-text-content":r.isStaticAnimationMode?i.text:void 0,"aria-live":s.isAnimating?"polite":"off","aria-label":i.screenReaderText||void 0},[i.screenReaderText?(t.openBlock(),t.createElementBlock("span",p,t.toDisplayString(i.screenReaderText),1)):t.createCommentVNode("",!0),r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(i.text)+" ",1),i.text?t.createCommentVNode("",!0):t.renderSlot(e.$slots,"default",{key:0})],64)):(t.openBlock(),t.createElementBlock("span",{key:s.animationKey,class:"d-motion-text__content","aria-hidden":s.isAnimating},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.words,(a,o)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}`,name:`d-motion-text-word-${i.animationMode}`},{default:t.withCtx(()=>[o<s.visibleWordCount?(t.openBlock(),t.createElementBlock("span",{key:0,class:"d-motion-text__word","data-text-content":a.text,style:t.normalizeStyle({"--word-index":o})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.chars,(d,h)=>(t.openBlock(),t.createBlock(t.Transition,{key:`${s.animationKey}-${o}-${h}`,name:`d-motion-text-char-${i.animationMode}`},{default:t.withCtx(()=>[h<s.visibleCharsPerWord[o]?(t.openBlock(),t.createElementBlock("span",{key:0,class:"d-motion-text__char",style:t.normalizeStyle({"--char-index":h,"--char-delay":`${h*r.timing.characterDelay}ms`})},t.toDisplayString(d),5)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],12,g)):t.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))],8,T)),!s.words.length&&!i.text&&!r.isStaticAnimationMode?(t.openBlock(),t.createElementBlock("span",C,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("",!0)],14,f)}const _=c._(u,[["render",y]]);exports.default=_;
 //# sourceMappingURL=motion-text.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"motion-text.cjs","sources":["../../../components/motion_text/motion_text.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"contentRef\"\n    :class=\"motionTextClasses\"\n    :style=\"componentStyles\"\n    :data-text-content=\"isStaticAnimationMode ? text : undefined\"\n    :aria-live=\"isAnimating ? 'polite' : 'off'\"\n    :aria-label=\"screenReaderText || undefined\"\n  >\n    <!-- Screen reader content -->\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-motion-text__sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n\n    <!-- Gradient-sweep and shimmer modes: Simple static text with gradient animation -->\n    <template v-if=\"isStaticAnimationMode\">\n      {{ text }}\n      <slot v-if=\"!text\" />\n    </template>\n\n    <!-- Character-by-character animated content for other modes -->\n    <span\n      v-else\n      :key=\"animationKey\"\n      class=\"d-motion-text__content\"\n      :aria-hidden=\"isAnimating\"\n    >\n      <template\n        v-for=\"(word, wordIdx) in words\"\n        :key=\"`${animationKey}-${wordIdx}`\"\n      >\n        <Transition\n          :name=\"`d-motion-text-word-${animationMode}`\"\n        >\n          <span\n            v-if=\"wordIdx < visibleWordCount\"\n            class=\"d-motion-text__word\"\n            :data-text-content=\"word.text\"\n            :style=\"{ '--word-index': wordIdx }\"\n          >\n            <template\n              v-for=\"(char, charIdx) in word.chars\"\n              :key=\"`${animationKey}-${wordIdx}-${charIdx}`\"\n            >\n              <Transition\n                :name=\"`d-motion-text-char-${animationMode}`\"\n              >\n                <span\n                  v-if=\"charIdx < visibleCharsPerWord[wordIdx]\"\n                  class=\"d-motion-text__char\"\n                  :style=\"{\n                    '--char-index': charIdx,\n                    '--char-delay': `${charIdx * timing.characterDelay}ms`,\n                  }\"\n                >{{ char }}</span>\n              </Transition>\n            </template>\n          </span>\n        </Transition>\n      </template>\n    </span>\n\n    <!-- Fallback slot content -->\n    <span\n      v-if=\"!words.length && !text && !isStaticAnimationMode\"\n      class=\"d-motion-text__fallback\"\n    >\n      <slot />\n    </span>\n  </span>\n</template>\n\n<script>\nimport { MOTION_TEXT_ANIMATION_MODES, MOTION_TEXT_SPEEDS, MOTION_TEXT_TIMING_PRESETS } from './motion_text_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtMotionText',\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * The text content to animate.\n     * @type {string}\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The animation mode to use for the text reveal.\n     * @values gradient-in, fade-in, slide-in, gradient-sweep, shimmer, none\n     */\n    animationMode: {\n      type: String,\n      default: 'gradient-in',\n      validator: (value) => MOTION_TEXT_ANIMATION_MODES.includes(value),\n    },\n\n    /**\n     * Animation speed using t-shirt sizing.\n     * @values sm, md, lg\n     */\n    speed: {\n      type: String,\n      default: 'md',\n      validator: (value) => MOTION_TEXT_SPEEDS.includes(value),\n    },\n\n    /**\n     * Whether to start animation automatically when component is mounted.\n     * @values true, false\n     */\n    autoStart: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether to loop the animation continuously.\n     * @values true, false\n     */\n    loop: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether to respect the user's prefers-reduced-motion system setting.\n     * @values true, false\n     */\n    respectsReducedMotion: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Alternative text for screen readers. If provided, this will be announced\n     * instead of the animated text.\n     * @type {string}\n     */\n    screenReaderText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when the animation starts.\n     * @event start\n     */\n    'start',\n\n    /**\n     * Emitted when the animation completes.\n     * @event complete\n     */\n    'complete',\n\n    /**\n     * Emitted during animation progress.\n     * @event progress\n     * @type {{ wordsComplete: number, totalWords: number, progress: number }}\n     */\n    'progress',\n\n    /**\n     * Emitted when the animation is paused.\n     * @event pause\n     */\n    'pause',\n\n    /**\n     * Emitted when the animation resumes.\n     * @event resume\n     */\n    'resume',\n  ],\n\n  data () {\n    return {\n      words: [],\n      visibleWordCount: 0,\n      visibleCharsPerWord: [],\n      isAnimating: false,\n      isPaused: false,\n      isLooped: false,\n      animationTimeouts: [],\n      prefersReducedMotion: false,\n      animationKey: 0,\n    };\n  },\n\n  computed: {\n    /**\n     * Get timing preset based on speed prop\n     */\n    timing () {\n      return MOTION_TEXT_TIMING_PRESETS[this.speed];\n    },\n\n    /**\n     * Computed styles with timing CSS variables\n     */\n    componentStyles () {\n      return {\n        '--d-motion-text-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-char-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-word-duration': `${this.timing.duration * 2}ms`,\n      };\n    },\n\n    /**\n     * Check if current animation mode is static (gradient-sweep or shimmer)\n     */\n    isStaticAnimationMode () {\n      return this.animationMode === 'gradient-sweep' || this.animationMode === 'shimmer';\n    },\n\n    /**\n     * Computed classes for the motion text element\n     */\n    motionTextClasses () {\n      return [\n        'd-motion-text',\n        `d-motion-text--${this.animationMode}`,\n        {\n          'd-motion-text--animating': this.isAnimating,\n          'd-motion-text--paused': this.isPaused,\n          'd-motion-text--looped': this.isLooped,\n        },\n        this.$attrs.class,\n      ];\n    },\n  },\n\n  watch: {\n    text () {\n      this.reset();\n      this.initializeContent();\n    },\n\n    loop: {\n      handler (newVal) {\n        this.isLooped = newVal;\n      },\n\n      immediate: true,\n    },\n  },\n\n  mounted () {\n    this.checkReducedMotion();\n    this.initializeContent();\n  },\n\n  beforeUnmount () {\n    this.clearTimeouts();\n  },\n\n  methods: {\n    /**\n     * Self-contained text processing from DOM nodes\n     */\n    processTextToChars (node) {\n      const words = [];\n\n      const processNode = (node, index = 0) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const matches = node.textContent?.match(/\\S+\\s*/g) || [];\n          words.push(...matches.map((text, i) => ({\n            text,\n            chars: text.split(''),\n            index: index + i,\n          })));\n          return index + matches.length;\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          let currentIdx = index;\n          Array.from(node.childNodes).forEach(child => {\n            currentIdx = processNode(child, currentIdx);\n          });\n          return currentIdx;\n        }\n        return index;\n      };\n\n      processNode(node);\n      return words;\n    },\n\n    /**\n     * Process direct text prop into word/character data\n     */\n    processDirectText (text) {\n      if (!text) return [];\n\n      const matches = text.match(/\\S+\\s*/g) || [];\n      return matches.map((wordText, i) => ({\n        text: wordText,\n        chars: wordText.split(''),\n        index: i,\n      }));\n    },\n\n    /**\n     * Check for reduced motion preference\n     */\n    checkReducedMotion () {\n      if (typeof window !== 'undefined' && window.matchMedia) {\n        this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      }\n    },\n\n    /**\n     * Clear all animation timeouts\n     */\n    clearTimeouts () {\n      this.animationTimeouts.forEach(timeout => clearTimeout(timeout));\n      this.animationTimeouts = [];\n    },\n\n    /**\n     * Start the animation\n     * @public\n     */\n    start () {\n      if (this.isAnimating) return;\n\n      this.isAnimating = true;\n      this.isPaused = false;\n      this.$emit('start');\n\n      // Skip animation if reduced motion is preferred and enabled\n      if (this.respectsReducedMotion && this.prefersReducedMotion) {\n        this.showAllContent();\n        return;\n      }\n\n      if (this.animationMode === 'none') {\n        this.showAllContent();\n        return;\n      }\n\n      // For gradient-sweep and shimmer modes, just mark as animating (CSS handles the animation)\n      if (this.isStaticAnimationMode) {\n        return;\n      }\n\n      // Start the word-by-word animation for \"-in\" modes\n      this.showNextWord();\n    },\n\n    /**\n     * Pause the animation\n     * @public\n     */\n    pause () {\n      if (!this.isAnimating || this.isPaused) return;\n\n      this.isPaused = true;\n      this.clearTimeouts();\n      this.$emit('pause');\n    },\n\n    /**\n     * Resume the animation\n     * @public\n     */\n    resume () {\n      if (!this.isPaused) return;\n\n      this.isPaused = false;\n      this.$emit('resume');\n      this.showNextWord();\n    },\n\n    /**\n     * Reset the animation to initial state\n     * @public\n     */\n    reset () {\n      this.clearTimeouts();\n      this.isAnimating = false;\n      this.isPaused = false;\n      this.visibleWordCount = 0;\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.animationKey++;\n    },\n\n    /**\n     * Skip to the end of the animation\n     * @public\n     */\n    skipToEnd () {\n      this.showAllContent();\n    },\n\n    /**\n     * Show all content immediately\n     */\n    showAllContent () {\n      this.visibleWordCount = this.words.length;\n      this.visibleCharsPerWord = this.words.map(word => word.chars.length);\n      setTimeout(() => {\n        this.isAnimating = false;\n        this.$emit('complete');\n      }, 0);\n    },\n\n    /**\n     * Show next word in sequence\n     */\n    showNextWord () {\n      if (this.isPaused || this.visibleWordCount >= this.words.length) {\n        if (this.visibleWordCount >= this.words.length) {\n          this.completeAnimation();\n        }\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        this.visibleWordCount++;\n        this.$emit('progress', {\n          wordsComplete: this.visibleWordCount,\n          totalWords: this.words.length,\n          progress: this.visibleWordCount / this.words.length,\n        });\n\n        this.animateCharsForWord(this.visibleWordCount - 1);\n      }, this.timing.wordDelay);\n\n      this.animationTimeouts.push(timeout);\n    },\n\n    /**\n     * Animate characters for a specific word\n     */\n    animateCharsForWord (wordIdx) {\n      if (this.isPaused || wordIdx >= this.words.length) return;\n\n      this.visibleCharsPerWord[wordIdx] = 0;\n      const chars = this.words[wordIdx].chars.length;\n\n      const revealChar = () => {\n        if (this.isPaused || this.visibleCharsPerWord[wordIdx] >= chars) {\n          if (this.visibleCharsPerWord[wordIdx] >= chars) {\n            this.showNextWord();\n          }\n          return;\n        }\n\n        this.visibleCharsPerWord[wordIdx]++;\n        const timeout = setTimeout(revealChar, this.timing.characterDelay);\n        this.animationTimeouts.push(timeout);\n      };\n\n      revealChar();\n    },\n\n    /**\n     * Complete the animation\n     */\n    completeAnimation () {\n      this.isAnimating = false;\n      this.clearTimeouts();\n\n      this.$emit('complete');\n\n      if (this.loop) {\n        const timeout = setTimeout(() => {\n          this.reset();\n          this.$nextTick(() => {\n            this.start();\n          });\n        }, 500);\n\n        this.animationTimeouts.push(timeout);\n      }\n    },\n\n    /**\n     * Initialize content based on text prop or slot content\n     */\n    initializeContent () {\n      // For gradient-sweep and shimmer modes, skip word/character processing\n      if (this.isStaticAnimationMode) {\n        if (this.autoStart) {\n          this.$nextTick(() => this.start());\n        }\n        return;\n      }\n\n      if (this.text) {\n        this.words = this.processDirectText(this.text);\n      } else if (this.$refs.contentRef) {\n        this.words = this.processTextToChars(this.$refs.contentRef);\n      }\n\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.visibleWordCount = 0;\n\n      if (this.autoStart && this.words.length > 0) {\n        this.$nextTick(() => this.start());\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","value","MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","newVal","node","words","processNode","index","matches","_a","text","i","currentIdx","child","wordText","timeout","word","wordIdx","chars","revealChar","_createElementBlock","$options","$props","$data","_hoisted_2","_toDisplayString","_Fragment","_createTextVNode","_renderSlot","_ctx","_openBlock","_renderList","_createBlock","_Transition","char","charIdx","_normalizeStyle","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"motion-text.cjs","sources":["../../../components/motion_text/motion_text.vue"],"sourcesContent":["<template>\n  <span\n    ref=\"contentRef\"\n    :class=\"motionTextClasses\"\n    :style=\"componentStyles\"\n    :data-text-content=\"isStaticAnimationMode ? text : undefined\"\n    :aria-live=\"isAnimating ? 'polite' : 'off'\"\n    :aria-label=\"screenReaderText || undefined\"\n  >\n    <!-- Screen reader content -->\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-motion-text__sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n\n    <!-- Gradient-sweep and shimmer modes: Simple static text with gradient animation -->\n    <template v-if=\"isStaticAnimationMode\">\n      {{ text }}\n      <slot v-if=\"!text\" />\n    </template>\n\n    <!-- Character-by-character animated content for other modes -->\n    <span\n      v-else\n      :key=\"animationKey\"\n      class=\"d-motion-text__content\"\n      :aria-hidden=\"isAnimating\"\n    >\n      <template\n        v-for=\"(word, wordIdx) in words\"\n        :key=\"`${animationKey}-${wordIdx}`\"\n      >\n        <Transition\n          :name=\"`d-motion-text-word-${animationMode}`\"\n        >\n          <span\n            v-if=\"wordIdx < visibleWordCount\"\n            class=\"d-motion-text__word\"\n            :data-text-content=\"word.text\"\n            :style=\"{ '--word-index': wordIdx }\"\n          >\n            <template\n              v-for=\"(char, charIdx) in word.chars\"\n              :key=\"`${animationKey}-${wordIdx}-${charIdx}`\"\n            >\n              <Transition\n                :name=\"`d-motion-text-char-${animationMode}`\"\n              >\n                <span\n                  v-if=\"charIdx < visibleCharsPerWord[wordIdx]\"\n                  class=\"d-motion-text__char\"\n                  :style=\"{\n                    '--char-index': charIdx,\n                    '--char-delay': `${charIdx * timing.characterDelay}ms`,\n                  }\"\n                >{{ char }}</span>\n              </Transition>\n            </template>\n          </span>\n        </Transition>\n      </template>\n    </span>\n\n    <!-- Fallback slot content -->\n    <span\n      v-if=\"!words.length && !text && !isStaticAnimationMode\"\n      class=\"d-motion-text__fallback\"\n    >\n      <slot />\n    </span>\n  </span>\n</template>\n\n<script>\nimport { MOTION_TEXT_ANIMATION_MODES, MOTION_TEXT_SPEEDS, MOTION_TEXT_TIMING_PRESETS } from './motion_text_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtMotionText',\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * The text content to animate.\n     * @type {string}\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The animation mode to use for the text reveal.\n     * @values gradient-in, fade-in, slide-in, gradient-sweep, shimmer, none\n     */\n    animationMode: {\n      type: String,\n      default: 'gradient-in',\n      validator: (value) => MOTION_TEXT_ANIMATION_MODES.includes(value),\n    },\n\n    /**\n     * Animation speed.\n     * @values 100, 200, 300, 400, 500\n     */\n    speed: {\n      type: [String, Number],\n      default: 300,\n      validator: (value) => MOTION_TEXT_SPEEDS.includes(String(value)),\n    },\n\n    /**\n     * Whether to start animation automatically when component is mounted.\n     * @values true, false\n     */\n    autoStart: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether to loop the animation continuously.\n     * @values true, false\n     */\n    loop: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether to respect the user's prefers-reduced-motion system setting.\n     * @values true, false\n     */\n    respectsReducedMotion: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Alternative text for screen readers. If provided, this will be announced\n     * instead of the animated text.\n     * @type {string}\n     */\n    screenReaderText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when the animation starts.\n     * @event start\n     */\n    'start',\n\n    /**\n     * Emitted when the animation completes.\n     * @event complete\n     */\n    'complete',\n\n    /**\n     * Emitted during animation progress.\n     * @event progress\n     * @type {{ wordsComplete: number, totalWords: number, progress: number }}\n     */\n    'progress',\n\n    /**\n     * Emitted when the animation is paused.\n     * @event pause\n     */\n    'pause',\n\n    /**\n     * Emitted when the animation resumes.\n     * @event resume\n     */\n    'resume',\n  ],\n\n  data () {\n    return {\n      words: [],\n      visibleWordCount: 0,\n      visibleCharsPerWord: [],\n      isAnimating: false,\n      isPaused: false,\n      isLooped: false,\n      animationTimeouts: [],\n      prefersReducedMotion: false,\n      animationKey: 0,\n    };\n  },\n\n  computed: {\n    /**\n     * Get timing preset based on speed prop\n     */\n    timing () {\n      return MOTION_TEXT_TIMING_PRESETS[String(this.speed)];\n    },\n\n    /**\n     * Computed styles with timing CSS variables\n     */\n    componentStyles () {\n      return {\n        '--d-motion-text-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-char-duration': `${this.timing.duration}ms`,\n        '--d-motion-text-word-duration': `${this.timing.duration * 2}ms`,\n      };\n    },\n\n    /**\n     * Check if current animation mode is static (gradient-sweep or shimmer)\n     */\n    isStaticAnimationMode () {\n      return this.animationMode === 'gradient-sweep' || this.animationMode === 'shimmer';\n    },\n\n    /**\n     * Computed classes for the motion text element\n     */\n    motionTextClasses () {\n      return [\n        'd-motion-text',\n        `d-motion-text--${this.animationMode}`,\n        {\n          'd-motion-text--animating': this.isAnimating,\n          'd-motion-text--paused': this.isPaused,\n          'd-motion-text--looped': this.isLooped,\n        },\n        this.$attrs.class,\n      ];\n    },\n  },\n\n  watch: {\n    text () {\n      this.reset();\n      this.initializeContent();\n    },\n\n    loop: {\n      handler (newVal) {\n        this.isLooped = newVal;\n      },\n\n      immediate: true,\n    },\n  },\n\n  mounted () {\n    this.checkReducedMotion();\n    this.initializeContent();\n  },\n\n  beforeUnmount () {\n    this.clearTimeouts();\n  },\n\n  methods: {\n    /**\n     * Self-contained text processing from DOM nodes\n     */\n    processTextToChars (node) {\n      const words = [];\n\n      const processNode = (node, index = 0) => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const matches = node.textContent?.match(/\\S+\\s*/g) || [];\n          words.push(...matches.map((text, i) => ({\n            text,\n            chars: text.split(''),\n            index: index + i,\n          })));\n          return index + matches.length;\n        } else if (node.nodeType === Node.ELEMENT_NODE) {\n          let currentIdx = index;\n          Array.from(node.childNodes).forEach(child => {\n            currentIdx = processNode(child, currentIdx);\n          });\n          return currentIdx;\n        }\n        return index;\n      };\n\n      processNode(node);\n      return words;\n    },\n\n    /**\n     * Process direct text prop into word/character data\n     */\n    processDirectText (text) {\n      if (!text) return [];\n\n      const matches = text.match(/\\S+\\s*/g) || [];\n      return matches.map((wordText, i) => ({\n        text: wordText,\n        chars: wordText.split(''),\n        index: i,\n      }));\n    },\n\n    /**\n     * Check for reduced motion preference\n     */\n    checkReducedMotion () {\n      if (typeof window !== 'undefined' && window.matchMedia) {\n        this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      }\n    },\n\n    /**\n     * Clear all animation timeouts\n     */\n    clearTimeouts () {\n      this.animationTimeouts.forEach(timeout => clearTimeout(timeout));\n      this.animationTimeouts = [];\n    },\n\n    /**\n     * Start the animation\n     * @public\n     */\n    start () {\n      if (this.isAnimating) return;\n\n      this.isAnimating = true;\n      this.isPaused = false;\n      this.$emit('start');\n\n      // Skip animation if reduced motion is preferred and enabled\n      if (this.respectsReducedMotion && this.prefersReducedMotion) {\n        this.showAllContent();\n        return;\n      }\n\n      if (this.animationMode === 'none') {\n        this.showAllContent();\n        return;\n      }\n\n      // For gradient-sweep and shimmer modes, just mark as animating (CSS handles the animation)\n      if (this.isStaticAnimationMode) {\n        return;\n      }\n\n      // Start the word-by-word animation for \"-in\" modes\n      this.showNextWord();\n    },\n\n    /**\n     * Pause the animation\n     * @public\n     */\n    pause () {\n      if (!this.isAnimating || this.isPaused) return;\n\n      this.isPaused = true;\n      this.clearTimeouts();\n      this.$emit('pause');\n    },\n\n    /**\n     * Resume the animation\n     * @public\n     */\n    resume () {\n      if (!this.isPaused) return;\n\n      this.isPaused = false;\n      this.$emit('resume');\n      this.showNextWord();\n    },\n\n    /**\n     * Reset the animation to initial state\n     * @public\n     */\n    reset () {\n      this.clearTimeouts();\n      this.isAnimating = false;\n      this.isPaused = false;\n      this.visibleWordCount = 0;\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.animationKey++;\n    },\n\n    /**\n     * Skip to the end of the animation\n     * @public\n     */\n    skipToEnd () {\n      this.showAllContent();\n    },\n\n    /**\n     * Show all content immediately\n     */\n    showAllContent () {\n      this.visibleWordCount = this.words.length;\n      this.visibleCharsPerWord = this.words.map(word => word.chars.length);\n      setTimeout(() => {\n        this.isAnimating = false;\n        this.$emit('complete');\n      }, 0);\n    },\n\n    /**\n     * Show next word in sequence\n     */\n    showNextWord () {\n      if (this.isPaused || this.visibleWordCount >= this.words.length) {\n        if (this.visibleWordCount >= this.words.length) {\n          this.completeAnimation();\n        }\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        this.visibleWordCount++;\n        this.$emit('progress', {\n          wordsComplete: this.visibleWordCount,\n          totalWords: this.words.length,\n          progress: this.visibleWordCount / this.words.length,\n        });\n\n        this.animateCharsForWord(this.visibleWordCount - 1);\n      }, this.timing.wordDelay);\n\n      this.animationTimeouts.push(timeout);\n    },\n\n    /**\n     * Animate characters for a specific word\n     */\n    animateCharsForWord (wordIdx) {\n      if (this.isPaused || wordIdx >= this.words.length) return;\n\n      this.visibleCharsPerWord[wordIdx] = 0;\n      const chars = this.words[wordIdx].chars.length;\n\n      const revealChar = () => {\n        if (this.isPaused || this.visibleCharsPerWord[wordIdx] >= chars) {\n          if (this.visibleCharsPerWord[wordIdx] >= chars) {\n            this.showNextWord();\n          }\n          return;\n        }\n\n        this.visibleCharsPerWord[wordIdx]++;\n        const timeout = setTimeout(revealChar, this.timing.characterDelay);\n        this.animationTimeouts.push(timeout);\n      };\n\n      revealChar();\n    },\n\n    /**\n     * Complete the animation\n     */\n    completeAnimation () {\n      this.isAnimating = false;\n      this.clearTimeouts();\n\n      this.$emit('complete');\n\n      if (this.loop) {\n        const timeout = setTimeout(() => {\n          this.reset();\n          this.$nextTick(() => {\n            this.start();\n          });\n        }, 500);\n\n        this.animationTimeouts.push(timeout);\n      }\n    },\n\n    /**\n     * Initialize content based on text prop or slot content\n     */\n    initializeContent () {\n      // For gradient-sweep and shimmer modes, skip word/character processing\n      if (this.isStaticAnimationMode) {\n        if (this.autoStart) {\n          this.$nextTick(() => this.start());\n        }\n        return;\n      }\n\n      if (this.text) {\n        this.words = this.processDirectText(this.text);\n      } else if (this.$refs.contentRef) {\n        this.words = this.processTextToChars(this.$refs.contentRef);\n      }\n\n      this.visibleCharsPerWord = Array(this.words.length).fill(0);\n      this.visibleWordCount = 0;\n\n      if (this.autoStart && this.words.length > 0) {\n        this.$nextTick(() => this.start());\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","value","MOTION_TEXT_ANIMATION_MODES","MOTION_TEXT_SPEEDS","MOTION_TEXT_TIMING_PRESETS","newVal","node","words","processNode","index","matches","_a","text","i","currentIdx","child","wordText","timeout","word","wordIdx","chars","revealChar","_createElementBlock","$options","$props","$data","_hoisted_2","_toDisplayString","_Fragment","_createTextVNode","_renderSlot","_ctx","_openBlock","_renderList","_createBlock","_Transition","char","charIdx","_normalizeStyle","_hoisted_5"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { MOTION_TEXT_TIMING_PRESETS as y, MOTION_TEXT_SPEEDS as M, MOTION_TEXT_ANIMATION_MODES as w } from "./motion-text-constants.js";
-import { openBlock as s, createElementBlock as h, normalizeStyle as c, normalizeClass as A, toDisplayString as f, createCommentVNode as l, Fragment as p, createTextVNode as W, renderSlot as T, renderList as g, createBlock as C, Transition as _, withCtx as x } from "vue";
-import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const S = {
+import { openBlock as s, createElementBlock as h, normalizeStyle as c, normalizeClass as A, toDisplayString as f, createCommentVNode as l, Fragment as p, createTextVNode as S, renderSlot as T, renderList as g, createBlock as C, Transition as _, withCtx as x } from "vue";
+import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = {
   compatConfig: { MODE: 3 },
   name: "DtMotionText",
   inheritAttrs: !1,
@@ -24,13 +24,13 @@ const S = {
       validator: (t) => w.includes(t)
     },
     /**
-     * Animation speed using t-shirt sizing.
-     * @values sm, md, lg
+     * Animation speed.
+     * @values 100, 200, 300, 400, 500
      */
     speed: {
-      type: String,
-      default: "md",
-      validator: (t) => M.includes(t)
+      type: [String, Number],
+      default: 300,
+      validator: (t) => M.includes(String(t))
     },
     /**
      * Whether to start animation automatically when component is mounted.
@@ -112,7 +112,7 @@ const S = {
      * Get timing preset based on speed prop
      */
     timing() {
-      return y[this.speed];
+      return y[String(this.speed)];
     },
     /**
      * Computed styles with timing CSS variables
@@ -320,10 +320,10 @@ const S = {
       this.text ? this.words = this.processDirectText(this.text) : this.$refs.contentRef && (this.words = this.processTextToChars(this.$refs.contentRef)), this.visibleCharsPerWord = Array(this.words.length).fill(0), this.visibleWordCount = 0, this.autoStart && this.words.length > 0 && this.$nextTick(() => this.start());
     }
   }
-}, b = ["data-text-content", "aria-live", "aria-label"], P = {
+}, v = ["data-text-content", "aria-live", "aria-label"], P = {
   key: 0,
   class: "d-motion-text__sr-only"
-}, k = ["aria-hidden"], E = ["data-text-content"], N = {
+}, N = ["aria-hidden"], k = ["data-text-content"], E = {
   key: 3,
   class: "d-motion-text__fallback"
 };
@@ -338,7 +338,7 @@ function R(t, d, e, n, i, r) {
   }, [
     e.screenReaderText ? (s(), h("span", P, f(e.screenReaderText), 1)) : l("", !0),
     r.isStaticAnimationMode ? (s(), h(p, { key: 1 }, [
-      W(f(e.text) + " ", 1),
+      S(f(e.text) + " ", 1),
       e.text ? l("", !0) : T(t.$slots, "default", { key: 0 })
     ], 64)) : (s(), h("span", {
       key: i.animationKey,
@@ -372,17 +372,17 @@ function R(t, d, e, n, i, r) {
               ]),
               _: 2
             }, 1032, ["name"]))), 128))
-          ], 12, E)) : l("", !0)
+          ], 12, k)) : l("", !0)
         ]),
         _: 2
       }, 1032, ["name"]))), 128))
-    ], 8, k)),
-    !i.words.length && !e.text && !r.isStaticAnimationMode ? (s(), h("span", N, [
+    ], 8, N)),
+    !i.words.length && !e.text && !r.isStaticAnimationMode ? (s(), h("span", E, [
       T(t.$slots, "default")
     ])) : l("", !0)
-  ], 14, b);
+  ], 14, v);
 }
-const $ = /* @__PURE__ */ v(S, [["render", R]]);
+const $ = /* @__PURE__ */ W(b, [["render", R]]);
 export {
   $ as default
 };